Хоризонтално меню

Ето:
Код:
<!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>Text button</title>

<style type="text/css">
 ul{
list-style-type: none;  
width: 200px;
height: 200px;
text-align: center 
}
li {
display:inline;
}
 li a {
width: 160px;
height: 32px;
display:inline;
background-image: url('btnoff.jpg'); 
list-style-type: none;
text-decoration:none;
color: #DDD;
}
 li a:hover {
color: #000;
background-image: url('btnon.jpg') 

}
</style></head><body style="background-color: rgb(51, 51, 51);">
        <ul>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li> 

</ul></body></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=utf-8"><title>Text button</title>

<style type="text/css">
 ul{
list-style-type: none; 
width: 700px;
height: 200px;
text-align: center;
}
li {
display:inline;
}
 li a {
width: 260px;
height: 32px;
padding:7px 67px;
background-image: url('btnoff.jpg');
list-style-type: none;
text-decoration:none;
color: #DDD;
}
 li a:hover {
color: #000;
background-image: url('btnon.jpg')

}
</style></head><body style="background-color: rgb(51, 51, 51);">
        <ul>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>

</ul></body></html>
 

Back
Горе