Autor | Zpráva | ||
---|---|---|---|
mstar Profil |
#1 · Zasláno: 5. 12. 2007, 22:14:30 · Upravil/a: mstar
Mám tokový menší problém neproblém. Na stránkách používám textové menu, kde text je umístěn v divu, kterému na onmouseover měním pozadí pro lepší efekt. Není v celku žádný problém udělat tento odkaz validní :
<div onmouseover...><a ...>text</a></div> Má to ovšem jedinou mouchu, konkrtně, že div sice mění barvu po najetí kurzorem, ale jako odkaz funguje pouze text, což je někdy nepříjemné kvůli rozdílné délce slov. Vyřešil jsem to následovně: <a ...><div onmouseover...>text</div></a> Bohužel toto řešení není validní, proto bych poprosil o radu, jak to mám řešit jinak, vyjma obrázku a odkazování javascriptem. Díky |
||
Str4wberry Profil |
#2 · Zasláno: 5. 12. 2007, 22:19:10
A co odkaz nastylovat jako blok.
|
||
Miloš Profil |
#3 · Zasláno: 5. 12. 2007, 22:23:43
div a {display: block; width: 100%; height: 100%;}
funkční ve FF, Opeře a IE od 5 výše Mimochodem text přímo v divu neoplývá sémantičností. Text patří do <p>odstavce</p> |
||
Miloš Profil |
#4 · Zasláno: 5. 12. 2007, 22:24:57
Str4wberry
Předběhl's mě. Jen dodávám, že tomu bloku je nutné nastaivt width a height, aby to pobralo celý nadřazený prvek. |
||
Bubák Profil |
#5 · Zasláno: 5. 12. 2007, 22:35:05
Dobrý příklad, dá se z něho učit, jde snadno předělat, třeba i na vertikální menu:
http://css.interval.cz/clanky/horizontalni-obrazkove-menu/ V odkazovaném menu neni a {display: block;...}, protože floatovaný element je automaticky blokový. Pokud bys dělal vertikální meni, použij a {display: block;...}, jak už psali Str4wberry a Miloš. |
||
mstar Profil |
#6 · Zasláno: 5. 12. 2007, 23:00:27
Takže jestli jsem to dobře pochopil, řešení bude pomocí CSS, konkrétně:
#menu{ ....} .a{display:block; width: xxx; height: yyy;} Hned jak to půjde, tak do doladím. Díky z pomoc |
||
Miloš Profil |
#7 · Zasláno: 5. 12. 2007, 23:05:09
mstar
.a{display:block; width: xxx; height: yyy;} .a se netýká <a href…>odkazu</a>, ale jakéhokoli prvku, který má class="a" Chceš-li, aby se pravidlo týkalo <a href…>odkazu</a>, jehož nadřazeným prvkem bude <div>, musíš to zapsat tak, jak jsem uvedl v předchozím příspěvku: div a {pravidla} |
||
mstar Profil |
#8 · Zasláno: 6. 12. 2007, 01:00:04
Miloš: no, jsem to krapku domotal .... myslel jsem a.menu{...} ... nakonec jsem to zvládnul tak nějak posvým s tím block, ale není to ještě všude hotový a ani matiku neumím, no kam ten svět spěje :-)
|
||
rhintin Profil |
#9 · Zasláno: 6. 12. 2007, 10:11:29
přesně tam kam ho vedeme.přístě použij rovnou display: block misto toho divu.
|
||
Časová prodleva: 16 let
|
0