Table

Tags:    html css

Hvordan gør man sådan at hvis man indsætte et billede som bagrund i en table, at lige meget hvor meget hvor stort du gør bredden på den, vil billedet selv trække sig i længden??

Med venlig hilsen
Frede_Manden



5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Hvordan gør man sådan at hvis man indsætte et billede som bagrund i en table, at lige meget hvor meget hvor stort du gør bredden på den, vil billedet selv trække sig i længden??

Med venlig hilsen
Frede_Manden
Du har en tabel som ser sådan ud


<table border="1" cellpadding="0" cellspacing="0" class="background">
<tr>
<td> hej hej</td>
</tr>
</table>


Nu laver jeg noget css som du kan sætte ind i starten af din <body> sektion

<style type="text/css">

.background {
background-image: url("Din-Sti-Til-Billedet");
width: 100%;
height: Billedets-højde;
}
</style>

Sådan vil jeg gøre. Det er ikke hel tjekket af endnu, men jeg tror at det virker! Husk nu at finde din baggrunds billed højde! Den kan du jo fumle dig lidt frem til!




Det der vil ikke sætte baggrundsbilledets bredde til 100%, det vil sætte tabellens bredde til 100%. Jeg tror ikke der umiddelbart er nogen måde at fastsætte baggrundsbilledets størrelse.

MvH

Stefan Svensson
http://fusket.frac.dk



Hvordan gør man sådan at hvis man indsætte et billede som bagrund i en table, at lige meget hvor meget hvor stort du gør bredden på den, vil billedet selv trække sig i længden??

Med venlig hilsen
Frede_Manden



Hvilket billede er det?.... hvis det er et et billede af fx vandrette striber kan du gentage det på x-aksen ved hjælp af:
background-repeat: repeat-x;

Hvis det er et fast billede som ikke må gentages vil jeg råde dig til at lade være med at strække billedet. Det bliver altid renderet rimeligt dårligt af diverse browsere og vil derfor normalt ikke se godt ud.



Hvordan gør man sådan at hvis man indsætte et billede som bagrund i en table, at lige meget hvor meget hvor stort du gør bredden på den, vil billedet selv trække sig i længden??

Med venlig hilsen
Frede_Manden

Du har en tabel som ser sådan ud


<table border="1" cellpadding="0" cellspacing="0" class="background">
<tr>
<td> hej hej</td>
</tr>
</table>


Nu laver jeg noget css som du kan sætte ind i starten af din <body> sektion

<style type="text/css">

.background {
background-image: url("Din-Sti-Til-Billedet");
width: 100%;
height: Billedets-højde;
}
</style>

Sådan vil jeg gøre. Det er ikke hel tjekket af endnu, men jeg tror at det virker! Husk nu at finde din baggrunds billed højde! Den kan du jo fumle dig lidt frem til!







Hvordan gør man sådan at hvis man indsætte et billede som bagrund i en table, at lige meget hvor meget hvor stort du gør bredden på den, vil billedet selv trække sig i længden??

Med venlig hilsen
Frede_Manden
Du har en tabel som ser sådan ud


<table border="1" cellpadding="0" cellspacing="0" class="background">
<tr>
<td> hej hej</td>
</tr>
</table>


Nu laver jeg noget css som du kan sætte ind i starten af din <body> sektion

<style type="text/css">

.background {
background-image: url("Din-Sti-Til-Billedet");
width: 100%;
height: Billedets-højde;
}
</style>

Sådan vil jeg gøre. Det er ikke hel tjekket af endnu, men jeg tror at det virker! Husk nu at finde din baggrunds billed højde! Den kan du jo fumle dig lidt frem til!




Det der vil ikke sætte baggrundsbilledets bredde til 100%, det vil sætte tabellens bredde til 100%. Jeg tror ikke der umiddelbart er nogen måde at fastsætte baggrundsbilledets størrelse.

MvH

Stefan Svensson
http://fusket.frac.dk



Så kunne det gøres på en anden måde men det er bare lidt ringe for baggrundsbilledet bliver ikke et baggrunds billed men bare et img src

<table border="1" cellpadding="0" cellspacing="0" width="100%"
<tr>
<td><img src="sti-til-billed" class="billed" border="0"> hej hej</td>
</tr>
</table>


Nu laver jeg noget css som du kan sætte ind i starten af din <body> sektion

<style type="text/css">

.billed {
width: 100%;
}
</style>

Men det er en ringe måde at gøre det på! Behøves ikke at bruge css.




Lukket!

Med venlig hilsen
Frede_Manden



t