<--html kodları-->
<div class="ust">
<div class="logo">
<a href="index.html">
<img src="kutuphane/resim/logo.jpg" alt="sitemizin logosudur"/>
</a>
</div> <!--logo dıv kapanıs -->
<div class="menu1">
<ul>
<li><a href="index.html"> Ana sayfa</a></li>
<li><a href="#"> Köpekler</a></li>
<li><a href="#"> Golden Retviever</a></li>
<li><a href="#"> Çin Aslanı</a></li>
</ul><!--ul kapanıs-->
</div><!-- menu1 dıv kapanıs -->
</div><!--ust dıv kapanıs -->
<div class="logo">
<a href="index.html">
<img src="kutuphane/resim/logo.jpg" alt="sitemizin logosudur"/>
</a>
</div> <!--logo dıv kapanıs -->
<div class="menu1">
<ul>
<li><a href="index.html"> Ana sayfa</a></li>
<li><a href="#"> Köpekler</a></li>
<li><a href="#"> Golden Retviever</a></li>
<li><a href="#"> Çin Aslanı</a></li>
</ul><!--ul kapanıs-->
</div><!-- menu1 dıv kapanıs -->
</div><!--ust dıv kapanıs -->
<--css kodları-->
.ust{width:990px; height:120px; background:lightgrey;}
.logo{width:250px; height:120px; float:left;}
.logo a{width:250px; height:120px; float:left;}
.logo a img {width:250px; height:120px; float:left;}
.menu1{width:520px; height:40px; float:right;}
.menu1 ul{width:520px; height:25px; }
.menu1 ul li{float:left; margin-right:10px; list-style:none;}
.menu1 ul li a {display:block; background:red; font-size:18px; color:#555;padding:5px; text-decoration:none;font-family:'Calibri','Tahoma',serif;}
.menu1 ul li a:hover{background:yellow; color:black;}
.logo{width:250px; height:120px; float:left;}
.logo a{width:250px; height:120px; float:left;}
.logo a img {width:250px; height:120px; float:left;}
.menu1{width:520px; height:40px; float:right;}
.menu1 ul{width:520px; height:25px; }
.menu1 ul li{float:left; margin-right:10px; list-style:none;}
.menu1 ul li a {display:block; background:red; font-size:18px; color:#555;padding:5px; text-decoration:none;font-family:'Calibri','Tahoma',serif;}
.menu1 ul li a:hover{background:yellow; color:black;}
Hiç yorum yok:
Yorum Gönder