akse2: Det som knudgert har skrevet er faktisk det samme som jeg har skrevet bare på en anden måde. Jeg gøre brug af Stylesheet, og han bruger bare Style
>jakobclausen align:center; findes ikke, det hedder text-align og så vil det være en god ide at forklare, hvor de forskellige ting skal være, såsom at css skal skrives i <head> og hvordan man gør det, det kan jo være svært at vide, hvis man ikke kender til css. <style type = "text/css"> .h1{ font-size:16px; (Størrelsen kan du bare ændre) align:center; } </style>
Indtil videre tak til jer alle. Jeg har allerede lavet et eksternt stylesheet som jeg inkluderer og har derfor styr på det. Jeg har dog aldrig brugt positioning før og kan ikke få placeret min overskrift midt i tabellen. Min h1 i Stylesheetet ser sådan ud:
h1 { position : absolute; top : 80px; text-align : center; color : #009933; font-family : verdana; font-size : 20 px; }
men den placeres ikke i midten. Jeg har også forsøgt med text-lign : center, men det virker heller ikke! Hvad gør jeg galt?
>>knudgert, jacobclausen og mortenkjeldberg det er ikke sådan det skal laves! Han skal hverken lave ekstra classes elelr bruge div tags som overskrifter!
here goes:
h1 { position : absolute; top : 80px; text-align : center; color : #009933; font-family : verdana; font-size : 20 px; text-align:center; }
>werd Hvad galt er der i at bruge inline-style? Da jeg svarede, var der ikke skrevet noget om at der i forvejen var et cssark og så er det klart, at man skal skrive det der i.
>aske2 det vil ikke virke sammen med position: absolute, fordi du så skriver at den skal placeres et bestemt sted. Hvis du vil placere din <h1> 80px fra toppen og så centeret, så brug <div> <h1>bla</h1> <div> I din css: div {position: absolute; top: 80px; width: 100%} h1 {text-align: center; ...}
knudgert: Et stylesheey skrives ikke i et html dokument, og derfor ikke ikke i head. Jeg regner med aske2 kender lidt til det, men hvis det ikke er tilfældet er han velkommen til at spørge.
>akobclausen Hvis man kender lidt til css, så ville da jeg ikke regne med at det var nødvendigt at stille spørgsmålet. Om man skriver css i <head>, som inlinestyle eller i et cssark er da helt op til en selv og hvordan det skal bruges. Og når du nu skriver forkert kode, så...
knudgert>> Jeg kender ikke særlig meget til CSS. Jeg prøvede med dit forslag om at bruge div. Når jeg gør det bliver overskriften også fint centreret, men den laver så en 'kæmpe'font. Hvorfor? Og kan jeg gøre noget ved det?
Nu er <h1> jo den største skrift, som bruges i html, hvis ikke definrerer en størrelse på den. Du kunne jo vælge at bruge <h2> eller mindre. Ellers sæt en font-size, som du havde før font-size : 20 px;
I det øjeblik du benytter position tager du dit h1 element (block level element) ud af dokument flowet. Det betyder også at den kun har den bredde som dens indhold fylder, medmindre en width defineres.
Text-align:center centrerer indholdet inden for det område den boks der indeholder teksten fylder. Eftersom boksen kun er lige så stor som teksten vil du dermed ikke opleve at teksten centreres i forhold til vinduet (eller HTML elementet som er rod elementet i dit dokument og repræsenterer hele vinduet)
Dette kan opleves hvis du sætter en border:1px solid black på dit h1 element og skifter mellem position:absolute og ingen. Prøv også at sætte width til 50% på dit h1 tag mens du har burder og position:absolute på og se effekten af hvor meget boksen fylder.
knudgert> >Nu er <h1> jo den største skrift, som bruges i html, hvis ikke >definrerer en størrelse på den.
måske lidt mere korrekt ville være at sige at h1 er det øverst element i overskriftshierakiet. h[x] tagsne har som sådan intet med skrifttype at gøre - den kan være forskellige alt efter hvilket default stylesheet browserne benytter internt. H tags'ne angiver derimod at det der er inde imellem dem semantisk er en overskrift og h1 er dermed en vigtigere overskrift end h2 osv.
>Du kunne jo vælge at bruge <h2> eller mindre. Set i lyset af det ovenfor stående ville det nok være end dum ide hvis det indhold der skal vises netop er det øverste niveau af et dokuments overskrifter. ;)
Jeg takker for alle svar og kommentarer. Jeg har endnu ikke fået det til at se pænt ud, men det skyldes, at resten af indholdet på siderne jo så også skal positioneres. Jeg synes det er lidt svært at give point, men har dog valgt at dele 'alle' pointene mellem jakobclausen og knudgert. Håber det er ok :-)
Det ville umiddelbart virke intelligent hvis du ikke sad og testede i et 7 år gammelt indlæg, hvorved at eksperten notificerer deltagerne via mail.
Synes godt om
Ny brugerNybegynder
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.
Ny bruger
Nybegynder
Opret
Preview
