Css Yatay Menu Tek Basamak Kodlarımı İnceleyebilirsiniz & İndirebilirsiniz
<html>
<head>
<style type=”text/css”>
ul{
list-style-type:none;
}
li{
display:inline;
text-align: center;
}
a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
padding:5px;
border-right:1px solid #FFFFFF;
background-color: #FF3300;
}
a:hover{
background:#000;
}
</style>
<meta HTTP-equiv=”Content-Type” content=”text/html; charset=iso-8859-1” />
<title>CSS yatay menu Onurlu Dünya</title>
</head>
<body>
<ul>
<li><a href=”/”>ONURLU</a></li>
<li><a href=”/”>Css</a></li>
<li><a href=”/”>Html</a></li>
<li><a href=”/”>Asp</a></li>
<li><a href=”/”>C#</a></li>
<li><a href=”/”>JS</a></li>
<li><a href=”/”>Flash</a></li>
<li><a href=”/”>Javascript</a></li>
<li><a href=”/”>SQL</a></li>
<li><a href=”/”>PHP</a></li>
<li><a href=”/”>DÜNYA</a></li>
</ul>
</body>
</html>
<head>
<style type=”text/css”>
ul{
list-style-type:none;
}
li{
display:inline;
text-align: center;
}
a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
padding:5px;
border-right:1px solid #FFFFFF;
background-color: #FF3300;
}
a:hover{
background:#000;
}
</style>
<meta HTTP-equiv=”Content-Type” content=”text/html; charset=iso-8859-1” />
<title>CSS yatay menu Onurlu Dünya</title>
</head>
<body>
<ul>
<li><a href=”/”>ONURLU</a></li>
<li><a href=”/”>Css</a></li>
<li><a href=”/”>Html</a></li>
<li><a href=”/”>Asp</a></li>
<li><a href=”/”>C#</a></li>
<li><a href=”/”>JS</a></li>
<li><a href=”/”>Flash</a></li>
<li><a href=”/”>Javascript</a></li>
<li><a href=”/”>SQL</a></li>
<li><a href=”/”>PHP</a></li>
<li><a href=”/”>DÜNYA</a></li>
</ul>
</body>
</html>
