March 31, 2003
Var tvungen att göra det manuelt i koden 😛 men det löste inte problemet, jag har två bilder på vänster och höger om sidan som ska strechas automatiskt... Hur ska jag göra det ? 100% fungerar inte vidare...
Typ: Först är det en tabell i tabellen finns en cell i cellen finns en bild...
March 31, 2003
Hmm... 😕
Så här är det... Om jag skriver en nyhet på sidan så blir sidan så klart större efter ett par nyheter ! Sen är det så att jag har två bilder på vänster och höger om sidan som fungerar likt borders, Tabell -> Cell -> Bild
Och nu till problemet: tabellen hänger med när sidan blir större men det gör inte cellen. Jag måste på något sätt få cellen att hänga med tabellen.
låt oss säga att hemsidan nått 1000 Pixlar i höjd och jag har nu manuellt ändrat cellen till 1000 pixlar... Och nu om sidan nått 1500 Pixlar så kommer fortfarande cellen vara på 1000 pixlar vilket gör att bilden inte hänger med. Och då måste jag göra det manuellt till 1500 pixlar (jobbigt så klart !)
Någon som fattar nu ? :bgrin:
December 26, 2003
Jaha... Men då gör du ju på fel sätt! 😀
Använd CSS och ange bakgrund istället. Ungefär såhär:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen, projection">
* {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,address,ul,ol,dl {margin: .8em 0;}
ul,ol,dd {margin-left: 20px; padding-left: 2em;}
html, body {height: 100%;}
table#sitelayout {
height: 100%;
width: 100%;
cell-collapse: collapse;
background-image: url(bilder/hoger.gif);
background-position: right;
background-repeat: repeat-y;
}
table#sitelayout tbody {
background-image: url(bilder/vanster.gif);
background-position: left;
background-repeat: repeat-y;
}
</style>
</head>
<body>
<table id="sitelayout">
<tbody>
<tr>
<td>
<h1>Test</h1>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Nästa steg är förstås att släppa tabeller för layout och gå över till en CSS-baserad layout. 😉
1 Guest(s)