Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum pot bloca transferul de date ...

Ce reprezinta in chimie abrevieri...

Google pay ma taxeaza in timp ce ...

Kia Picanto 2022 - Problema motor?
 Durere umar AC Joint

Care este cea mai sanatoasa paine?

Zgomot ritmic ce urmeaza rotirea ...

Merita Lumix FZ82 in 2024?
 Nu pot activa Memory Integrity

Supratensiuni accidentale

Cuțit/ briceag drumetie

Cum am acces la o parte dintr-un ...
 Mother's Day

Recomandare aparat de vidat alime...

Izolatie exterioara casa parter P...

Cuvinte si expresii neclare
 

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

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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