Layout med stil

Skriv et svar

Smilies
:D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
BBkode er slået TIL
[img] er slået TIL
[flash] er slået FRA
[url] er slået TIL
Smilies er slået TIL
Emnegennemgang
   

Udvidet visning Emnegennemgang: Layout med stil

Re: Layout med stil

Indlæg af jmorten » man sep 13, 2010 12:33

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

Re: Layout med stil

Indlæg af Kim Ludvigsen » man sep 13, 2010 12:26

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.

Re: Layout med stil

Indlæg af jmorten » man sep 13, 2010 12:04

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/

Re: Layout med stil

Indlæg af Kim Ludvigsen » man sep 13, 2010 10:30

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.

Re: Layout med stil

Indlæg af jmorten » man sep 13, 2010 10:02

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>

Re: Layout med stil

Indlæg af Kim Ludvigsen » man sep 13, 2010 9:11

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.

Layout med stil

Indlæg af jmorten » man sep 13, 2010 8:21

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?

Top

cron