überfuzzMedlem sedan apr. 2006434 inlägg
Jag har en centrerad sida som jag tänkte lägga en skugga på. Hur gör jag det på enklaste sätt? Någon som kan tipsa en som kört fast..?
css-filen:
html {margin:0px;padding:0px;height:100%;}
body {margin:0px;padding:0px;height:100%; background:url(bgbody.gif);background-repeat: repeat-x;}
#head {width:800px; height:68px;margin:0 auto; margin-top:20px;background: url(bghead.gif); border-top: 1px solid #888; border-left: 1px solid #888;border-right: 1px solid #888;}
#headleft {float: left; width: 400px; height:68px;}
#headleftlogo {position:relative; top:10px; left:20px;}
#headright {float: right; width: 400px; height:68px; background-image:url(spkr68.jpg);}
#meny {width:800px; height: 30px; margin:0 auto; background: url(bgmeny.gif);border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #bbb;}
#menytext {position:relative; top:5px;}
#main {width:800px;margin:0 auto; background-image:url(main.gif); border-left: 1px solid #888; border-right: 1px solid #888;}
#mainleft { float: left; width: 369px; padding:15px;}
#mainright {float: right; width: 370px; padding:15px;}
#foot {width:800px; height:18px;margin:0 auto; background: url(bgfoot.gif); clear: both; border-bottom: 1px solid #888;border-top: 1px solid #bbb;}
#foottext {position:relative; top:2px;}
html-filen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="head">
<div id="headleft">
<div id="headleftlogo"><a href="www.index.se"><img src="logo.png" border="0" width="306" height="48"></a>
</div>
</div>
<div id="headright">
</div>
</div>
<div id="meny">
<div id="menytext">
\<a href="www.links.se"\>\</a\>
\</div\>
</div>
<div id="main">
<div id="mainleft"></div>
<div id="mainright"></div>
<div id="foot">
<div id="foottext"></div>
</div>
</div>
</body>
</html>
TengbladMedlem sedan dec. 19996 590 inlägg
Snälla använd kodtaggarna!
überfuzzMedlem sedan apr. 2006434 inlägg
TengbladMedlem sedan dec. 19996 590 inlägg
überfuzz skrev:
???
För att man enklare ska kunna hjälpa dig med den kod du klistrat in så underlättar det om man använder forumets BBcodes; http://www.webforum.nu/misc.php?do=bbcode
überfuzzMedlem sedan apr. 2006434 inlägg
Såhär?
html {margin:0px;padding:0px;height:100%;}
body {margin:0px;padding:0px;height:100%; background:url(bgbody.gif);background-repeat: repeat-x;}
#head {width:800px; height:68px;margin:0 auto; margin-top:20px;background: url(bghead.gif); border-top: 1px solid #888; border-left: 1px solid #888;border-right: 1px solid #888;}
#headleft {float: left; width: 400px; height:68px;}
#headleftlogo {position:relative; top:10px; left:20px;}
#headright {float: right; width: 400px; height:68px; background-image:url(spkr68.jpg);}
#meny {width:800px; height: 30px; margin:0 auto; background: url(bgmeny.gif);border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #bbb;}
#menytext {position:relative; top:5px;}
#main {width:800px;margin:0 auto; background-image:url(main.gif); border-left: 1px solid #888; border-right: 1px solid #888;}
#mainleft { float: left; width: 369px; padding:15px;}
#mainright {float: right; width: 370px; padding:15px;}
#foot {width:800px; height:18px;margin:0 auto; background: url(bgfoot.gif); clear: both; border-bottom: 1px solid #888;border-top: 1px solid #bbb;}
#foottext {position:relative; top:2px;}
html-filen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="head">
<div id="headleft">
<div id="headleftlogo"><a href="www.index.se"><img src="logo.png" border="0" width="306" height="48"></a>
</div>
</div>
<div id="headright">
</div>
</div>
<div id="meny">
<div id="menytext">
<a href="www.links.se"></a>
</div>
</div>
<div id="main">
<div id="mainleft"></div>
<div id="mainright"></div>
<div id="foot">
<div id="foottext"></div>
</div>
</div>
</body>
</html>
SkarreMedlem sedan apr. 20012 447 inlägg
Tengblad skrev:
Snälla använd kodtaggarna!
Koden är ju inte ordentligt tabbad så det spelar ingen större roll. ;)
