Har et lite kode problem her

[uranus]

Hei folkens!

 

Jeg jobber nå med enda et design, men har et lite kode problem her.

 

LINK!

 

Kan noen hjelpe meg her?

 

Koden til css fila og html er validert.

[pgdx]

Akkurat hva er det du lurer på?

[uranus]

Er det ikke ganske tydelig hva problemet er da? Den er rett og slett feil liksom.. Skal være likt på begge sider, symmetrisk

[pgdx]

Og du vil at vi skal kode om siden for deg?

 

For det første har du en feil i headeren. header.gif er bare 599px, men du har satt div#header til 600px, med repeat, derfor får du en strek for mye på høyre siden.

 

I tillegg bør du lage en div#container til å gjøre midtstillingen. Det skaper i de aller fleste tilfeller mye mindre problemer.

 

Lag en div#container, sett den med disse innstillingene:

div#container {
position:absolute;
width:599px;
left: 50%;
margin: 0 0 0 -250px;
}

 

Deretter lager du en div#top uten innhold hvor du lager den buete greien oppe, lag en div#innhold, som har alt innholdet, inkludert én pixel høy brakgrunn som repeteres nedover, og nederst en div#bottom som inneholder kun den nederste buesaken.

[uranus]

Takk!

 

PS: Nei jeg ville ikke at dere skulle skrive om koden. Det er ikke det jeg spurte om. Jeg spurte om noen kunne hjelpe meg med koden fordi jeg skjønte ikke hva det var som forårsaka feila.

 

Takk

 

--

 

Jeg får det ikke til :S Den vil ikke funke forde :S

Endret 1. mai 2005 av uranus

[Jonas]

Det vil ikke funke fordi du har bygd opp siden din feil!

 

Man lager ètt bilde som skal brukes til å repetere nedover. Man lager ett annet som skal være top-bildet og enda ett nytt ett for bunn.

Ikke et bilde som skal virke som alt. Start kode-delen på nytt.

 

Tips: Skriv CSS med små bokstaver. Ikke MARGIN, men margin.

Se på andres koder og oppbygning.

Ikke skrive koder på samme linje.

Dette:

WIDTH: 599px; POSITION: absolute

Blir til dette:

WIDTH: 599px;
POSITION: absolute

Kopier gjerne CSSen fra W3, så blir det bra.

Og dette:

</P></DIV></DIV></BODY></HTML>

Blir til dette:

                </P>
           </DIV>
       </DIV>
   </BODY>
</HTML>

Indenter HTML-koden din. Ufattelig mye lettere å skjønne noe.

Endret 1. mai 2005 av Jonas

[pgdx]

I tillegg til å indenterere HTML-koden bør også HTML-elementer skrives med små bokstaver.

<P> blir til <p>

[uranus]

Oki. Men hvorfor har det med små og store bokstaver og flere koder på en linje å si? Hva kan skje?

[pgdx]

Oki. Men hvorfor har det med små og store bokstaver og flere koder på en linje å si? Hva kan skje?

Det som kan skje er at hvis du en gang må ty til et hjelpeforum for hjelp, vil ikke brukerne, det vil i ditt tilfelle da si hjelperne, ikke forstå hva du har gjort på, kodingen er uoversiktlig.

 

Én av grunnene.