Peeer Medlem sedan mars 2002 5 907 inlägg Frågan 28 okt. 2002 17:21 #1 Efter att ha läst lite andra trådar om css här, så tänkte jag göra ett försök. Jag tänkte försöka göra om min site med css istället för tabeller, men stötte på ett litet problem. Nedanstående amatörmässiga kod använde jag när jag använde tabeller. Koden gör så att själva siten hamnar innuti en ram. Hur gör jag det med css? (om nu någon förstår vad jag menar vill säga)
<table bgcolor="#DDDDDD" border="0" cellspacing="0" cellpadding="0" width="700">
<tr>
<td bgcolor="#6699CC" background="images/top-left.gif" width="14" heigt="12"></td>
<td background="images/top-mid.gif" width="676" height="12"><img src="images/invisible.gif" height="12" border="0"></td>
<td bgcolor="#6699CC" background="images/top-right.gif" width="10" height="12"></td>
</tr>
<tr>
<td background="images/mid-left.gif" width="14" height="*"></td>
<td>[red]Här är själva menyn[/red]</td>
<td background="images/mid-right.gif" width="10" height="*"></td>
</tr>
<tr>
<td bgcolor="#6699CC" background="images/bot-left.gif" width="14" height="11"></td>
<td background="images/bot-mid.gif" width="676" height="11"><img src="images/invisible.gif" height="11" border="0"></td>
<td bgcolor="#6699CC" background="images/bot-right.gif" width="10" height="11"></td>
</tr>
</table>
Så här vill jag att det ska se ut http://member.webforum.nu/Peeer
P Palleman Medlem sedan dec. 2000 557 inlägg Här är en variant.
[RED][FONT=arial]<html>
<head>
<style type="text/css">
<!--
body { background-color: #6699CC; }
.block { background-color: #ddd; }
.size { width: 700px; }
.content { padding: 10px; }
.topleft { background: url(images/top-left.gif) top left no-repeat; }
.topright { background: url(images/top-right.gif) top right no-repeat;}
.midleft { background: url(images/mid-left.gif) left repeat-y; }
.midtop { background: url(images/top-mid.gif) top repeat-x; }
.midright { background: url(images/mid-right.gif) right repeat-y; }
.midbottom { background: url(images/bot-mid.gif) bottom repeat-x; }
.bottomright { background: url(images/bot-right.gif) bottom right no-repeat; }
.bottomleft { background: url(images/bot-left.gif) bottom left no-repeat; }
//-->
</style>
</head>
<body>
<div class="size block">
<div class="size midtop">
<div class="size midleft">
<div class="size midright">
<div class="size midbottom">
<div class="size topleft">
<div class="size topright">
<div class="size bottomleft">
<div class="size bottomright">
<div class="size content">
Här är själva menyn
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>[/FONT][/RED]
Peeer Medlem sedan mars 2002 5 907 inlägg Härligt!! Det funkar precis som jag vill..
Peeer Medlem sedan mars 2002 5 907 inlägg Hmm.. mozilla gillade inte den koden. Den hoppar över både bakgrundsfärger och bilder. Något tips?
r/ Det var inget. Det var jag som klantat mig lite bara. Mozilla godtar visst koden! :r :D
