Imagine in css

[Diana]

Am ceva de genul

<div class="blabla"><img src="calecatresursa/imagine.gif" alt="alt imagine" title="imagine">text</div>

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".
Cum sa fac?

[tis]

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

[Diana]

Pai vreau ca clasa blabla sa fie asa:

blabla {
background: url (calecatreimagine/imagine.gif) no-repeat left;
}

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?

Adica vreau ca asta

<div class="blabla"><img src="calecatresursa/imagine.gif" alt="alt imagine" title="imagine">text</div>

sa-l scriu in html asa:

<div class="blabla">text</div>

dar sa am si o imagine pe acolo si cand ma duc cu mausul pe ea sa apara textul "alt-imagine".

Nu stiu cat de explicita am fost.

[tis]

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.

[Dever]

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.

[kevinro]

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".