html - Margin problem i html - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html hjemmeside css

Bruger #17446 @ 17.11.12 16:26

Hej folkens. er ved at lave en hjemmeside.
vil lave så siden er mere centralt placeret ved hjælp af margin. men den forbliver ude i siden som når det ikke bruges

HTML kode

 .margin {margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px;}

og længere ned hvor det skal stå i en anden tag box har jeg prøvet følgende

HTML kode

 <body class="margin">

HTML kode

 <table class="margin">

håber der er nogle der kan hjælpe. er lidt ny til html men første gang det her sker. og har lavet lign et par gange....

Indlæg senest redigeret d. 17.11.2012 16:27 af Bruger #17446

6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 17.11.12 17:41

1.258

ja, hvis du vælger, at definere det som en klasse. Du behøver ikke lave det til en klasse. Du kan også vælge, at style et element så som body
og så skal du ikke skrive . eller #

Du får dog et problem i dit tilfælder der. Da du ikke kan give et span element en width og en margin fordi det er et inline-element.

http://jsfiddle.net/JTcZX/embedded/result/

Indlæg senest redigeret d. 17.11.2012 17:45 af Bruger #17081

Bruger #17081 @ 17.11.12 16:40

1.258

måden, at centrere et design på er ved, at give siden en brede og så give den automatisk brede til siderne.

CSS kode

 body {
   width: 1000px;
   margin: 20px auto;
 }

Bruger #17446 @ 17.11.12 16:45

igen er ny til det her. skal jeg lave en ny class med navn body eller skrive det inde i body?
undskyld vis jeg ikke er helt med men er lidt ny til det.

Bruger #17081 @ 17.11.12 17:06

1.258

det er et fint spørgsmål, men nej. Man kan lave flere forskellige selections:

class selectors (kan gentages) vælger en class i HTML:

HTML kode

 <p>Hello <span class="highlight">World</span></p>

CSS kode

 .highlight {
   font-weight: bold;
   background-color: #bada55;
 }

id selectors (er unikke) vælger et id i HTML:

HTML kode

 <p>Hello <span id="highlight">World</span></p>

CSS kode

 #highlight {
   font-weight: bold;
   background-color: #bada55;
 }

tag selectors vælger alle html tags af typen defineret i HTML:

HTML kode

 <p>Hello <span>World</span></p>

CSS kode

 span {
   font-weight: bold;
   background-color: #bada55;
 }

Så det CSS jeg har skrevet vælger body taget / elementet og giver det margen.

Indlæg senest redigeret d. 17.11.2012 17:07 af Bruger #17081

Bruger #17446 @ 17.11.12 17:16

ok så som jeg har forstået og som vi her lært til kurset. class selectors skal det skrives sådan?

HTML kode

 <head>
         <style type="css/text">
             .body {
                 width: 1000px;
                 margin: 20px auto;
                 }
         </style>
     </head>
     <body>
          <p>Hello <span class="body">World</span></p>
     </body>

Indlæg senest redigeret d. 17.11.2012 17:25 af Bruger #17446

Bruger #17446 @ 17.11.12 20:30

takker har fået det til at du

Margin problem i html

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler