JavaScriptu pret CSS

[Kavacky]

Ideja šāda: Taisīt menu, gribas jaukos efektus kā fona iekrāsošana u.c. jaukumi, kad ar peli uzbrauc virsū uz elementa, bet ar JavaScriptu negribas taisīt. Ideja aizstāt ar CSS.

 

Uztaisīju šādi: <a href="blah" class="menu_item"><object><div class="menu_item">menu item 1</div></object></a>

 

"menu_item" dublēt iekš <a>uz FireFox nav vajadzīgs, taču IE neņem pretī šito, tāpec, lai kaut cik kompensētu zaudējumus, liekam arī iekš <a>, efekts no tā uz IE nav gluži identisks, bet kaut cik ir. Viss šitais - HTML un CSS - validējas bez kļūdām, bet vai tā ir pieņemami taisīt?

Edited March 16, 2005 by Kavacky

[Venom]

ko IE neņem pretī? <object> vispār nevietā

 

<style>

.menu_item {display:block}

.menu_item:hover {background:red}

</style>

<a href="http://" class="menu_item">menu item 1</a>

<a href="http://" class="menu_item">menu item 2</a>

[bubu]

Kavacky, menu baru ērti taisīt ar ul/li tagiem. Paskaties šeit:

http://www.phoenity.com/newtedge/horizontal_nav/

http://www.moronicbajebus.com/playground/cssplay/hormenu/

[Delfins]

Kavacky, menu baru ērti taisīt ar ul/li tagiem. Paskaties šeit:

http://www.phoenity.com/newtedge/horizontal_nav/

http://www.moronicbajebus.com/playground/cssplay/hormenu/

15072[/snapback]

 

 

pirmais example ir pat ljoti OK... tikai nav sub-menues

es izmantoju sho... http://www.brainjar.com/

[bubu]

brainjarā, cik atceros, bija JS lietots, ko tika prasīts nelietot. A tā ka submenu netika prasīts, tad nu.. tādu linku arī izraku ;) Žēl tikai, ka tur ir li:hover, ko IE neatbalsta.

[Kavacky]

Paldies, to arī centos noskaidrot, kas tur ir nepareizi darīts. :)

 

Mani interesēja tieši tas, ko Venom teica - display: block; - un viss pa kedu. Tālāka uzbūves veidošana ar listiem vai citādi jau ir 2. plānā, bet noderēs tik un tā. ;)

[Zoom]

zel ka nav submenu :( Es tiesi sadas izvelnes mekleju

[R21vo]

varbūt iečeko tad šito:

http://www.xs4all.nl/~peterned/examples/cssmenu.html

 

vispār jau ir tāds jauks resurss http://css.maxdesign.com.au