Layout med stil

[jmorten]

Jeg sidder og følger "Hjemmesider med Kompozer", og er kommet til Layout med stil - side 24, og kan konstatere at boxene ikke placerer sig som på illustrationen, skulle der også være en wrapper?

[Kim Ludvigsen]

Problemet er sandsynligvis, at du ikke har fået tilføjet stilene på de forskellige kasser. Prøv at klikke midt i et ord, og læg så mærke til, hvad der står til venstre i statuslinjen nederst i KompoZer. Gentag for alle tre ord.

Der skulle gerne stå henholdsvis <div class=logo>, <div class=menu> og <div class=indhold> i statuslinjen.

Hvis alle tre kommer korrekt frem i statuslinjen, så er problemet nok i stedet, at du ikke har fået angivet stilreglerne korrekt som beskrevet i afsnittet Giv hver boks en stil på side 23/24.

[jmorten]

Hej Kim

Kasserne hedder det rigtige, logo er centreret med korrekt højde, menu ligger helt til venstre og indhold lige ved siden af og fylder siden ud i bredden.

<style type="text/css">
* {
margin: 0;
padding: 0;
}
.logo {
width: 500px;
height: 80px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
}
.menu {
float: left;
margin-top: 5px;
width: 135px;
margin-left: 5px;
}
.indhold {
margin-top: 5px;
margin-left: 145px;
}

</style>

[Kim Ludvigsen]

Så er jeg ikke sikker på, at jeg forstår problemet. Har du mulighed for at uploade siden til en webserver? Så kan jeg nemt både se, hvordan det ser ud og se den bagvedliggende kode.

Hvis du har et webhotel, kan du evt. oprette en undermappe med navnet test til testsider. Så kan testsiden findes ved at indtaste http://hjemmesidensadresse.dk/test/testside.html.

[jmorten]

Så ligger den der, jeg går slavisk efter bogen, jeg har en kammerat der skal lære at lave hjemmesider og har anbefalet dig og kompozer, og jeg er så støttepædagog.

http://www.maartensen.dk/test/

[Kim Ludvigsen]

Ok, nu er jeg med. Billedet i hæftet er presset sammen af pladshensyn. Hvis du gør browservinduet smallere, vil det se ud som i hæftet. Forskellen skyldes, at der er angivet en bredde på 500px på logoet, der samtidig centreres på siden, mens indholdsboksen fylder hele den tilgængelige bredde.

Hvis du vil have, at det altid skal se ud som i hæftet, kan du ganske rigtigt bruge en wrapper, sådan en vil du støde på senere i hæftet, se side 27, afsnittet Fast bredde på siden.

[jmorten]

Ok, tak for det ,så er jeg også helt med )