menuler arasında boşluk kaldı..

27-04-2010, 18:51:15

#1

ahtapot

tema çalışması yaparken menüler arasında bir boşluk oluştu. sorunu farkedebilen var mı?

stil.css

Alıntı

body{background-color: #FFFFFF; font: 12px sans-serif; margin: auto;}
a{text-decoration: none

img{border: 0;}
:focus{outline: 0;}

#genel{width:990px;}
#ust{width:910px; height:100px; background:url(imaj/ust.png); margin-top:10px;}
#menu{width:910px; height:35px; margin-top:10px;}
#menusol{float:left;}
#menusol a{width:130px; height:35px; background:url(imaj/bsol1.png);}
.menusol a{padding: 10px; color: #000000;}
#menusag{float:left;}
#menusag a{width:130px; height:35px; background:url(imaj/bsag1.png);}
.menusag a{padding: 10px; color: #000000;}
#menuler{float:left;}
#menuler a{width:130px; height:35px; background:url(imaj/b.png);}
.menuler a{padding: 10px; color: #000000;}

index.htm

Alıntı

<html>
<head>
<title>Tasarım</title>
<link rel="stylesheet" type="text/css" href="stil.css" />
</head>
<body>
<center>
<div id="genel">
<div id="ust"></div>
<div id="menu">
<div id="menusol"><div class="menusol">
<a href="default.aspx">Ana Sayfa</a>
</div></div>
<div id="menuler"><div class="menuler">
<a href="haberler.aspx">Haberler</a>
<a href="sektorler.aspx">Sektörler</a>
<a href="arama.aspx">Ara</a>
<a href="reklam.aspx">Reklam</a>
<a href="istatistikler.aspx">İstatistikler</a>
</div></div>
<div id="menusag"><div class="menusag">
<a href="iletisim.aspx">İletişim</a>
</div></div>
</div>
</div>
</center>
</body>
</html>

şimdiden teşekkürler.

27-04-2010, 20:06:12

#2

justices

.menuler a{padding: 10px; color: #000000;}

buna

.menuler a{padding: 10px; color: #000000; float:left }

dene.

bu arada bu kodun çalışması mucizevi gibi sanki

27-04-2010, 20:10:31

#3

ahtapot

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

.menuler a{padding: 10px; color: #000000;}

buna

.menuler a{padding: 10px; color: #000000; float:left }

dene.

bu arada bu kodun çalışması mucizevi gibi sanki

sağol. ne varki kodda çalışmayacak. gayet güzel gidiyor

27-04-2010, 20:19:31

#4

justices

linkler aspx, asp.net ortamında çalışıcaksan class kullan id kullanma css lerde.

bilmem mucize derken ilerde ne demek istediğimi anlarsın

27-04-2010, 21:03:26

#5

ahtapot

daha önce css ile yapılan temaları monte ettim. siteyi kullanım bakımından bir sorun çıkmadı fakat bazı w3 hatalarını çözemedim. kendi temalarımı yapınca bilmiyorum nasıl bir sorun çıkar.

27-04-2010, 21:11:39

#6

justices

asp.net te genelde kontroller id üzerinden yapıldığı için stilleride class a tanımlaman çok çok çok daha mantıklı, elini class lara alıştırmanı öneririm.

tek class üzerinden de gitme bi öğeye bir iki class ı birlikte kullanabilirsin.
mesela çok kullanılan öğelere ayrı class oluştur:

.fleft { float:left }
.fright { float:right }

gibi oluştur. daha sonra bişey tanımlarken kolaylık çekersin.

<div class="menubilmemne">menu</div> de menu bilmemneye float verme mesela:

<div class="menubilmemne fleft">menu</div> diye tanımla

yarın bunu değiştirmen gerektiğinde yada bunu başka bir yerde "farklı" bir şekilde hızlıca kullanmak istediğinde bu tür class lar sana çok hız katabilir..

27-04-2010, 22:06:36

#7

ahtapot

bu temada "id" leri "class" yapsam bir şey değişmeyecek sanırım. id yerine class yazmanın bir farkı yok değil mi?

27-04-2010, 23:01:29

#8

justices

farkı görüntüsel olarak yok ikiside çalışır ama kodlamayla bütünleşik yapacağın zaman asp.net projelerinde sorun yaşarsın