css popup

Salut!

Am nevoie de un pic de ajutor, sunt incepator in CSS am cautat un pic si pe google nu am prea gasit ceva concret pt situatia mea. Deci am un meniu creat in CSS si vreau sa fac ca atunci cand ma duc cu mouse-ul pe un item din meniu sa imi sara in partea dreapta un alt meniu .... sunt sigur ca ati mai vazut asa ceva.
Afisez partea din CSS care imi creaza meniul...

#browse {
	float: left;
	width: 195px;
	margin: 0;
	padding: 0;
	background: white;
	border-bottom: 2px solid white;
}


#browse dd {
	background: #227293;
	border-bottom: 1px solid #659db4;
	padding: 0;
	margin: 0 2px;
}

#browse dd a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 22px;
}

* html #browse dd {
	padding: 3px 22px;
	padd\ing: 0;
}

* html #browse dd a {
	display: inline;
	di\splay: block;
}

#browse dd a:hover {
	background: #74a7b7;
}

iar cand vreau sa creez un item in meniu, in html scriu asa :

<dd><a href="http://www.softpedia.ro">Link</a></dd>

Asadar, ce ar mai trebui sa scriu sa imi sara un meniu in dreapta cand ma duc cu mouse-ul pe item-ul Link ??

Multumesc anticipat!

Edited by Zanetti`, 02 May 2007 - 14:53.

Zanetti`, on May 2 2007, 15:51, said:

Pai daca sunt indeplinite cateva canditii minime: browser-ul sa suporte Javascript/DOM, suportul JS sa fie activat si user-ul sa aiba un browser cat de cat recent, e simplu: la onmouseover afisezi meniul, la onmouseout il ascunzi. Meniul in sine poate fi un simplu div ce contine o lista de item-uri (ul, li).
Sample: http://www.dynamicdr...opit.htm<br />
Daca ai nevoie de ceva profesional care sa mearga pe aproape orice browser (inclusiv pe Netscape 4.* care nu stia de div), exista  solutii gata implementate, de ex.:
http://www.milonic.com/

[offtopic] Totusi nu prea ma dumiresc cum de ai reusit sa faci un CSS care e destul de complex (folosesti niste hack-uri CSS destul de imbarligate) si nu stii cum sa afisezi/ascunzi un div la mouseover...

tudor_turcu, on May 3 2007, 21:30, said:

deci ceea ce vreau sa fac sa fie pur CSS nu CSS imbarligat cu java script ; exemplul l-am luat dintr-un alt CSS, este tare dar nu e ceea ce caut eu, am facut un alt meniucu ul si li si + java script dar problema este ca submeniul(popmenu) este "translucid" adica daca submeniu apaare intr-o zona unde am o poza pur si simlu in spate la submeniu vad si poza. Sau nu numai cand am o poza dar si cand am un text e ciudat rau de tot.

Ceea ce ai zis tu sa fac implica si java script, sti  ce e nasol cand ceri ajutorul cuiva pe un forum? Ca iti da linkuri cu ceva gata facut si nu te ajuta exact pt ce ai tu. Poi meniuri CSS am gasit o groaza... eu speram sa am ajute cineva la codul meu nu doar sa imi dea exemple cu ce au facut altii.

Zanetti`, on May 3 2007, 21:54, said:

In mod normal folosind CSS se poate defini doar partea de aspect/layout, si nu prea ai cum in CSS sa specifici partea de behaviour (gen: "la trecerea mouse-ului peste elemntul cutare, sa se declanseze actiunea cutare...").

Cam tot ce ai la dispozitie in CSS legat de behaviour sunt asa-numitele pseudo-clase dimamice, precum :hover
care poate fi folosit intr-o oarecare masura pentru a realiza ce vrei tu, dar nu va merge pe Internet Explorer <= 6, deci excluzi din prima peste 80% din useri:
http://denilsonsa.se.../menu/menu.html

La link-ul de mai sus ai o solutie gata implementata - o studiezi si o adaptezi la problema ta.
Ar fi mult mai greu ca cineva sa ia CSS-ul dat de tine, sa il studieze ca sa-si dea seama ce face, mai ales fara sa vada HTML-ul macar..

Nu e nimic rau sa folosesti si niste Javascript acolo unde e cazul, cat timp nu abuzezi de el - daca prin absurd in ziua de azi vreun user are dezactivat suportul pentru Javascript in browser, inseamna ca stie foarte bine ce implica asta..

Edited by tudor_turcu, 03 May 2007 - 21:34.

tudor_turcu, on May 3 2007, 22:27, said:

nici nu cred ca se poate in cazu meu un submenu
deoarece nu am folosit ul si li, adica din cate am citit e cea mai utilizata metoda cea cu ul si li... eu mam folosit dd, dt...
vrei sa zici ca unele CSS nu vor merge pe IE<=6?? da cum asa?

merge sa faci asa ceva numai cu css. adica dropdown menu. si orizontal si vertical. este un site care trateaza foarte frumos problema si iti arata si cum sa faci hackul pt ie. Din pacate nu am timp sa caut acum sa iti arat.

le: best i can do now: http://www.seoconsul...menus/vertical/

Edited by kio, 04 May 2007 - 11:09.

kio, on May 4 2007, 12:03, said:

Si metoda prezentata acolo foloseste pentru IE <= 6 un behaviour (.htc), care e tot o bucata de cod Javascript, insa specifica IE si care e incapsulata frumos..
E similara cu metoda prezentata la http://www.howtocrea...s/testMenu.html
care foloseste tot un behaviour (JS) pentru IE 6.

Oricum, as zice ca problema nu e ca foloseste JS, ci ca meniul sa fie accesibil si unui user agent care nu stie JS (unei search engine / spider de ex.) - deci JS-ul sa fie folosit doar pentru a afisa/ascunde un submeniu/popup, nu si pentru a-l crea in intregime din cod..