06. juli 2005 - 20:33Der er
7 kommentarer og 1 løsning
Skrive ovenpå billeder
Hej,
Jeg er ved at lave em hjemmeside i XHTML 1.1. I den forbindelse har jeg brug for at placere en tekst oven på et billede. Ligenu gør jeg det på følgende måde: <td class="welcome"> <img src="images/apperticerMainArea.gif" alt=""> En lille appetitvækker</img> </td>
Dette virker ikke - og er heller ikke lovligt i XHTML - hvordan kan man gøre det istedet for?
Kan du ikke putte billede på baggrunden og så bare skrive teksten? <td style="background: url(images/apperticerMainArea.gif); width:200px; height:100px;">Teksten skulle gerne stå oven på billedet</td>
<div> definerere jo en gruppering af elementer fuldstændig som <span> og <table> definerer en anden måde at gruppere på :o) Så jo det er lovligt i xhtml Det er muligt at der i strict er nogle ting der skal tages højde for, men det er vist mere i <table> at der skal styles en del
I cool_caspers eksempel er billedet baggrund i cellen, det gør blandt andet at du skal style om billedet skal vises en eller flere gange eller strækkes når en bruger gør skærmen større og mindre. Teksten vil også stå som normalt i tabel cellen, dvs i toppen af billedet som udgangspunkt Hvis du laver en <div style="z-index=2">DIN TEKST</div> Så kan du style den til at sætte sig oven på billedet præcis som du ønsker det, i midten, baglæns, eller andet, og du behøves ikke sætte billedet som baggrunds billede :o)
Men hvis man bruger flere elementer er det jo uanset z-index jo nødvendigt at specificere, at disse elementer skal optage (/ikke beslagglægge plads for andre elementer, hvorfor det er nødvendigt at positionere mindst et af dem absolut, f.eks.
Jeg brugte cool_caspers løsninger. Tak for indlægende!
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.