css менюта

[feweR]

Може ли д ами дадете 1 примерен код за така наречените менюта
От ляво от дясно и едно посредата по голямо
зашото аз като ги правя ми стават 1 под друго сичките после слагам margin: намествам си ги но като реша да добавя 1 "меню" и другите ми слизат надоло ...

П.П
направих си ги в 3 отделни класа

<div class="left">
<div class="right">
<div class="center"> но пак ми излиза същото там нагласям кое колко да е дълго hight: auto и пак слагам margin: и отново като реша да добавя още 1 "меню" другите се изместват

 

[Liberate]

моля те нарисувай някаква схема на пайнт ако трябва дори понеже така въобще не мога да схвана какво си направил... и междудругото се пише hEight и междудругото2 няма смисъл да му задаваш авто при положение, че то пропринцип си е така

 

[feweR]

cs-bg.info знаеш как е сайта предполагам 3 полета от ляво от дясно и посредата просто искам някой да ми обясни как да ги нареда така че да са на 1 ред

но да са 3 колони

 

[eddy]

В style.css слагаш.
-----------------------------------------------




* {
margin: 0;
padding: 0;
}

html,body {
margin: 0 auto;
padding:0;
}
cont {
width: 761px;
margin: 0 auto;
}

#topmenu {
float: left;
width: 900px;
}
#topmenu a {
list-style:none;
height: 30px;
font-family:arial, verdana, sans-serif;
}
#topmenu a:link, #topmenu a:visited {
width: 128px;
height: 30px;
display: block;
line-height: 28px;
color:#cc1234;
text-decoration:none;
text-align: center;
font-size: 11px;
font-weight:bold;
cursorointer;
background: url(buton.gif);
border-bottom: 3px solid #555555;
}
#topmenu a:hover {
width: 128px;
height: 30px;
display: block;
line-height: 28px;
color: #cc1234;
text-decoration: none;
text-align: center;
font-size: 11px;
font-weight:bold;
cursorointer;
background: url(buton1.gif);
border-bottom: 3px solid #CC8833;
}

#centermenu {
float: left;
width: 900px;
}
#centermenu a {
list-style:none;
height: 30px;
font-family:arial, verdana, sans-serif;
}

#centermenu a:link, #centermenu a:visited {
float: left;
width: 128px;
height: 30px;
line-height: 28px;
color:#cc1234;
text-decoration:none;
text-align: center;
font-size: 11px;
font-weight:bold;
cursorointer;
background: url(buton.gif);
border-bottom: 3px solid #555555;
}

#centermenu a:hover {
float: left;
width: 128px;
height: 30px;
line-height: 28px;
color: #cc1234;
text-decoration: none;
text-align: center;
font-size: 11px;
font-weight:bold;
cursorointer;
background: url(buton1.gif);
border-bottom: 3px solid #CC8833;
}

#left {
width: 15em;
height: 50em;
font-family:arial, verdana, sans-serif;
display:inline;
float: left;
margin-left: 10px;
background-color:#f5f5f5;
border: 2px solid #eee;
}

#center {
width: 35em;
height: 50em;
font-family:arial, verdana, sans-serif;
display:inline;
float: left;
margin-left: 10px;
background-color:#f5f5f5;
border: 2px solid #eee;
}

#right {
width: 15em;
height: 50em;
font-family:arial, verdana, sans-serif;
display:inline;
float: left;
margin-left: 10px;
background-color:#f5f5f5;
border: 2px solid #eee;
}
.clear {clear:both;font-size:0;}











В index.html слагаш
----------------------------------------------------------------------------






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<body>
<div id="cont">
<div id="left">
<div id="topmenu">
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
</div>
</div>
<div id="center">
<div id="centermenu">
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
<a href="iasdad.html">link</a>
</div>
</div>
<div id="right"></div>
</div>
<div class="clear"> </div>
</body>
</html>

 

[shterev]

Ето ти едно меню:
http://web-tourist.net/login/login/view.php?st=3125