Avatar billede tobrukDk Novice
22. maj 2011 - 00:17 Der er 1 kommentar og
1 løsning

problemer med at få det i midt!

Det er sådan at jeg sidder og laver en hjemmeside til en klan i cs;s og det er sådan at jeg prøve at få det hele i midt af siden og jeg har skrevet sådan her af css koder;)

@charset "utf-8";
/* CSS Document */

body {
    background-color:#333;
    margin:0 auto;
    width:960px;
    height:500px;
}
h2 {
    color:#FFF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#velkommen {
    text-align:center;
}

og det her er på forsiden ;)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Clanbeverage.dk - Beveragé</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
</head>

<body>
<img src="logo.png" width="800" height="150" alt="logo">
</body>
<div id="velkommen">
<h2>Siden er i gang med at blive opdater til et fedt design!</h2>
</div>
</html>

Du kan kig med på http://www.clanbeverage.dk/
Avatar billede tobrukDk Novice
22. maj 2011 - 01:14 #1
Jeg har løst det på en gammel måde.
Avatar billede Counx Nybegynder
24. maj 2011 - 12:46 #2
Nu sidder jeg lige og kigger lidt på siden og vil komme med et par forslag. :)

Husk at angive størelser i dine <div>

Lav evt. en div kaldet "wrapper" du samler alle dine Div'er i med en bestemt brede og evt bg farve, da alt holder sig inden for din wrapper og det ser godt ud med noget som fanger øjnene og holder dem på content, i stedet for at det bare er et stort lærede hvor der bare er smækket nogle bokse ind på.

Wrapper fortsat: Hvis du har en wrapper som du tildeler
margin-left: auto;
margin-right: auto;
i CSS'en, så vil det hele automatisk samles på midten, da den wrapper vil have lige langt til kanten i både højre og venstre side.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester