Autor Zpráva
Mazi
Profil *
Ahoj, zkoušel jsem využít pár triků pomocí CSS a všechny se mi je nedaří aplikovat najednou.

Celý zdojové kody:

[url=www.mazi.xf.czzkousimvertikal_center.html]HTML[/url]
[url=www.mazi.xf.czzkousimvertikal_center.css]CSS[/url]

Chtěl bych, aby se mi po najetí myši na div změnila barva borderu a zároveň vyjel popis pouze pomocí CSS.

Zkrácený postup:

hover na border mi funguje takhle:

popis:
.foto_obal je ten div u kterého se to všechno má odehrávat

část CSS kódu:
.foto_obal:hover, .foto_obalHover {
padding: 2px;
border: 2px red groove;
}

ten mi funguje

ale .foto_obal:hover nefunguje a nevím proč..

popis:
.popis je div, který je absolutně pozicovaný a hlavně display: none (jakoby tam vůbec nebyl)
.foto_obal je již zmiňovaný obal

část CSS kódu:

.popis {
width: 206px;
position: absolute;
background-color: white;
top: 102%;
left: 0;
padding: 5px;
border: 2px black groove;
display: none; /* Když změním na display: block; normálně to vidím*/
z-index: 1;
}

.foto_obal:hover .popis, .foto_obalHover .popis {
display: block;
}

poslední třída má fungovat tak, že když někdo najede myší na div.foto_obal, objeví se popis

Díky...
Mazi
Profil *
Oprava odkazů:

www.mazi.xf.cz/zkousim/vertikal_center.html
www.mazi.xf.cz/zkousim/vertikal_center.css
bukaj
Profil
Mazi
:hover nefunguje v IE na ničem jiném než na odkazu.
řeší se to pomocí .HTC souboru. například tímto. po stáhnutí a přidání do složky se stylem, stačí přidat k té třídě behavior: url('hover.htc').
myslím, že ses o to pokoušel, ale zapomněl jsi na ten behavior
Mazi
Profil *
Díky moc, jenomže jsem hover.htc připojil rovnou na celé body. Někde jsem to viděl a fungovalo to a tak to používám...

body * {
behavior: url(hover.htc);
}

Zkoušel jsem to v IE6, FF2, Opeře9 a hover(na border) mi tam jde.

Tak co mi nejde...

část CSS kódu:

div.popis {
width: 206px;
position: absolute;
background-color: white;
top: 102%;
left: 0;
padding: 5px;
border: 2px black groove;
display: none; /* Když změním na display: block; normálně to vidím*/
z-index: 1;
}

div.foto_obal:hover .popis, div.foto_obalHover .popis {
display: block;
}

Když najedu na div.foto_obal, aktivuje se div.foto_obal:hover(to funguje) a zárovená by se měl div.popis změnit z display: none na display: block a to mi z nějakého důvodu nefunguje a nevím proč...
vipouš
Profil *

Zasláno: 20.7.2007 09:42:21Citovat


Mazi
:hover nefunguje v IE na ničem jiném než na odkazu.
řeší se to pomocí .HTC souboru. například tímto. po stáhnutí a přidání do složky se stylem, stačí přidat k té třídě behavior: url('hover.htc').
myslím, že ses o to pokoušel, ale zapomněl jsi na ten behavior

Myslim že nemáš až tak pravdu, Takhle to mám řešeno já s menu a na locale mě to funguje a na serveru ani rána. Už 14 dnu hledam proč to nefunguje
MAD-MAX
Profil *
A není tam třeba htc zakázané?
habendorf
Profil
A není tam třeba htc zakázané?

Kde? Na serveru? Zamysli se, kde běží.

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:

0