Margin spørgsmål

"Flere forskellige steder"? Jeg er ikke helt med.

Du kan selvfølgelig også styre margin-top, margin-bottom og margin-right.

Men mon ikke det er bedre, at du angiver det i px frem for procent?

Og hvis du skal positionere et element og ikke bare skubbe det lidt, så gør i stedet sådan:

p.element1 {
  position: absolute;
  top: 200px;
  left: 500px;
}

<p class="element1">Tekst</p>

Og hvis man nu har en tekst mere der skal står længere nede i forhold til TOP?

Så må du jo give den en større top-værdi.

<ole>

- men undlad at basere dit design på absolut positionerede elementer. Brug det kun på ganske få elementer - ellers bliver det et helvede at arbejde med i længden  =)

/mvh
</bole>

OLE: Ja, lige netop. Det er osse sådan jeg lige ser det for mig. Det vil blive et helvede at holde styr på alle dem.

Prøv at vise resten af koden - allerhelst ved et link. Så kan vi nok komme med en bedre løsning  =)

- ikke at det er en dårlig idé at positionere enkelte elementer, men jeg er helt sikker på, w13 heller ikke mener, du skal absolut positionere hele din side  ;o)

Jeg har ikke nogen mulighed for at sende et link. Det er heller ikke på nuværende tidspunkt uoverskueligt, da det jeg har lavet kun fylder 1 side. Jeg har kun 3 elementer jeg skal holde styr på. Så det kan jeg lige klare. :)

Det var bare hvis man skulle lave noget andet på et tidspunkt kunne det godt være at det ville være svært at holde styr på sine elementer, hvis man skulle gøre sådan som w13 forslog. Jeg sidder og koder i delphi til tider og synes at der har jeg styr på hvor jeg sætter mine elementer, men det er nu også mere visuelt and det jeg sidder og laver nu. Jeg bruger EditPlus til at lave det her jeg lige har gjort. Ved ikke om der findes noget bedre til at lave sådan nogle ting. Er bare blevet gjort opmærksom på, at det er bedre at klare det igennem en editor, som EditPlus, for da har man styr på det hele og der kan ikke være nogen sikkerhedsbrister i forhold til andre visiuelle programmer, som Frontpage eller noget ..... - Er der andre? :)

Nej, det selvfølgelig kun nogle hovedelementer, som skulle positioneres. =) Det var bare for at komme med et alternativ til at flytte alt med margin.
float:left; og float:right; er også gode at bruge indimellem.

Et alterativ til Frontpage? Altså Microsoft har droppet Frontpage (siden 2003?) og laver i dag Sharepoint etellerandet (kan jeg ikke lige huske).

Jeg har indtryk af, at Adobe Dreamweaver er en af de bedste, men selvfølgelig - ingen af disse programmer skriver fuldstændig hensigtsmæssig kode. Det opnår du kun ved at skrive det selv.

-- jamen en klasse er jo netop til at implementere css-rgler, der kan bruges på flere forskellige elementer:

<style type="text/css">
form {}

p.leftmargin {margin-left: 20px;}

</style>
Også kalde den sådan her:

<p class="leftmargin">Kopi</p>
<p class="leftmargin">Kopi1</p>
<p class="leftmargin">Kopi2</p>
<p class="leftmargin">Kopi3</p>
<p class="leftmargin">Kopi4</p>
<p class="leftmargin">Kopi5</p>
<p class="leftmargin">Kopi6</p>
<p class="leftmargin">Kopi7</p>
<p class="leftmargin">Kopi8</p>

Jo, men hvis nu du har flere tekster som skal stå forskellige steder, så skal du vel lave flere:
p.textTi {margin-left: 10px;}
p.textTyve {margin-left: 20px;}
p.textTredivie {margin-left: 30px;}
osv

Og hvis du så skal have en TOP på bliver det da meget svært at holde styr på.

Så må du jo sørge for at have nogle med nogle generelle regler, som flere elementer deler.

Hvor mange dele er det lige, du vil flytte rundt på?

>>kennethv

Jepz, du kan sagtens have mange klasser, som gør næsten det samme, og så bruge dem på forskellige elementer ...

-- hvis de kun skulle bruges på præcis eet element ville jeg dog overveje at bruge en id-selektor, da den har forrang fremfor en klasse-selektor:

.leftmargin{margin-left: 20px;}
#textTi{margin-left:10px;}


<p id="textTi" class="leftmargin">Kopi</p>
<p class="leftmargin">Kopi1</p>

-- så vil margin på den første være på 10px !-)

Ok. Mange tak for forklaringen på hvordan det kan gøre. Som sagt er det ikke lige nu at det er så aktuelt, men mere en forståelse på hvordan man kunne klare det.

Men hvis du nu f.eks. vil rykke alle elementer i en boks 20px ind, så skal det løses ved at sætte padding-left:20px; på boksen i stedet.

Man kan tit spare meget kode og tid ved at bruge nogle "hovedbokse" til sit design.

- og så er det en rigtig god ting at udnytte CSS's regler om kaskade og arv. Ellers kommer man let ud i alenlange CSS-filer, som i virkeligheden er et tilbageskridt i forhold til HTML3.2 tiden - før CSS  ;o)