tabell-text utanpå en bild

3 svar · 248 visningar · startad av Marvin 6 sep. 2003

MarvinMedlem sedan maj 20039 inlägg

Frågan6 sep. 2003 23:02#1

hur gör jag för att få texten i en tabell att synas "ovanpå" en bild? jag har en bild som jag vill ha som bakgrund till texten i en tabell, men jag vill inte ha den som bakgrund i tabellen eftersom bilden ju då inte visas som den ska för folk med annan upplösning, hur ska jag göra då?

dectgapMedlem sedan sep. 20021 655 inlägg

6 sep. 2003 23:20#2

Du vill alltså helt enkelt ha text som visas ovanpå en bild?

<div style="position: relative">
<div style="position: absolute; top: 0; left: 0">Lite text ovanpå bilden</div>
<img src="min_bild.jpg" />
</div>

Jesper TMedlem sedan nov. 20017 144 inlägg

6 sep. 2003 23:25#3

Annan upplösning? Om du har ett visst mått på din bakgrundsbild och ett visst mått på tabellen och ett pixelmått på ditt typsnitt så skall det väl inte vara något problem.
Ex. Bakgrundsbilden är 300 x 300 pixlar stor.

<style>
#min_tabell{
    background-image: min_bild.jpg);
    background-repeat:no-repeat;
    widht:300px;
    height:300px;
}
</style>

<table id="min_tabell">
    <tr>
       <td>Min text...</td>
    </tr>
</table>

MarvinMedlem sedan maj 20039 inlägg

6 sep. 2003 23:54#4

tack så mycket dectgap, det var precis vad jag behövde :birp

och Jesper T, problemet är att jag har angivit %-satser på width och height på tabeller och annat för att sakerna inte ska bli så stora på mindre upplösningar