Autor | Zpráva | ||
---|---|---|---|
PerToon Profil |
#1 · Zasláno: 25. 10. 2005, 16:30:42
Mám levý menu. Udělal sem odkazy display: block; takže každý odkaz je na řádku a vlastnost hover nefunguje jen na samotný text, ale na obdélník, který je mnohem větší. Funguje v IE, Mozille a Opeře.
Mám horní menu jako lištu. Chtěl sem udělat to samý, s tím rozdílem, že tady se musí odkazy jako bloky zobrazit v řádku, což sem vyřešil floatováním. Důvodem zde bylo to, aby měly odkazy také větší klikací plochu. Funguje v Opeře a Mozille. IE spustí hover až při najetí na text, ale potom kupodivu vydrží na celým obdélníku. Ale štve mě, že musím najet až na mrňavej text, aby se mi podsvítil velký obdélník. Nevím čím to může být, zvlášť když to v IE pro levý menu funguje. Zkuste poradit. Ještě sem zkusím dát zlomky kódu a CSS, který by s tím mohly mít co dělat. |
||
Petra Profil |
#2 · Zasláno: 25. 10. 2005, 16:32:53
a{width:100%} by to nespravilo?
|
||
PerToon Profil |
#3 · Zasláno: 25. 10. 2005, 16:41:00
V HTML se jedná o tohle:
<div id="hotmenu"><div id="inhotmenu"> <a href="">Jeden</a> <a href="">Druhý</a> <a href="">Třetí</a> <a href="">Čtvrtý</a> <a href="" class="jazyk"><img src="images/cz.gif">Pátý</a> <div class="vypln"> </div> </div></div> <div id="leftmenu"><br> <a href="">Jeden</a> <a href="">Druhý</a> <a href="">Třetí</a> <a href="">Čtvrtý</a> <br></div> V CSS se jedná o tohle: body { margin: 0px; padding: 0px;} .vypln {padding: 5px;} #hotmenu { margin: 30px; margin-top: 10px; margin-bottom: 10px; text-align: left;} #inhotmenu {margin-left: 5px;} #inhotmenu a {text-decoration: none; color: #000066; padding: 5px; display: block; width: 15%; float: left; margin: 0px;} #inhotmenu a:hover {color: #000099; background-color: #dddddd;} #leftmenu {margin: 30px; display: inline; margin-top: 0px; margin-right: 0px; width: 150px; float: left;} #leftmenu a {text-decoration: none; color: #000066; padding: 10px; display: block; width: 130px; margin: 0px;} #leftmenu a:hover {background-color: #cccccc; color: #000099;} |
||
PerToon Profil |
#4 · Zasláno: 25. 10. 2005, 16:42:10
Petra - ale já tam potřebuju víc odkazů a jinou šířku (15%) mám nastavenou.
|
||
Radek Hrabůvka Profil |
#5 · Zasláno: 25. 10. 2005, 18:38:13
PerToon Ta potvůrka podivná, zvaná MSIE chce background.
|
||
Fred Profil |
#6 · Zasláno: 25. 10. 2005, 19:04:14
PerToon Chybu ti tam dělá ta výplň. Zkus úplně odstranit
<div class="vypln"></div> a bude po problému, stejně se mi nezdá, že by to tam mělo nějaký smysl. |
||
PerToon Profil |
#7 · Zasláno: 25. 10. 2005, 19:15:56
Radku - můžeš trochu víc objasnit? jako nastavit background-color i pro normální odkaz?
Frede - v tý výplni je nedělitelná mezera. A má to smysl, protože potřebuju něco, co bude mít výšku jako ty odkazy, protože jinak má div nulovou výšku a celá stránka se rozhází. |
||
Fred Profil |
#8 · Zasláno: 25. 10. 2005, 19:24:13
PerToon Neříkej mi něco co není pravda. http://xy.wz.cz/PerToon.html
|
||
PerToon Profil |
#9 · Zasláno: 25. 10. 2005, 19:36:35
Frede, to sem pořádně nepochopil. Ve zdrojáku viz výše je <div class="vypln"> </div>
Všechen ostatní obsah divu inhotmenu je kvůli floatování vyjmut z toku dokumentu a tudíž div inhotmenu nemá obsah. Proto je tam přidaná ta mezera s paddingem, která bude zabírat takovou výšku, jako textový odkaz s paddingem. Ale s dalším obsahem stránky už se mi to rozhází. Tak to bude procházet krok po kroku, no... A to menu se mi na tom xy.wz.cz zobrazuje vpravo místo vlevo, vidíš? |
||
Fred Profil |
#10 · Zasláno: 25. 10. 2005, 19:40:39
PerToon
vpravo místo vlevo LOL sorry to udělal čistič: http://flumpcakes.co.uk/css/optimiser/ ;-), ještě se na to mrknu. |
||
Fred Profil |
#11 · Zasláno: 25. 10. 2005, 19:43:48
Hm, aha mrkni se tam znovu, nebylo to vyclearovaný. ctrl+r
|
||
PerToon Profil |
#12 · Zasláno: 25. 10. 2005, 19:44:33
Přidání background-color pro odkaz způsobilo správnou reakci hover už při najetí na vymezený obdélník!!!!!!!!
Děkuju Radku!!!!!! Tobě taky Frede! |
||
Fred Profil |
#13 · Zasláno: 25. 10. 2005, 19:48:49
PerToon Hm, ale stejně se tam mrkni a zaktualizuj si to.
|
||
PerToon Profil |
#14 · Zasláno: 26. 10. 2005, 14:03:15
Frede, pokud ale budu chtít, aby ten div hotmenu měl pozadí, což chci, tak už mám podle tvýho řešení smůlu, protože ty odkazy jsou z něj vyjmutý. Takže já tam musím mít alespoň nějaký obsah.
Zkus si do tvojí verze přidat #hotmenu {background-color: #dddddd; border-style: solid;} |
||
Časová prodleva: 17 dní
|
|||
Fred Profil |
#15 · Zasláno: 12. 11. 2005, 12:37:31
PerToon Aha, tady jsem nebyl. Tak jsem to tam opravil http://xy.wz.cz/PerToon.html ten obsah tam fakt mít nemusíš. BTW záleží na obrázku, možná by si to musel překopat z em na pixely.
|
||
PerToon Profil |
#16 · Zasláno: 12. 11. 2005, 12:52:20
Frede - teď to mám takhle http://www.mujweb.cz/www/pertoon/tec/kopyto.html
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0