hjelp til CSS

[melli123]

jeg lurte egentlig bare på om dette er riktig.

 

HTML:

<div id="top"> 
<img src="header.jpg" width="453" height="210"



<div id="middle">
<h3>Velkommen...</h3> 
<p>til guivarchdesign.com. Denne siden vil fungere som en portfolioside</p>
<p>for meg. Her vil jeg publisere det jeg lager av foto, og web,</p> 
<p>det jeg har laget kan du se under <a href="portfolje.htm">portfølje</a></p>



<div id="bottom">
<img src="footer.jpg" width="453" height="60">

 

CSS:

#top {




}


#middle {




}


#bottom {


}

 

er dette riktig?

[Purify]

Du har:

<div id="top">
<img src="header.jpg" width="453" height="210"

 

Det må være:

<div id="top">
<img src="header.jpg" width="453" height="210">

 

Ellers ser alt rett ut.

[melli123]

oki, takker for raskt svar!

 

men jeg vil gjerne få alt dette til å centrere seg. også vil jeg ha texten til å ligge i venstre side.

 

Sånn som det er nå, så ligger texten i midten av diven, (tror jeg) men så fort man minsker browsern, så flyter texten helt fritt, hva skal jeg skrive da?

[toss]

i css-filen må det stå:

text-align:left;
margin: 0 auto;

 

hvis jeg har forstått rett..

 

EDIT: du må kanskje plassere divene inni en trdje div som du sentrerer med

margin: 0 auto;

og så ha

float: left;

på den som skal til venstre, og

float: right;

på den til høyre..

Endret 30. september 2004 av toss

[Simon Zimmermann]

er dette riktig?

Nei.

HTML:

<div id="wrap">
<div id="top"> 
<img src="header.jpg" width="453" height="210" alt="beskrivende tekst" />
</div>
<div id="middle">
<h3>Velkommen...</h3> 
<p>til guivarchdesign.com. Denne siden vil fungere som en portfolioside</p>
<p>for meg. Her vil jeg publisere det jeg lager av foto, og web,</p> 
<p>det jeg har laget kan du se under <a href="portfolje.htm">portfølje</a></p>
</div>
<div id="bottom">
<img src="footer.jpg" width="453" height="60" alt="beskrivende tekst" />
</div>
</div>

 

CSS:

#wrap{
width: 453px;
margin: 0 auto;
text-align: center;
}
#top {
}
#middle {
width: 453px;
text-align: left;
}
#bottom {
}

Prøv dette.

Endret 30. september 2004 av Waldmeister

[melli123]

hmm, njaaaæææeeeeeiiiiii.....

vakke helt det jeg mente...

jeg vil centrere hele greia, m,en teksten skal på en måte ligge i left i den diven som heter "middle"

 

EDIT: denne posten var ment til toss, men kom litt for sent.,..

Endret 30. september 2004 av VgaR

[melli123]

hva menes med

 

<div id="wrap">???

 

 

EDIT: waldmeister: igjen, du hadde helt riktig...funket utmerket!

du er flink i CSS og HTML, det skal du ha!

Endret 30. september 2004 av VgaR

[Simon Zimmermann]

hva menes med

 

<div id="wrap">???

Det er et div element man legger rundt alt innholdet for å sentrere det.

En ganske vanlig teknikk brukt for å gjøre dette.

[melli123]

men når du skrev

 

<div id="wrap">

 

også i CSS skrev du

 

text-align: center;

 

ble den telt som hele greia, fordi det ikke var noe text i "wrap"?

 

så da centrerte den liksegodt hele tingesten?

Endret 30. september 2004 av VgaR

[Simon Zimmermann]

EDIT: waldmeister: igjen, du hadde helt riktig...funket utmerket!

du er flink i CSS og HTML, det skal du ha!

Nå er det her ganske simpel posisjonering og det finnes sikkert bedre metoder å gjøre dette på, men det funker for meg i hvert fall.

 

Lykke til videre!

[Simon Zimmermann]

men når du skrev

<div id="wrap">

også i CSS skrev du

text-align: center;

ble den telt som hele greia, fordi det ikke var noe text i "wrap"?

så da centrerte den liksegodt hele tingesten?

Nei, jeg skjønner at den text-align: center; greia kan være litt forvirrende, men den brukes bare til å rette opp en IE 5 hack.

Det er margin: 0 auto; som sentrerer hele greia.

[melli123]

jo takk for alt hjelpen jeg har fått!

[Simon Zimmermann]

Forresten så er det vel bedre å gjøre header på denne måten:

HTML:

<h1 id="top">Header
</h1>

CSS:

h1#top {
width:453px;
height:210px;
background: #fff url(header.jpg) no-repeat;
}

[Cucum(r)]

Waldmeister: Hvis h1-elementet blir brukt som header er det ingen vits i å gi den en bestemt ID.

[Simon Zimmermann]

Waldmeister: Hvis h1-elementet blir brukt som header er det ingen vits i å gi den en bestemt ID.

*dummesegut*

Ja, det er jo selvforklarende.

[Simon Zimmermann]

@VGaR: Hvis du skal bruke bilder til header eller overskrifter så er det en fin innledning til det her: http://www.unrealized.org/les_artikkel/css/bildeerstatning/