Hej igen.
Nu har jeg siddet 5-8 timer idag, og jeg kan simpelhen ikke få noget
til at virke.
Jeg har en div som der styre layoutet, border hele vejen rundt om
siden, den har jeg bl.a givet "clear: both;" sammen med bundteksten så
det nederste af siden følger med indholdet.
Men det største problem er at når jeg smider indholdet ind på siden,
ved jeg ikke om jeg skal bruge relative eller absolute, eller noget
helt tredje.
Hele indholdet flyver rundt på siden hver gang jeg ændre noget.
Kan i give et eksempel på hvordan sådan en side skal bygges på?
giver lige et link, men det er kun den side i divs:
http://cprasmussen.homepage.dk/
ps. det er en skolepågave og vi skal lave en hjemmeside om "Bo bedre"
Lidt css kode:
body{
background-color: #DCDCDC;
margin: 0;
padding: 0;
}
#billed_banner{
height: 92px;
width: 774px;
}
#top_tekst {
height: 40px;
width: 774px;
background-color: #C1C1C1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 24px;
text-align: center;
margin-top: 3px;
}
..navcontainer {
width: 129px;
float: left;
margin-top: 0px;
}
..navcontainer a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #FF0000;
display: block;
padding: 3px;
width: 120px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
margin: 1px;
}
..navcontainer a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
list-style-position:outside;
background-color: #FF0000;
}
..navcontainer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
list-style-position:outside;
}
..navcontainer a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #660000;
text-decoration: none;
-
}
..navcontainer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
background-color: #990000;
}
#tablelayout{
border: ridge 3px;
width: 774px;
clear: both;
margin: 10px;
}
..brdtxt{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#banner{
height: 100px;
}
#menu{
height: 20px;
width: 774px;
margin: auto;
}
..undertekst2{
border: solid 1px;
border-color: #565656;
height: 20px;
text-align: center;
margin: 4px;
font: Verdana, Arial, Helvetica, sans-serif;
display: inline;
clear: both;
margin-top: 10px;
}
#action{
margin: 5px;
}
#kender_2_1 {
font-weight: bold;
font-size: 14px;
text-align: center;
float: left;
}
#kender_3_1 {
float: left;
position: relative;
right: 440px;
top: 230px;
width: 300px;
height: 400px;
text-align: center;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#billed1{
float: right;
bottom: 380px;
position: relative;
right: 10px;
}
#billed2{
float: left;
position: relative;
bottom: 245px;
left: 452px;
}
#billed3{
float: right;
position: relative;
bottom: 100px;
left: 140px;
}
#tekst1{
width: 170px;
position: relative;
bottom: 250px;
left: 450px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
}
#tekst2{
width: 150px;
position: relative;
right: -130px;
bottom: 500px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#tekst3{
width: 160px;
position: relative;
bottom: 350px;
left: 140px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
--
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