hey ja som overskriften siger, så har jeg avet et css design, men
når jeg gør browser vinduet mindre så bliver selve siden ikke
mindre.
den kan ses på
http://frip.dk/wep/index.htm
koden er:
<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>
--
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