Някой ще може ли?

D

DarkBlood

Registered
Някой ще може ли да направи следното нещо с <div id"... :lol:
753738_orig.jpg
 
style.css
Код: 
      div.sadyrjanie{
margin-left:auto;
margin-right:auto;
height:100%;
width:100%;
}

div.header{
width:991px;
height:100px;
background:#0000FF;
}

div.header2{
width:991px;
height:30px;
background:#f3f3f3;
}

div.menu{
width:760px;
height:30px;
background:#CCCCCC;
}

div.left{
width:200px;
height:550px;
float:left;
background:#000000;
} 

div.center{
width:591px;
height:550px;
float:left;
background:#FFFFFF;
}

div.right{
width:200px;
height:550px;
float:right;
background:#000000;
}

div.footer{
width:991px;
height:100px;
float:left;
background:#000000;
}

index.html
Код: 
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>asdasd</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div class="sadyrjanie">
<div class="header"></div>
<div class="header2"></div>
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
<div class="footer"></div>
</div>
</div>

</body>
</html>

ако знаеш малко хтмл цсс ще си го направиш както искаш :)
DEMO
 
Значи баце искам да е като горе на картинката... в такъв смисал да е по средата да не е оголемено както е при теб.. също така при теб е разместено дясното меню.. ;)
 
Баси до сега не бях правил с 2 сайд бара и се оказа не лесна работа .. даже не се получи хубаво :(
http://web-tourist.net/project/rado/divlayout.html
Demo горе.
Ако разбираш поне малко от CSS ще си оформяш нещата вече.
На някой места съм копирал, на други съм слагал коментари - но не навсякъде.Дано ти свърши работа.

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
<div id="container">

<div id="header"><img src="" width="500" height="100" alt="nqkfa snimka tuka" /></div>
<div id="menu">
  <ul>
    <li> 
      Menu das dasdasdasdasdasd
    </li>
  </ul>
  </div>
<div id ="sidebar1"> 
  <ul>
    <li>sidebar</li>
    <li>asda</li>
    <li>asdsad</li>
  </ul>
  </div>
<div id="sidebar2"> 
  <ul>
    <li>sidebar2 </li>
  </ul>
  </div>
<div id="mainContent">
  <p>content</p>

  </div>
<p><br class="clearfloat" />
</p>
<div id="footer"> 
  <p>footer </p>

</div>

 </div>
</body>
</html>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе