Stránka 1 z 1

[HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 11:20
od CZechBoY
Zdravim,
mám trošku větší problém s tagem LI(seznam).
Prostě jak jsou jednotlivé itemy tak mezi nimi je strašná mezera, řekl bych tak 10px
kdyžtak mrkněte na ten web, je to levé menu
registrace:
pc-help:123456
přezdívka:heslo

toto dělá jen v IE

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 11:34
od TheSkeleton
nešlo by to udělat v CSS?

např.:

Kód: Vybrat vše

li {margin-bottom: 5px;}

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 12:30
od CZechBoY
radši se nejdřív mrkni na zdroják, mám tam margin:0 ;-)

jop ještě jsem zapoměl dodat že to je jen v IE

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 15:13
od Tholus
Možná padding, když to nepůjde, asi bych to udělal přes zápornou hodnotu paddingu, nebo marginu.

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 20:17
od Myloš
Nemohu se tam přihlásit.
Jméno je 123456 nebo pc-help:123456?
Heslo je heslo nebo přezdívka:heslo?
Nefunguje mi nic.

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 19 kvě 2010 20:26
od Stene
Jméno: pc-help
Heslo: 123456

Re: [HTML]jak se zbavit mezer pod LI?  Vyřešeno

Napsal: 19 kvě 2010 21:43
od Myloš
Vzhledem k !DOCTYPE <!DocType HTML Public "-//W3C//DTD HTML 4.01 Transitional//EN"> je Explorer v Quirku – to jen pro prvotní informaci. Pokud změníš !Doctype třeba na transitional+URL:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
přepneš Explorer do Standardu a měl by se chovat podobně jako ostatní prohlížeče. Možná tím vzniknou jiné problémy, ale mohlo by to odstranit tenhle.
Záleží na osobních preferencích – jsou (i výborní) kod=ři, kteří radši quirk; já osobně preferuji standard.


Jinak v quirku můžeš explorer oblbnout zápisem #menu li a {height: 1px;} – on ho v quirku stejně bude brát jako min-height, ale odstraní se tím problém.
Aby to nevyhodilo z rovnováhy ostatní prohlížeče, buď vytvoř pro explorer ještě jeden styl a ten linkuj v podmíněném komentáři:

Kód: Vybrat vše

<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="styl-pro-explorer.css">
<![endif]-->

nebo použij tzv. podtržítkový hack, který Explorer vezme a ostatní ho budou ignorovat:
#menu li a {_height: 1px;}

Re: [HTML]jak se zbavit mezer pod LI?

Napsal: 20 kvě 2010 09:10
od CZechBoY
Myloš: díky, perfektní, změnen DocType a už to faká jako v ostatních prohlížečích(skoro)
co neudělá blbá adresa na w3.org v DocTypu...
asi to jdu přepsat ve všech webech :-)
VYŘEŠENO, ještě jednou díky