web-touristХоризонтално Меню
Автор: Amigo0o
Така сега ще ви покажа как да си направите едно хубаво хоризонтално CSS меню.Първо си направете един нов html документ.Примено както съм направил аз menucss.html
Това добавяме някаде след <body>
<ul>
<li><a href="#">Css</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">ActionScript</a></li>
<li><a href="#">Javascript</a></li>
<li><a href="#">Web-Tourist</a></li>
<li><a href="#">PHP</a></li>
</ul>А това между <head></head>
<style type="text/css">
ul{
list-style-type:none;
}
li{
display:inline;
}
a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
background:#999900;
padding:5px;
border-right:1px solid #FFFFFF;
}
a:hover{
background:#CCCC00;
}
</style>И горе долу трябва да имате такъв html документ.
<html>
<head>
<style type="text/css">
ul{
list-style-type:none;
}
li{
display:inline;
}
a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
background:#999900;
padding:5px;
border-right:1px solid #FFFFFF;
}
a:hover{
background:#CCCC00;
}
</style>
<meta HTTP-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS horizontal menu</title>
</head>
<body>
<ul>
<li><a href="#">Css</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">ActionScript</a></li>
<li><a href="#">Javascript</a></li>
<li><a href="#">Web-Tourist </a></li>
<li><a href="#">PHP</a></li>
</ul>
</body>
</html>Урока е преведен от мен за Web-Tourist
