Gå til innhold

hjelp til CSS


Anbefalte innlegg

Skrevet

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?

Videoannonse
Annonse
Skrevet

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. :)

Skrevet

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?

Skrevet (endret)

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 av toss
Skrevet (endret)

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 av Waldmeister
Skrevet (endret)

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 av VgaR
Skrevet (endret)

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! :w00t:

Endret av VgaR
Skrevet (endret)

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 av VgaR
Skrevet
EDIT: waldmeister: igjen, du hadde helt riktig...funket utmerket!

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

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!

Skrevet
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.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...