webForumDet fria alternativet

tabell-text utanpå en bild

3 svar · 247 visningar · startad av Marvin

MarvinMedlem sedan maj 20039 inlägg
#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
#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
#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
#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

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)