пропозиції роботи
Mariusz Eleryk Graphic Designer
Temat: Vertical-Align w liście
Witam,Mam taką oto listę, która działa jako menu:
<div id="menu">
<ul>
<li><a href="index.php">O mnie</a></li>
<li><a href="index.php">Moje prace</a></li>
<li><a href="index.php">Kontakt</a></li>
</ul>
</div>
CSS do tego wygląda następująco:
#menu {
width: 850px;
height: 40px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
overflow: hidden;
}
#menu ul { /* all lists */
list-style: none;
float: right;
}
#menu li {
display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
#menu li a, #menu li a:visited {
width: 150px;
height: 50px;
position: relative;
top: -25px;
text-align: center;
margin: 0px 2px 0px 2px;
float: right;
text-decoration: none;
background-color: #0090ff;
}
#menu li a:hover {
top: -10px;
font-size: 15px;
font-weight: bold;
}Problem polega na tym, że chciałbym aby teksty "O mnie", "Moje prace" i "Kontakt" były wyrównane do dołu elementu <li>.
Jakieś pomysły?
Przykład działania: http://www.maelde.pl/temp/tivis/Mariusz Eleryk edytował(a) ten post dnia 06.08.10 o godzinie 14:03
