Versiune printabilă
Am ceva de genul
As vrea sa bag imaginea in css, in clasa blabla, dar cand ma duc cu mousul pe ea sa-mi apara dreptunghiuletul pe care scrie "alt imagine".Citat:
<div class="blabla"><img src="calecatresursa/imagine.gif" alt="alt imagine" title="imagine">text</div>
Cum sa fac?
Normal ar trebui sa iti apara. Nu imi dau seama de ce nu apare. Daca te intereseaza o alternativa iti pot da un script care iti afiseaza un dreptunghi cu informatii cand duci mouse-ul pe o imagine. Un exemplu poti vedea pe autosuprem cand duci mouseul pe una din imaginile de pe prima pagina.
Daca te intereseaza scriptul da un PM cu adresa de mail si ti-l trimit, sau ia-l singura daca te descurci ca nu-i multa filosofie ;)
Pai vreau ca clasa blabla sa fie asa:
si cand ma duc cu mausul pe imagine sa apara dreptunghiuletul ca la alt. Cum fac asta in css fara sa bag alt sau title in fisierul html?Citat:
blabla {
background: url (calecatreimagine/imagine.gif) no-repeat left;
}
Adica vreau ca asta
sa-l scriu in html asa:Citat:
<div class="blabla"><img src="calecatresursa/imagine.gif" alt="alt imagine" title="imagine">text</div>
dar sa am si o imagine pe acolo si cand ma duc cu mausul pe ea sa apara textul "alt-imagine".Citat:
<div class="blabla">text</div>
Nu stiu cat de explicita am fost.
Acum (sper ca) am inteles ce vrei. Fara title nu cred ca se poate. Daca pui title pe div-ul respectiv e ok, altfel nu cred ca se poate face.
Nu se poate daca ai background image sa pui title, alt pe poza.
Sunt 2 aspecte (zic eu) aici:
1) utilizatorul / vizitatorul
2) SEO
din care probabil va trebui sa alegi.
Sunt de asemenea 2 situatii diferite : folosesti imaginea normal (eventual este un link catre un serviciu, ex: free account) si folosesti imaginea ca background (face parte din layout)
De asemenea a 2-a varianta (background) prezinta avantajul vizual de a fi vizibila numai in momentul in care este complet incarcata in comparatie cu imaginea inserata normal in pagina care se poate incarca progresiv.
Pai nu se poate dintr-un motiv foarte simplu, in specificatiile HTML/XHTML atributul alt[ernative text] se aplica doar pe imaginile inserate normal in pagina, in interiorul tagului <img />. Nu ai tagul <img />, n-ai cum sa ai nici <... alt="" ...>; singura solutie e sa emulezi un tooltip care sa apara la un simplu onmouseover (pentru IE 6, ca restul browserelor l-ar vedea doar cu hover in css), dar in clipa aia vei putea fi acuzata de "spam".