Billeder m.m

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Yasse
Begynder
Indlæg:6
Tilmeldt:11. aug 2011, 18:19
Billeder m.m

Indlæg af Yasse » 13. aug 2011, 14:29

Havde egentlig skrevet inde på eksperten, og trods alle de medlemmer der er derinde, er det sjældent de svarer mig, eller giver det korrekte svar, som jeg faktisk kan bruge til noget! Men nu skriver jeg altså herinde, og det tror jeg også jeg gør fremover. :D


Er igang med et design, gør lige opmærksom på det slet ikke er færdig, og farverne er ikke rigtige og blablabla.
http://www.yassez.dk/template.php - jep, jeg bruger template, da jeg fattede ideen. :P

Men ihvertfald, hvorfor er det at menuen/andre billeder ikke er helt tæt op ad....... skærmens side, eller hvad man sider?


noget jeg skal skrive i style, eller ved billederne - et eller andet?

Brugeravatar
webudvikleren
Rutineret
Rutineret
Indlæg:80
Tilmeldt:13. jun 2011, 21:11
Geografisk sted:Esbjerg
Kontakt:

Re: Billeder m.m

Indlæg af webudvikleren » 13. aug 2011, 17:05

Hej Yasse :)

Grunden til afstanden er at stort set al HTML har nogle CSS egenskaber som er defineret som standard. Disse kan du "nulstille" ved at lave din egen CSS. I det her tilfælde er det dit HTML tag: "body" som har en predefineret margin som altså laver denne afstand.

Det du gør er at tilføje lidt CSS i dit CSS dokument. Koden er:

Kode: Vælg alt

body {
margin:0;
} 
Bemærk at der ikke er hverken punktum (.) eller havelåge (#) foran body. Det betyder blot at det er et HTML tag du tildeler denne CSS og ikke en id (indikeres med #) eller en class (indikeres med punktum).

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Billeder m.m

Indlæg af ThomasI » 13. aug 2011, 17:22

Nemlig Lasse :D

Godt og præcist svar...

Yasse
Begynder
Indlæg:6
Tilmeldt:11. aug 2011, 18:19

Re: Billeder m.m

Indlæg af Yasse » 14. aug 2011, 16:44

Ja, det ved jeg. :P
har lavet Margin, ved #menupage - tror jeg den hedder.

men prøver ved, body, som du skriver.


men da jeg srkev, om at jeg ville have siden centreret, blev der skrevet jeg skulle skrive auto?

Brugeravatar
webudvikleren
Rutineret
Rutineret
Indlæg:80
Tilmeldt:13. jun 2011, 21:11
Geografisk sted:Esbjerg
Kontakt:

Re: Billeder m.m

Indlæg af webudvikleren » 14. aug 2011, 18:55

For at kunne centrere noget, skal det omkranses af et tag. Når du så har hele din side du vil have centreret, kræver det at du har en div tag udenom alt eksisterende indhold. Har lavet et billede her til at illustrere:

Billede

Din CSS skal være (inklusiv nulstilling af margin for body):

Kode: Vælg alt

body {
  margin:0;
}

#container {
  margin:0 auto;
  width:980px;
}
Din "width bestemmer du selvfølgelig selv.

Din HTML kode skal så være:

Kode: Vælg alt

<body>
<div id="container">

<div>
  <h1>Min side</h1>
  <p>alt indhold placeres inden for div med id'et "container"... </p>
</div>

</div>
</body>

Besvar