hejsa... har lavet et css design som kan ses på
http://frip.dk/wep/test.htm
koden er som følgende
<html>
<head>
<style type="text/css">
..box {
background-color: #000000;
border: 1px;
border-style: solid;
border-color: #FFFFFF;
padding: 5px;
margin: 5px;
width: 700px;
height: 400px;
margin-top: 100px;
margin-right: 250px;
margin-bottom: 10px;
margin-left: 250px;
}
}
..text {
display: inline;
font-size: 12px;
font-family: arial;
color: #777;
margin: 20px;
width: 150px;
height: 400px;
}
..vertical-line {
display: inline;
background-color: #FFFFFF;
width: 1px;
height: 100%;
}
</style>
</head>
<body bgcolor="#000000">
<div class="box">
<div class="text" style="width: 86px; height: 400px">
<div style="position: absolute; width: 64px; height: 100px;
z-index: 4; left: 146px; top: 31px" id="lag3">
<img border="0" src="klassiske_blomster.PNG" width="56"
height="306"></div>
<p align="right"> </p>
<p align="right">Menu<br>
Menu<br>
Menu<br>
<br>
</p>
<div style="position: absolute; width: 105px; height: 139px;
z-index: 3; left: 20px; top: 116px" id="lag2">
<img border="0" src="scanfleurs.PNG" width="101"
height="479"></div>
<div style="position: absolute; width: 100px; height: 100px;
z-index: 2; left: 219px; top: 417px" id="lag1">
<div style="position: absolute; width: 100px; height:
100px; z-index: 1; left: 768px; top: -184px" id="lag4">
<img border="0" src="flower1.jpg" width="264"
height="202"></div>
<p><img border="0" src="flower.jpg" width="112"
height="150"></div>
</div>
<div class="vertical-line"></div>
<div class="text" style="width: 457px; height:
400px">tekst</div>
</div>
</body>
</html>
problemet er at når jeg gør vinduet mindre skulle siden gerne
følge med, det gør den ikke... har fået at vide det er fordi jeg
har fastsat størrelse på 700px og 400px og at jeg skal bruge %
istedet for... men så ser det igen heelt forkert ud... er helt
lost :/
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials