Simpelt spørsmål om textplassering.

[Myklebust89]

Hvordan få teksten til å starte 1px eller lignende inn i DIV'en? Nå starter liksom teksten akkurat der hvor DIV'en starter, og det irriterer meg noe grenseløst!

[Cucum(r)]

Ta en titt på padding i CSS2-spesifikasjonen

[Myklebust89]

forsto egentlig ikke så mye om hvordan jeg skulle gå frem for å få texten til å starte lenger inn i DIV'en... Teskje, vær så snill? hehe

[Mira]

For å svare må man nesten vite om du bruker et CSS-stilark, enten eksternt eller internt på siden din?

 

Padding er en "funksjon" i CSS for akkurat det du er ute etter.

[Myklebust89]

jeg har et eksternt stilark som jeg kaller for style.css, prøvde meg litt frem i går kveld, men fikk ikke til noe som helst.

Endret 27. september 2004 av Burner89

[Marvil]

På egenskapene til DIVen du skal ha teksten i, kan du legge til dette;

 

padding: 1px 1px 1px 1px;

 

Da vil det være 1px padding på alle sider. Du kan endre verdiene, de går slik;

padding: topp - høyre - bunn - venstre

Endret 27. september 2004 av Marvil

[Myklebust89]

Ok, tusen takk

[Marvil]

Ok, tusen takk

[Haraldson]

padding: 1px 1px 1px 1px;

kan for øvrig med fordel slås sammen til

padding:1px;

 

Bare litt sånn på sida, liksom

[Marvil]

padding: 1px 1px 1px 1px;

kan for øvrig med fordel slås sammen til

padding:1px;

 

Bare litt sånn på sida, liksom

Ja, men siden jeg tok med at han kunne endre de slik han ville, så ble det mer forvirrende..

[Myklebust89]

jeg prøvde å inkludere

padding:1px;

i går, men det gikk dårlig...

[PoleCat]

Det _skal_ funke, vis hele CSS'en til div'en, må være noe annet feil.

[Myklebust89]

inkluderte det på denne måten:

#content {
padding:1px;
color:#000000;
background-image: url(design/content.jpg);
border:0px;
height:280px;
width:640px;
overflow:auto;
background-attachment: fixed;
}

men det virket ikke inn på textplasseringen, men på bakgrunnen...

Endret 27. september 2004 av Burner89

[PoleCat]

Selvsagt, teksten plasserer seg jo 1px fra _kanten_ på div'en du har satt den i. Dersom du ønsker å ha avstand fra div og til andre elementer, legger du til margin.

[Myklebust89]

Ok, dette gjøres på samme måten?

margin:1px;

?

[Haraldson]

Det er korrekt.

[JohnRichard]

 

(Kunne du ikke bare testet? Er slik jeg lærer...prøv og feil...og plutselig virker det )

[Myklebust89]

Ok her er det som skjer. Ved bruk av padding ender det opp sånn:

koden er da:

#content {
padding:1px;
color:#000000;
background-image: url(design/content.jpg);
border:0px;
height:280px;
width:640px;
overflow:auto;
background-attachment: fixed;
}

 

med margin ender det opp slik:

koden er da:

#content {
margin:1px;
color:#000000;
background-image: url(design/content.jpg);
border:0px;
height:280px;
width:640px;
overflow:auto;
background-attachment: fixed;
}

 

Teksten flytter seg ikke, men det skjer masse annet tull som jeg ikke forstår. Hva er galt?

Endret 27. september 2004 av Burner89

[Haraldson]

Jeg antar at den i midten er #content? Og det funket ikke med padding:1px; i denne?

 

Prøv med

 

#content p {
margin:XXpx;
}

 

Men dette skal egentlig ikke være nødvendig, da padding er det rette, på #content. Om du hadde giddet å lime inn resten av CSS-koden din her, så hadde det vært fint. Jeg mistenker at noe annet der er feil.

[Myklebust89]

hele style.css:

/* CSS Document */
html, body, table {
background-color:#FFFFFF;
color:#FFFFFF;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:small;
}

#container {
margin:1em auto;
width:600px;
}

#header {
background-image: url(design/header.jpg);
background-repeat:no-repeat;
height:100px;
width:640px;
}

#content {
color:#000000;
background-image: url(design/content.jpg);
border:0px;
height:280px;
width:640px;
overflow:auto;
background-attachment: fixed;
}

#footer {
color:#000000;
background-image: url(design/footer.jpg);
background-repeat:no-repeat;
height:100px;
width:640px;
clear:both;
}
a:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: small; color: #FFFFFF; text-decoration: none}