6 svar · 323 visningar · startad av caze
Tänkte nu göra en tabell med en bild i som gör att bilden blir lika bred som webbläsarens fönster är, alltså att tabellens egenskap blir, width="100%" men jag får det inte att fungera... Varför?
<table width="100%">
<tr>
<td>
<img src="bak.jpg">
</td>
</tr>
</table>
:q
<style type="text/css">
html, body {width:100%}
</style>
Hmm...
Några möjliga orsaker till att det inte fungerar som du vill:
Du kan råka ut för att det finns en padding (och ibland en marginal som kan störa) på body i vissa webbläsare (ibland också beroende på <!DOCTYPE ).
Detta löser du med
html, body {padding:0;margin:0}
Du kan ha en webbläsare som anser att en <table> alltid skall ha en yttermarginal
lösning:
table {margin:0;width:100%;}
Om du kontrollerar resultatet t.ex. genom att sätta en bakgrundsfärg på <td> så bör du sätta cellpadding och cellspacing till noll på tabellen så att cellen når ända ut till tabellens kant, eller alternativt kan du köra detta med CSS ungefär såhär:
table {border-collapse:collapse;}
td {margin:0;}
Finns säkert fler möjliga orsaker i en del ovanligare webbläsare om man grottar lite ;)
okej, får det inte att visas ändå, har säkert gjort något lätt och värdelöst misstag bara:
<html>
<head>
<style type="text/css>
html, body, table {margin:0;width:100%;}
</style>
</head>
<body>
<table cellpadding="0" celspacing="0" border="0">
<tr>
<td>
<img src="pelle.jpg">
</td>
</tr>
</table>
</body>
När du använder PHP-taggar för att visa din HTML-kod (använd hellre [ kod]-taggar istället, så skapar det ingen förvirring) syns felet ganska tydligt: du har glömt ett citationstecken efter <style type="text/css.
Det heter förresten cellspacing - inte celspacing.
Okej. nu befinner den sig på rätt plats, men bilden som är bak.jpg är 1400 pixlar bred och därmed behöver man scrolla, jag vill alltså att bilden ska vara lika bred som webbläsaren...
Lägg den som en bakgundssbild istället.
[red]
<table cellpadding="0" celspacing="0" border="0" style='background-image: url(pelle.jpg);'>
<tr>
<td>
& nbsp ;
</td>
</tr>
</table>
[/red]
är ett sätt
mv icaaq
/RED. Du kanske får leka med background-position, background-repaet för att få det som du vill.
Sen är det nog bättre att ange bilden som en background på Bodyn istället.....
RED/.