Şimdi Ara

CSS ile liste konusunda yardım

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Bu Konudaki Kullanıcılar:

2 Misafir - 2 Masaüstü

5 sn

3
Cevap

0
Favori

559
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

mustafay

Yüzbaşı

552 Mesaj

Tüm Başarılarını Gör

arkadaşlar elimde bir css kodu var şu şekilde;

#menu{
padding : 0;
height : 18px;
left : 5px;
margin-top : 5px;
right : 0;
}
#menu ul {
margin : 0;
list-style-type : none;
text-align : left;
}
#menu ul li {
display : block;
text-align : left;
margin : 0;
}
#menu a:link, #menu a:visited {
background : #fff;
height : 18px;
border-bottom : 1px solid #990000;
border-right : none;
padding : 0 0 0 3px;
color : #000000;
text-decoration : none;
display : block;
text-align : left;
font : 10px "Verdana, Arial, Helvetica, sans-serif ";
background-repeat : repeat;
}
#menu li a:hover {
color : #ffffff;
background-repeat : repeat;
background-color : #990000;
}

şimdi bu kod ile şöyle bir liste oluşturuyorum;,
örneğin alt alta 5 adet satırım var,

<div id="menu">
<ul>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=8060774&url=#" data-href="#">deneme1</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=8060774&url=#" data-href="#">deneme2</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=8060774&url=#" data-href="#">deneme3</a></li>
<li><a href="#">deneme3<a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=8060774&url=#" data-href="#">deneme4</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=8060774&url=#" data-href="#">deneme4</a></li>
</ul>
</div>

yukardaki kod ile belirtilen listeyi yaptığım zaman bir sorunla karşılaşıyorum;
şöyleki ; deneme1 in alt çizgisi (border-bottom) örneğin 1 birim iken, alttakilerin 1,5 birim oluyor, yani kısa kalıyor,(tüm satırlarda link # iken)
# işaretini değiştirip gerçek linkini veriyorum, bu sefer 1. satır düzeliyor ama alttaki satırlar kısa kalıyor,
hepsine gerçek linkini versem de aradan bir kaçı kısa kalıyor, ilginçtir ki link verdiğim dosyanın adını değiştirince durum düzeliyor, ama düzelen yerine başka biri bozuluyor,
ayrıca tüm satırların gerçek linki yok, bazılarına # koymak zorundayım (koymazsam satırlar diğerleri gibi olmuyor) ama malesef # linkli olanlar mecburen kısa kalıyor, dolayısıyla liste uzun-kısa alt ççizgili satırlarla doluyor
bu konuda bilgisi olan arkadaşlardan yardım rica ediyorum
saygılar

< Bu mesaj bu kişi tarafından değiştirildi mustafay -- 11 Temmuz 2006; 17:09:18 >

mustafay

Yüzbaşı

552 Mesaj

Tüm Başarılarını Gör

Sayfa: 1

Benzer içerikler

Ip işlemleri

Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara

KAPAT X

%40
Kazan

%2,8
Kazan

%6,5
Kazan

%25
Kazan

%1,6
Kazan

%3,2
Kazan

%5,5
Kazan

%3,2
Kazan

%5
Kazan

%3,2
Kazan

%5
Kazan

%2
Kazan

Alışveriş Yaptıkça Para Kazan Harekete Geç »