Hej
jeg er så småt ved at sætte mig ind i css, og håbede jo faktisk
det kunne erstatte de sider man ellers byggede op omkring tables.
Det jeg gerne ville var at lave en simpel side med 4 kasser.
en top kasse som fylder det hele, og under den 3 andre kasser,
men to små i højre og venstre side(kunne bruges til menuer), og
en i midten til tekst. smukt assci symbolisering ;) :
------------------
------------------
| | | |
| | | |
jeg prøvede med:
div.boksTop {
height: 115px;
width: 100%;
border: 1px solid black;
background: #999999;
clear:both;
}
div.boksLeft {
height: 300px;
width: 216px;
border: 1px solid black;
background: cccccc;
float: left;
}
div.boksRight {
height: 500px;
width: 1%;
border: 1px solid black;
background: orange;
float: right;
}
div.boksBottom {
height: 500px;
width:100%;
border: 1px solid black;
background: blue;
float: none;
}
----------------------------
med en index.html der så således ud:
<html>
<head>
<title>Test</title>
<meta name="robots" content="noindex, follow">
<link rel="stylesheet" type="text/css" href="mg.css">
</head>
<body>
<div class="bokstop"><img height=100%" src="LOGO.gif">est ubi
peccat.
est ubi peccat.
est ubi peccat. </div>
<div class="boksleft">volgus rectum videt, est ubi peccat. Si
veteres ita miratur laudatque poetas, ut nihil anteferat, nihil
illis comparet, errat. Si quaedam nimis antique, si peraque dure
dicere credit eos, ignave multa fatetur, et sapit et mecum facit
et Iova iudicat aequo.Non equidem insector delendave carmina Livi
esse reor, memini quae plagosum mihi parvo Orbilium </div>
<div class="boksBottom">volgus rectum videt, est ubi peccat. Si
veteres ita miratur laudatque poetas, ut nihil anteferat, nihil
illis comparet, errat. Si quaedam nimis antique, si peraque dure
dicere credit eos, ignave multa fatetur, et sapit et mecum facit
et Iova iudicat aequo.Non equidem insector delendave carmina Livi
esse reor, memini quae plagosum mihi parvo Orbilium </div>
<div class="boksright">volgus rectum videt, est ubi peccat. Si
veteres ita miratur laudatque poetas, ut nihil anteferat, nihil
illis comparet, errat. Si quaedam nimis antique, si peraque dure
dicere credit eos, ignave multa fatetur, et sapit et mecum facit
et Iova iudicat aequo.Non equidem insector delendave carmina Livi
esse reor, memini quae plagosum mihi parvo Orbilium </div>
</body>
</html>
det giver 4 boxe, men der kommer et mellemrum mellem den højre og
den midterste...en som kan forklare det?
jeg vil naturligvis gerne ende filerne istedet - ved godt det her
er kluntet..sorry
--
Dette indlæg er sendt fra
http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk