Witam! Mam takie kody:
HTML:
<li><a href="?app=vip">VIP Diablo
</a></li> <li><a href="?app=slot">Slot
</a></li> <li><a href="#">Reklamy
</a></li>
<li><a href="#">Nowości
</a></li> <li><a href="#">Ranking graczy
</a></li> <li><a href="#">Generator sygnatur
</a></li> <li><a href="#">Opis klas
</a></li>
Test
Kod CSS:
#left_menu {
float: left;
margin: 0 auto;
background: url("images/1_062.png") no-repeat;
width: 225px;
clear:both;
}
#left_menu h1 {
font: bold 105% Arial, Sans-Serif;
color: #FFF;
text-transform: uppercase;
margin: 15px auto;
margin-bottom: 7px;
text-align:center;
clear:both;
}
#left_menu ul {
list-style: none;
background: url("images/1_102.png") repeat;
width: 223px;
margin: 0 auto;
display:block;
}
#left_menu ul li a{
display:block;
padding:5px 10px 5px 25px;
text-decoration: none;
color: #FFF;
}
#left_menu ul li a:hover
{
color: #FFF;
background-color:rgba(0,0,0,1.0)
}
#left_menu .box_end {
background: url("images/1_142.png") no-repeat;
width: 225px;
margin: 0 auto;
}
/* SRODKOWE ELEMENTY */
#right_content {
background: url("images/1_082.png") no-repeat;
float: right;
width: 604px;
margin: 0 auto;
}
#right_content h1 {
padding-top: 15px;
font: bold 105% Arial, Sans-Serif;
color: #FFF;
text-transform: uppercase;
text-align:center;
}
#right_content .box {
margin-top: 5px;
padding: 10px;
width: 583px;
background: url("images/1_11.png") repeat;
color: #FFF;
}
#right_content .box_end {
background: url("images/1_16.png") no-repeat;
width: 604px;
}
Problem jest taki, że to co jest po prawej stronie, czyli right_content wyrównane jest do najniższego menu, a chcę to mieć na samej górze, jakieś porady?