Autor Zpráva
teriffy
Profil
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
.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
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
A má se zobrazit podél celého kontejneru, nebo vedle daného článku?
teriffy
Profil
Nejlépe vedle daného článku.
Str4wberry
Profil
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. :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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