Autor Zpráva
Karlos
Profil *
#1 · Zasláno: 30. 8. 2005, 01:53:05
Odpovědět Citovat
Ve stylu mam:

.menu_kategorie {
padding: 1px 10px 1px 5px;
margin-left: 10px;
margin-right: 10px;
margin-top: 4px;
margin: 4px 10px 0px 10px;
font-size: 12px;
font-weight: bold;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.menu_kategorie:hover {
background-color: #FF3300;
border: 1px solid #FFFFFF;
}


v html potom:
<div class="menu_kategorie" id="novinky">Novinky</div>

HTML i CSS validator mi napsaly, ze je oboji validni tak proc se mi v Opere pozadovane vlastnosti po najeti mysi meni tak jak by nejspis mely a v IE a FF to nefunguje?
Jak jinak rozumne to provest aby to fungovalo vsude?
Thalia
Profil *
#2 · Zasláno: 30. 8. 2005, 08:42:04
Odpovědět Citovat
Hodil by se odkaz na stránku s příkladem.
Mno zaprvní tam několikrát definuješ margin. Buď to teda nadefinuj pro každou stranu zvlášť nebo úsporněji pro všechny najednou (tak jak to máš pro padding):
.menu_kategorie {
padding: 1px 10px 1px 5px;
margin: 4px 10px 0px 10px;
font-size: 12px;
font-weight: bold;
border: 1px solid #000000;
background-color: #FFFFFF;
}
Jinak je to imho dobře a ten hover měl fungovat i ve FF (viz třeba na pixy.cz mi to ve FF funguje), ale v IE nee, protože ten podporuje pseudoelementy jen u a.
Tin
Profil
#3 · Zasláno: 30. 8. 2005, 10:12:42
Odpovědět Citovat
To jsem si taky myslel, než jsem se dozvěděl něco jinýho....

Charlie
Člen

Zasláno: 4.7.2005 00:04:13Citovat


Tin

1) Uznávám, ale barva hoveru je jako kdyby tam nebyla, navíc nepozoruji hover ani u vysouvacích menu.

2) na ně (DIVy) se :hover nedá praktikovat, ale dá, slouží k tomu rozšíření *.htc pro IE, podrobný popis této techniky je zde:

Hover Emulation for IE 5+
http://www.hszk.bme.hu/~hj130/css/list_menu/hover/

ale víc jsem to nestudoval.
Karlos
Profil *
#4 · Zasláno: 30. 8. 2005, 11:11:53
Odpovědět Citovat
Priklad je zde:
http://kodl.borec.cz/div/

v Opere pohoda, ostatni na <|>. FF mam 1.0 a taky to tam nejede.
Reseni bude nejspis odpoved Tina, timto mu dekuji.
Karlos
Profil *
#5 · Zasláno: 30. 8. 2005, 11:36:19
Odpovědět Citovat
Tak a jeste jedna vec:
toto: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/ jsem aplikoval podle navodu na tag <div> a vlastnosti se meni az po najeti na nejaky jeho obsah.
viz. http://kodl.borec.cz/div/ie/

slo by to menu udelat ze bych dovnitr odkazu hodil <span>, tedy kazdou jednotlivou polozku toho menu?
nejak takto:
<a class="neco" href="neco"><span>Novinky</span></a> a v css si nadefinovat vzhled pro odkazy.
Karlos
Profil *
#6 · Zasláno: 30. 8. 2005, 11:43:29
Odpovědět Citovat
Tak a jeste jedna vec:
toto: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/ jsem aplikoval podle navodu na tag <div> a vlastnosti se meni az po najeti na nejaky jeho obsah.
viz. http://kodl.borec.cz/div/ie/

slo by to menu udelat ze bych dovnitr odkazu hodil <span>, tedy kazdou jednotlivou polozku toho menu?
nejak takto:
<a class="neco" href="neco"><span>Novinky</span></a> a v css si nadefinovat vzhled pro odkazy.
Fred
Profil
#7 · Zasláno: 30. 8. 2005, 12:41:38
Odpovědět Citovat
Zaměň .menu_kategorie:hover
za div.menu_kategorie:hover a pojede ti to ve firefoxu a ostatních gecko prohlížečích
Karlos
Profil *
#8 · Zasláno: 30. 8. 2005, 12:49:51
Odpovědět Citovat
Diky, tak uz to jede jak ma ve vsem krom zasraneho ie... Tak holt bude muset navstevnikum stacit podbarveni bunky po najeti na text.
Fred
Profil
#9 · Zasláno: 30. 8. 2005, 12:59:50
Odpovědět Citovat
Zkus
div.menu_kategorie:hover,div.hover{to co tam je}

div.menu_kategorie{hover:expression(this.onmouseover=new Function("this.className='hover';"),this.onmouseout=new Function("this.className='menu_kategorie';");}/*tohle na jednom radku, za new mezera*/

thx http://www.janbrasna.com/
Tin
Profil
#10 · Zasláno: 30. 8. 2005, 14:23:33
Odpovědět Citovat
Poděkuj Charliemu, ne mně
Časová prodleva: 7 dní
Karlos
Profil *
#11 · Zasláno: 7. 9. 2005, 00:38:44
Odpovědět Citovat
Tak jsem zjistil, ze to co chci udelat je daleko jednodussi poridit je daleko jednodussi a ucelnejsi pres <ul> a <li>

To jen pro pripad ze by nekdo resil podobny problem s menu a nahodou sem zabloudil.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0