Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Dac+Amp sau DAC/AMP combo pentru ...

Camera cu panou solar 180° field ...

Eroare F16 msh Whirlpool 6 sense

Toyota - inconveniente minore poa...
 Cadere frunze la lamai

Releu protectie tensiune

Sfat achizitie masina noua

Numere inmatriculare inundatie
 Adaptor mandrina la paleta

Achiziție și inlocuire ...

Recomandare service BMW Bucuresti

Recomandare SSD
 Cheie BMW X4 G02 duplicat

Colantare auto, locatii, preturi,...

Boxe fata golf 5

Resizable BAR
 

css popup

- - - - -
  • Please log in to reply
6 replies to this topic

#1
Zanetti`

Zanetti`

    Member

  • Grup: Members
  • Posts: 678
  • Înscris: 23.11.2005
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.


#2
tudor_turcu

tudor_turcu

    Senior Member

  • Grup: Senior Members
  • Posts: 2,377
  • Înscris: 12.09.2003

View PostZanetti`, on May 2 2007, 15:51, said:

Asadar, ce ar mai trebui sa scriu sa imi sara un meniu in dreapta cand ma duc cu mouse-ul pe item-ul Link ??
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...

#3
Zanetti`

Zanetti`

    Member

  • Grup: Members
  • Posts: 678
  • Înscris: 23.11.2005

View Posttudor_turcu, on May 3 2007, 21:30, 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: <a href="http://www.dynamicdr...dex1/popit.htm" target="_blank">http://www.dynamicdr...ndex1/popit.htm
</a>
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...


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.

#4
tudor_turcu

tudor_turcu

    Senior Member

  • Grup: Senior Members
  • Posts: 2,377
  • Înscris: 12.09.2003

View PostZanetti`, on May 3 2007, 21:54, said:

deci ceea ce vreau sa fac sa fie pur CSS nu CSS imbarligat cu java script
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.


#5
Zanetti`

Zanetti`

    Member

  • Grup: Members
  • Posts: 678
  • Înscris: 23.11.2005

View Posttudor_turcu, on May 3 2007, 22:27, 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..


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?

#6
kio

kio

    Junior Member

  • Grup: Members
  • Posts: 117
  • Înscris: 23.03.2007
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.


#7
tudor_turcu

tudor_turcu

    Senior Member

  • Grup: Senior Members
  • Posts: 2,377
  • Înscris: 12.09.2003

View Postkio, on May 4 2007, 12:03, said:

merge sa faci asa ceva numai cu css. ... le: best i can do now: http://www.seoconsul...menus/vertical/
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..

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate