Autor | Zpráva | ||
---|---|---|---|
teriffy Profil |
#1 · Zasláno: 26. 2. 2013, 12:23:14
Dobrý den
Rád bych se zeptal jak je možná udělat aby se mi po najetí na článek, vlevo zobrazil levý border jak ho tam vidíte na obrázku. Ten border je nastavený na konteineru ve kterém je ten článek. Děkuji za každou radu. |
||
Str4wberry Profil |
#2 · Zasláno: 26. 2. 2013, 12:25:23
.clanek:hover {border-left: 4px solid blue} |
||
teriffy Profil |
Str4wberry:
Děkuju za odpověď ale to není to co potřebuju už jsem to zkoušel :D, to se udělá hned vedle článku jak končí to šedé pole. Kdyby se aspoň objevil ten border tak 20px vlevo od toho článku tak by to bylo super! |
||
Str4wberry Profil |
#4 · Zasláno: 26. 2. 2013, 12:31:22
Tak
.kontejner:hover {border-left: 4px solid blue} .
|
||
teriffy Profil |
Asi poupravím trošičku dotaz, jde mi o to aby se mi po najetí na článek zobrazil levý border zhruba 20px vlevo od článku.
Jedná se o http://teriffy.cz |
||
Str4wberry Profil |
#6 · Zasláno: 26. 2. 2013, 12:54:13
A má se zobrazit podél celého kontejneru, nebo vedle daného článku?
|
||
teriffy Profil |
#7 · Zasláno: 26. 2. 2013, 12:55:17
Nejlépe vedle daného článku.
|
||
Str4wberry Profil |
#8 · Zasláno: 26. 2. 2013, 13:04:23
Aha, potom tedy platí [#2] s tím, že přidáte levý 20px
padding .
Mohlo by to vypadat třeba (CSS): .clanek-obal {border-left: 4px solid transparent; padding-left: 20px} .clanek {background: gray} .clanek-obal:hover {border-color: blue} A HTML: <div class='clanek-obal'> <div class='clanek'> <h2>Nadpis</h2> <p>Obsah </div> </div> Vizte ukázku. |
||
teriffy Profil |
Děkuju moc, to je přesně ono.
Edit: už je to v provozu. :) |
||
Časová prodleva: 11 let
|
0