Keskustelu: Nettisivujen teko: IE ja a-elementin padding

Eli ongelma on navissa kun käytän paddingia siinä. Miten ylä ja ala padding ei toimi ollenkaan Internetillä. Olisiko mitään muuta keinoa tehdä sama juttu kuin padding? Käsittelen a-tagia

margin

Margin ei suurenna elementtiä vaan siirtää sitä. Padding suurentaan haluttuun suuntaan!

Eikös padding ole margin sisäänpäin.

marginille voit antaa myös negatiiviset arvot.

Negatiiviset arvot eivät vain usein toimi kovin hyvin IE:llä (ennen kasia). Sen sijaan voinen suositella laittamaan tyylin display: inline-block; voimaan niille linkeille, joille sisennystä haluat.

Ei toiminut mikään margin. Todellakaan. Ei se suurenna mitenkään linkin taustaa!

Laita sinne <a href="jokusivu"><div width="50" height="50">Linkki 50x50</div></a>

Margineilla eikä paddingeilla kuulu edes antaa mitään pituuksia. Ei ne sitä tee, vaan width ja height arvot ovat sitä varten.

Kokeilitko edes Merrin ehdotusta (display: inline-block;)? Ainakin IE6:lla ja Fx:llä se toimii aivan hyvin. Jos se ei jostain syystä riitä, laita vaikka pienet pätkät koodia kohdista, jotka olet tehnyt väärin, siis a-elementit ja niitä ympäröivä lohkotason elementti sekä kaikki näitä koskevat CSS:t.

Äläkä noudata Roccerin ehdotusta, se on useastakin syystä virheellinen (epävalidi).

Rocceri kirjoitti:

Laita sinne <a href="jokusivu"><div width="50" height="50">Linkki 50x50</div></a>

Margineilla eikä paddingeilla kuulu edes antaa mitään pituuksia. Ei ne sitä tee, vaan width ja height arvot ovat sitä varten.

Niin mutta padding lisää nykyiseen kokoon jonkun verran