na vagyok, csak jatszottam : )
html:
<div id="container">
<div id="imgdiv">
<a href="#"><img id="kep" src="051.gif" /></a>
</div>
<div id="menudiv">
<ul id="menu">
<li><a href="#">EGY</a></li>
<li><a href="#">KETTO</a></li>
<li><a href="#">HAROM</a></li>
</ul>
</div>
</div>
css:
#container
{
margin: 0 auto;
height:400px;
}
#imgdiv
{
float:left;
height:400px;
}
#menudiv
{
background-color:#000000;
clear:right;
height:400px;
}
#menu li
{
float:left;
list-style-type:none;
margin:20px;
}
#menu li a
{
color:#FFFFFF;
text-decoration:none;
font-size:20px;
vertical-align:middle;
line-height:400px;
}
#menu li a:hover
{
color:#FF0000;
font-size:20px;
}
#kep
{
padding-bottom: lentirom px;
padding-top: lentirom px;
}
szoval ez egy 400 px magas div, ami 2 reszre van osztva: imgdiv(kep) es menudiv (menu).
a menu-n belul 400 px magas sormagassag van beallitva, es ez alapjan van beallitva a vertical-align:middle attributum.
lentirom=(container div magassaga-kep magassaga)/2
[ Szerkesztve ]
some men just wanna watch the world burn...