CSS problem s DL, DD, DT, UL, LI items
9 отговора
189 прегледа
CSS problem s DL, DD, DT, UL, LI items
Привет, колеги! Досега винаги имам проблеми когато ползвам "DL, DD, DT, UL, LI" таговете с видимостта под различните браузъри. Днес се срещам с поредния проблем: значи имам си един списък, които ползвам за дървовидно меню. За съжаление не мога да се преборя с разликата между IE i Mozilla. Експлорера ми го показва, както аз искам, а Мозилата дава доста широки интервали между текста и самите bullets.
Как по дяволите да се преборя с това? Ето в общи линии каква ми е болката:
<dl id="menu" >
<dt onclick="javascript:show('smenu2');">
<a href="#" class="dt_menu">Главен линк</a>
<dd id="smenu2">
<ul class="set">
<li class="set"><a href="news1.html" target="_self">линк 1</a></li>
<li class="set"><a href="company.html" target="_self">линк 2</a></li>
<li class="set"><a href="city.html" target="_self">линк 3</a></li>
</ul>
</dd>
</dt>
</dl>
Как по дяволите да се преборя с това? Ето в общи линии каква ми е болката:
<dl id="menu" >
<dt onclick="javascript:show('smenu2');">
<a href="#" class="dt_menu">Главен линк</a>
<dd id="smenu2">
<ul class="set">
<li class="set"><a href="news1.html" target="_self">линк 1</a></li>
<li class="set"><a href="company.html" target="_self">линк 2</a></li>
<li class="set"><a href="city.html" target="_self">линк 3</a></li>
</ul>
</dd>
</dt>
</dl>
Re: CSS problem s DL, DD, DT, UL, LI items
сложи поне и css стила, защото кристалната топка изчезна преди време и още не са я върнали, и не можем да гадаем какво си (не)написал.
Re: CSS problem s DL, DD, DT, UL, LI items
Опаа... извинявам се, верно не съм дал самия CSS, sorry:
.ul {
list-style-type:disc;
list-style-position:inside;
list-style-image:url('images/menu_doth.gif');
}
dl, dt, dd, {
color: #E6EAE8;
margin: 0;
padding: 0;
line-height: 10px;
list-style-type:none;
list-style-position:inside;
list-style-image: url(images/menu_doth.gif);
}
ul.set, li.set{
margin: 0;
padding: 0;
}
#menu dt {
cursor: pointer;
padding-left: 2px;
height: 20px;
line-height: 30px;
text-align: left;
font-weight: bold;
border: 1px solid #1F82AF;
background: #1F82AF;
}
#menu dd {
border: 1px solid #1F82AF;
}
#menu li.set {
padding-left: 30px;
background: #1F82AF;
}
#menu li.set a, #menu dt a {
color: white;
text-decoration: none;
display: block;
border: 0 none;
}
#menu li.set a:hover, #menu dt a:hover {
background: #eee;
color:#017CA5;
}
.li_disk{
list-style-position: inside;
}
.ul {
list-style-type:disc;
list-style-position:inside;
list-style-image:url('images/menu_doth.gif');
}
dl, dt, dd, {
color: #E6EAE8;
margin: 0;
padding: 0;
line-height: 10px;
list-style-type:none;
list-style-position:inside;
list-style-image: url(images/menu_doth.gif);
}
ul.set, li.set{
margin: 0;
padding: 0;
}
#menu dt {
cursor: pointer;
padding-left: 2px;
height: 20px;
line-height: 30px;
text-align: left;
font-weight: bold;
border: 1px solid #1F82AF;
background: #1F82AF;
}
#menu dd {
border: 1px solid #1F82AF;
}
#menu li.set {
padding-left: 30px;
background: #1F82AF;
}
#menu li.set a, #menu dt a {
color: white;
text-decoration: none;
display: block;
border: 0 none;
}
#menu li.set a:hover, #menu dt a:hover {
background: #eee;
color:#017CA5;
}
.li_disk{
list-style-position: inside;
}
Re: CSS problem s DL, DD, DT, UL, LI items
Pi4, ako mojesh da dadesh akul, slusham te. Ne tvurdq, 4e sum dobur, zatva i sa mai klubovete - slushame po-dobrite i se u4im ot tqh.... A ako si takuv, mul4a i slusham. Vsi4ko drugo e izlishno
Re: CSS problem s DL, DD, DT, UL, LI items
Виждам, че са ти отговорили, за това ще си позволя да ти дам един съвет...
когато ползващ дефиниционни списъци следвай синтаксиса им, примерно:
<dl>
<dt>
<dd>
</dd>
</dt>
</dl>
та това горе не е коректен синтаксис, а от там идват и проблемите, просто Gecko-базираните браузъри се придържат към стандартите а IE не много и ако нещо е сбозено в кода IE се мъчи да го оправи при рендването... за това там се вижда добре...
когато ползващ дефиниционни списъци следвай синтаксиса им, примерно:
<dl>
<dt>
<dd>
</dd>
</dt>
</dl>
та това горе не е коректен синтаксис, а от там идват и проблемите, просто Gecko-базираните браузъри се придържат към стандартите а IE не много и ако нещо е сбозено в кода IE се мъчи да го оправи при рендването... за това там се вижда добре...
Re: CSS problem s DL, DD, DT, UL, LI items
Blagodarq i na dvama vi za otgovorite! Shte se pridurjam kum vashite suveti, eto zatova haresvam clubovete na Dira-vinagi shte namerish otgovor ot znaeshtite! Blagodarq otnovo!
Re: CSS problem s DL, DD, DT, UL, LI items
забрави да добавиш, че винаги трябва да се ядосаш преди да стигнеш до отовора.
Re: CSS problem s DL, DD, DT, UL, LI items
Hahaha, abe vajnoto e da ne zabravq da izkaja blagodarnost kum znaeshtite, pa drugoto
e drebna rabota.