karamananadolu
Hectopat
- Katılım
- 28 Eylül 2014
- Mesajlar
- 103
- Çözümler
- 1
Daha fazla
- Cinsiyet
- Erkek
Merhaba, sorunum basit bir divin içinde iki tane divim var bu divlerden menüyü ortaya almalıyım arama çubuğu da sağa yaslamalıyım.
kodlar bu şekilde lütfen yaptığım hataları ve eksikleri belirtin.
HTML:
<div id="nav">
<div id="kat">
<div class="menu"><a href="#"><img src="images/logo_house.png" height="40"/>Giriş</a></div>
<div class="menu"><a href="#"><img src="images/pazar_logo.png" height="40"/>Pazar</a></div>
<div class="menu"><a href="#"><img src="images/plus_logo.png" height="40"/>Koartı</a></div>
<div class="menu"><a href="#"><img src="images/iletisim_logo.png" height="40"/>İletişim</a></div>
<div class="menu"><a href="#"><img src="images/sohbet_logo.png" height="40"/>Sohbet</a></div>
</div>
<div id="searchbox"><asp:TextBox ID="TextBox1" CssClass="ara" runat="server"></asp:TextBox><img src="images/arama_logo.png" width="20"/></div>
</div>
Kod:
#nav {
width: 100%;
height: 80px;
background-image: url('../images/bg_nav.png');
}
#kat{
margin:0 auto;
width:450px;
height:80px;
}
.menu {
float:left;
width: 90px;
font-family: Arial;
font-size: 15px;
font-weight:bold;
text-align: center;
color: white;
}
#searchbox{
float:right;
margin-right:5px;
}
.ara{
height:25px;
background-color:rgba(0, 0, 0, 0.00);
}kodlar bu şekilde lütfen yaptığım hataları ve eksikleri belirtin.
Id sadece gereken yerlerde kullan, bir yerde sınıflar bir yerde id kullanma. Kod düzeni oluştur ve seçicileri kullan. Her element için ayrı bir sınıf-id ismi belirleme. Ayrıca bu isimler düzgün ve anlaşılır olsun. Reset Css kullanmayı unutma ve gereksiz yere kod kalabalığı yapma. Örneği incelersen fikirler edinebilirsin.
