Autor | Zpráva | ||
---|---|---|---|
Tomáš123 Profil |
#1 · Zasláno: 16. 4. 2014, 16:15:50
Zdravím, prvý snímok symbolizuje
a:hover , druhý anti a:hover .
Prvý snímok Druhý snímok Môj problém spočíva v tom, že chcem aby pri a:hoveri zmizol border resp. nahradil sa borderom takej istej farby ako je položka menu v akcii hover . Border sa však vytvorí z vnútornej strany, a pri použití outline nefunguje border-radius (viďte Prvý snímok). Ako na to aby border vedel nahradiť, iný border nadradeného elementu?
|
||
Tomáš123 Profil |
Dobre mám to stačilo dať
<li> šírku a border už pracuje správne.
Teraz však mám problém s tým, že sa mení geometria menu teda, že sa text posúva pri hoveri. Skúšal som to redukovať marginmi, ale aj tak to nie je ono viete mi pomôcť? Toto je živá ukážka + po oddialení sa mi rozhádže layout, máte návrh ako inak urobiť HTML? (pre vysvetelenie, dva divy, teda left a leftContent a right a rightContent sú tam preto, lebo je problém s paddingom , po jeho nastavení as mení šírka, a box-sizing nechcem používať lebo explorer má výhrady). Ďakujem za pomoc.
|
||
Joker Profil |
#3 · Zasláno: 17. 4. 2014, 12:55:20
Tomáš123:
„Teraz však mám problém s tým, že sa mení geometria menu teda, že sa text posúva pri hoveri.“ Stačí úplně jednoduše šířku nenastavovat na li:hover , ale na li jako takovém
|
||
Tomáš123 Profil |
#4 · Zasláno: 17. 4. 2014, 13:03:06
Joker:
OK, to použijem, diky že si sa sem ozval, ale ešte si prosím pozri živú ukážku, hore som už popísal problém, ale neviem ako inak mám urobiť html, a keď je v stave ako teraz tak pri oddialení sa div right posúva. (dávam si fakt záležať na kompatibilite, validite a samozrejme, že neodsúvam precíznosť, ak bude potrebné celé to prekopem, len mi povedz čo má byť inak) ďakujem ti veľmi pekne. |
||
popelka Profil * |
#5 · Zasláno: 17. 4. 2014, 17:50:52
Tomáš123:
Ak som správne pochopil Joker tak ti stačí dať preč šírku s tadeto #menu ul li:hover { width:200px; --tuto zmazať background-color:firebrick; border-right: 2px solid firebrick; padding-right:2px; } daj ju napríklad sem : #menu ul li { width:200px; -- sem som pridal definíciu šírky border-bottom: 1px solid } |
||
Tomáš123 Profil |
popelka:
Na to som už prišiel, ale diky, za reakciu, ak vieš vyriešiť môj celý[#2] problém, tak to prosím skús, ak si čítal ten príspevok pred opravou, tak sa ospravedlňujem, ale nedarí sa mi, a ty si mi napísal to čo už dávno viem a to čo neviem nikto nerieši. Ďakujem za odpovede. |
||
Kubo2 Profil |
#7 · Zasláno: 17. 4. 2014, 19:02:04
Tomáš123:
Skúsil si #content u pridať absolútnu pozíciu?
/* ... */ #content { /* ... */ position: absolute; } |
||
Tomáš123 Profil |
#8 · Zasláno: 17. 4. 2014, 19:12:23
Kubo2:
ÓOOOOO, Kubo2, ďakujem (preto si jeden zo známejších) „Skúsil si“ Neskúsil, Vzhľadom k tomu, že mi sem nikto neprispieval, JenikKozak bezpodmienečne presunul príspevok z iného vlákna odkazujúceho sem, ku ľadu a Popelka napísal "po polroku" to isté čo Joker (a to si ešte "nebol istý"), tak som si to urobil sám. Vyzerá to takto. Čo si o tom myslíš? Prosím skritizuj úplne všetko, čo by si urobil inak a vysvetli mi prečo, a ja to kľudne prekopem ešte raz. Ďakujem. |
||
Časová prodleva: 10 let
|
0