css menü hatası

01-09-2010, 18:52:27

daha önceleri başıma gelmişti. html olarak tasarımda bir problem yok fakat visual studio ya aktarıp çalıştırınca menü şöyle oluyor. hatayı çözemedim.

normali ise şöyle

html

Alıntı

<html>
<head runat="server">
<title>Üç Kare Bilgisayar Teknolojileri Ltd. Şti.</title>
<link rel="stylesheet" type="text/css" href="stil.css" />
</head>
<body><br />
<center>
<div class="ust"></div>
<div class="bosluk"></div>
<div class="menu"><div class="menupad">
<a href="default.aspx">ANA SAYFA</a>
<a href="guncellemeler.aspx">GÜNCELLEMELER</a>
<a href="urunlerimiz.aspx">ÜRÜNLERİMİZ</a>
<a href="fiyatlistesi.aspx">FİYAT LİSTESİ</a>
<a href="referanslarimiz.aspx">REFERANSLARIMIZ</a>
<a href="hakkimizda.aspx">HAKKIMIZDA</a>
<a href="iletisim.aspx">İLETİŞİM</a>
</div></div>
<div class="bosluk"></div>
<div class="icerik">
<div class="iceriksol"><div class="menupad1">DUYURULAR</div></div>
<div class="bosluk1"></div>
<div class="iceriksag"><div class="menupad1">HOŞGELDİNİZ</div></div>
</div>

<div class="icerik">
<div class="iceriksol1">asdasd</div>
<div class="bosluk1"></div>
<div class="iceriksag1">adsada</div>
</div>
</center>
</body>
</html>

stil.css

Alıntı

body{font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: auto; background: #F6F6F6 url(imaj/img01.jpg) repeat-x; color: #999; }

a{text-decoration: none;}
img{border: 0;}
focus{outline: 0;}

.bosluk{height: 10px;}
.bosluk1{width: 10px; height: 1px; float: left;}

.ust{width: 900px; height: 140px; background: url(imaj/ust.png);}

.menu a{color: #999; padding: 0px 20px 0px 20px;}
.menu a:hover {color: #000;}
.menu{width: 900px; height: 40px; background: url(imaj/menubg.png);}
.menupad{padding-top: 12px;}
.menupad1{padding-top: 10px;}

.icerik{width: 900px;}
.iceriksol{width: 690px; height: 36px; float: left; background: url(imaj/menub.png);}
.iceriksag{width: 200px; height: 36px; float: left; background: url(imaj/menuk.png);}
.iceriksol1{width: 688px; height: 300px; float: left; background: #FEFEFE url(imaj/arka1.png) repeat-x; border: solid 1px #CCC; border-top: 0px;}
.iceriksag1{width: 198px; height: 300px; float: left; background: #FEFEFE url(imaj/arka1.png) repeat-x; border: solid 1px #CCC; border-top: 0px;}

şimdiden teşekkürler.

01-09-2010, 18:59:48

#2

kereky

.menu a{color: #999; padding: 0px 20px 0px 20px; display: inline;}
olarka değiştir sorunun çözülür..

01-09-2010, 19:18:04

#3

ahtapot

kereky adlı üyeden alıntı: mesajı görüntüle

.menu a{color: #999; padding: 0px 20px 0px 20px; display: inline;}
olarka değiştir sorunun çözülür..

yok hocam altalta göstermesinde bir sorun yok. direk menu sınıfını görmüyor anlayamadım.

01-09-2010, 19:40:41

#4

kereky

benim yazdığım değişken yan yana gelmesini sağlıyor alt alta değil..
ben kodlara baktığımda hatalı bir yer göremedim ama headerdaki css yolunu bi kontrol et derim..

en olmadı şunu yap yan yana gelir..

<div class="menu"><div class="menupad">
<a href="default.aspx">ANA SAYFA</a>
<a href="guncellemeler.aspx">GÜNCELLEMELER</a>
<a href="urunlerimiz.aspx">ÜRÜNLERİMİZ</a>
<a href="fiyatlistesi.aspx">FİYAT LİSTESİ</a>
<a href="referanslarimiz.aspx">REFERANSLARIMIZ</a>
<a href="hakkimizda.aspx">HAKKIMIZDA</a>
<a href="iletisim.aspx">İLETİŞİM</a>
</div></div>

üsttekini alttaki gibi uyarla sorun ortadan kalkar tabi harf boyutları falan gibi sorunlar çıkacak.. bir tanede class yada id belirleyip o tür sorunlarıda halledersin.. kolay gelsin.

<div style=" margin: 0px; padding: 0px;">
<ul style=" margin: 0px; padding: 0px;>
<li style=" padding: 0px; margin: 0px;"> <a href="#"> Menuler </li>
</ul>
</div>

01-09-2010, 19:50:17

#5

KorsaNvBh

boy belirlenmesinde eksstra bir sınıfa ihtiyaç yoktur.display:inline-block bu işi görür

01-09-2010, 20:59:50

#6

ahtapot

tema değiştiriyordum. yeni tema dosyasını düzenledim fakat site eski tema dosyasını kullanmaya devam ediyor. neyse fazla kafa patlatmadan sorunu gördüm Allahtan

kodlarda sorun yok teşekkürler.