Autor Zpráva
drp
Profil
Potrebovasl bych poradit:
Na webu http://eraplix.eu/sleduj/ potřebuju aby ty ramecky po najetí se zvětšili. Jenze pokazde ovlivni jine prvky a to já nechci.
Chci aby se roztáhli o 25px do kazde strany.
Nemáte napady?
Taurus
Profil
Aby jeden prvek neovlivňoval druhý, musí být vyňat z toku dokumentu - pomocí position: absolute.
drp
Profil
a jak mam udelat aby se to zvetsilo primo nad tym puvodnim? protoze se me to nedari
Taurus
Profil
Pro hover prvku nadefinuješ jiné rozměry (bude dělat problémy u starších IE). Pokud máš např.

.prvek {
  width: 40px;
  height: 40px;
}

tak hover bude

.prvek:hover {
  width: 60px;
  height: 60px;
}

Edit: aha, no tak musíš mít nadefinovanou úvodní pozici...
margin
Profil *
Pokud budeš měnit velikost elementu, jak radí Taurus, tak se ti zmenší plocha pro obrázek.
.film:hover { 
background-position: 50% 50%; /* aby obrázek neposkočil */
border: 6px solid navy;
height: 160px;
opacity: 0.8;
width: 160px;
}
Jednodušší je změnit margin, plocha pro obrázek se nezmenší a myslím si, že to je hezčí, ale vyber si sám, co se ti bude líbit více:
Problémy bude dělat IE5.5 a starší, kdybys to chtěl ošetřit, tak by to šlo.
.film:hover { 
border: 5px solid navy;
margin: 6px;
opacity: 0.8;
}
drp
Profil
nakonec to tam nebude. Bude tam jenom nazev a info se zobrazi po kliknuti kde uz bude velke okno s filmem

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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