ugrás a tartalomhoz

DIV vagy SPAN?

zoliky · 2009. Szep. 11. (P), 23.45
Van egy DIV:

#div1 {
  background: url(......);
}
A kepre ra szeretnek klikelni. A HTML kod:

<a href="http://sample.com"><div id="div1"></div></a>
A w3c validator hibat jelez. Feltetelezem, hogy azert, mert blok tipusu elemet raktam inline tipusu ala. Igaz? (nem vagyok benne biztos).

Hogy tudnam a hibat javitani? DIV helyett SPAN?
‹ Fix-Oszlopszélesség Google map karakterkódolás ›
 ■
1

A-ban nem lehet block element

janoszen · 2009. Szep. 12. (Szo), 01.34
A-ban nem lehet block element. Ha hátteret akarsz adni egy linknek, akkor egyrészt az folyó szövegben nem lehetséges, másrészt elég az A-ra raknod mondjuk egy classt, aminek egyrészt adsz egy display:block, másrészt egy background tulajdonságot. Ha pedig képre akarsz klikkelni folyó szövegben, akkor az img tag használatát tudom javasolni.
2

Benne van a szoveg a

zoliky · 2009. Szep. 12. (Szo), 13.16
Benne van a szoveg a kepben: http://dl.getdropbox.com/u/1924024/footer.jpg
Mit tudok hasznalni ilyen esetben egy IMG tagot? Igy gondoltad? :

<a href="http://cim.com"><img src="szoveg.jpg" alt="kep"></a>

A kepet pozicionalni kell. Az egeszet meg rakjam bele egy DIV-be?
3

Szöveg?

janoszen · 2009. Szep. 12. (Szo), 13.56
Namost, Te mit is szeretnél elérni? Hogy legyen egy blokk, amire lehet kattintani és legyen ráírva az, hogy szöveg? Két technika:

A variáció: képet teszel a linkbe és a linket úgy ahogy van, pozicionálod. Nem árt egy display:block sem.

B variáció: szöveget teszel egy span-ban a linken belülre, majd a fentieknek megfelelően pozicionálod. A linknek display:block és a háttér, a benne levő span-nak pedig display:none
4

a szoveg benne van a kepben,

zoliky · 2009. Szep. 12. (Szo), 15.03
a szoveg benne van a kepben, photoshp-ban raktam bele a szoveget, mert nincs ilyen font css alatt.
Igen ra lehesen katintani a kepre, de a kepet pozicionalni kell.

Probaltam igy es mukodik:

<a href="contact" title="contact" class="contact"><img src="/zoliky/sites/all/themes/creamylime/images/contact.png" alt="image"/></a>


.contact {
  position: absolute;
  height: 65px;
  width: 303px;
  right: -11px;
  top: 10px;
  display: block;
}
Ha valamit hibaztam kerlek szojal, nagyon halas lennek.
Az IMG helyett hasznalhatok SPAN tagot? Inkabb CSS-el raknam be a kepet, lehet kesobb :hover-ezni.