Autor Zpráva
vasam
Profil
Zdravím,
mám menší problém s "roztáhnutím" odkazu i tam, kde není text (zní to blbě, proto uvádím příklad: ;-) ):
<p style="width: 200px"><a href="#">Text odkazu</a></p>

Odstavec je (např. kvůli pozadí) větší, než jeho obsah, ale odkaz je pouze u toho obsah, který je kratší. Já právě potřebuji, aby ten celý odstavec s tou šířkou 200px byl brán jako odkaz.
Funguje to pokud přehodím <p> a <a>:
<a href="#"><p style="width: 200px">Text odkazu</p></a>

toto ale bohužel není W3C validní (na čemž mi záleží).

Prosím proto o radu.

vasam
Nox
Profil
1) Nepoužívej interní styly
2) Změň odkaz na blokový prvek...pomocí display: block
SwimX
Profil
vasam
toto ale bohužel není W3C validní (na čemž mi záleží).
proč?

když uděláš ad2) Nox - můžeš vyhodit i <p> a dát styly co mělo p přímo a
vasam
Profil
Nox: normálně tam mám externí css a mnohem složitější parametry - příklad jsem pro pochopení zjednodušil. Display: block to přece "zneviditelní"?
vasam
Profil
SwimX: co je ad2 :-)
panther
Profil
vasam
normálně tam mám externí css a mnohem složitější parametry
to už budeš velký kodér za chvíli ;-)

Display: block to přece "zneviditelní"?
ne, to je „display: none“. „display: block“ udělá z řádkového prvku blokový.

co je ad2 :-)
tím bylo myšleno Noxovo „2) Změň odkaz na blokový prvek...pomocí display: block
Nox
Profil
vasam
Ne-e, display: block udělá blockový prvek, display: none nezneviditelní, ale vypne vykreslení prvku, což je rozdíl, protože pak
se s tím prvkem nebude vůbec počítat, naopak visibility: hidden pouze prvek skryje, na jeho místě bude mezera atd.

"ad2" znamená "k bodu 2"

SwimX
Záleží na tom...třeba pro perex by to mohlo být sémantické mít tam oba tagy..nebo něco...záleží co chce udělat
panther
Profil
Nox
Záleží na tom...třeba pro perex by to mohlo být sémantické mít tam oba tagy..nebo něco...záleží co chce udělat
to sice ano, ale v opačném pořadí ;-)
<p><a href="#">text</a></p>
vasam
Profil
Supr! Díky moc, display: block mě nenapadl. Už to funguje, jak má

vasam
„normálně tam mám externí css a mnohem složitější parametry“
to už budeš velký kodér za chvíli ;-)
...
asi jsem to špatně napsal: myslel jsem třídu (class) CSSka v externím souboru. Komplet zapis vypadá takto:
<p id="<?php echo $odkaz; ?>" class="navig_text" onmouseover="zmen_pozadi ('<?php echo $odkaz; ?>')" onmouseout="zmen_pozadi ('<?php echo $odkaz; ?>')"><a style="display: block" href="<?php echo $odkaz; ?>"><?php echo $text; ?></a></p>
panther
Profil
vasam
asi jsem to špatně napsal: myslel jsem třídu (class) CSSka v externím souboru. Komplet zapis vypadá takto:
neboj, pochopil jsem to moc dobře ;-)
Nox
Profil
panther
Však ano

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: