Avatar billede Onkel I Seniormester
11. september 2020 - 22:42 Der er 6 kommentarer

Hjælp til kodning

Det skal lige siges jeg er helt ny til kodning (nybegynder).
Jeg har fået til opgave om at lave en hjemmeside, men sidder lidt fast.
Hvordan kan jeg skubbe indholdet (tekste/overskrift osv.) ind mod midten af siden?
Jeg har været ind og kigge på w3school, men det så ikke ud til at virke, det nok mig der har lavet nogle fejl andre steder i html filen som måske kunne være årsagen? Jeg skrev nemlig præcis det samme som der stod i w3school...
Avatar billede Slater Ekspert
12. september 2020 - 07:50 #1
Det kommer an på hvad du mener med ind mod midten. Mener du centreret eller bare med en venstremargin?

Kan du vise noget af det du har, som ikke lykkedes?
12. september 2020 - 14:20 #2
Hej ibrahim
Hvis du f.eks. har et div-element, kan du style det til at centrere tekst og billeder.

Eksempel...

<style>
.content {
text-align: center;
}
</style>

<div class="content">
<h2>Overskrift</h2>
<p>Noget tekst...</p>
<img src="link til billede" alt="">
</div>
Avatar billede Onkel I Seniormester
12. september 2020 - 18:53 #3
#1
Ja, centreret. Det skal ligge i midten/centreret, hvis vi tænker venstre og højre side af skærmen, men skal også være lidt længere oppe på skærmen end centreret lig på både højden og bredden, hvis det gav mening?

Jeg har det ikke længere. Jeg slettede det fordi det ikke virkede :D Men jeg har det indhold jeg gerne vil have centreret, det bare de tags jeg har brug for, for at få det til at fungere.
Avatar billede Onkel I Seniormester
12. september 2020 - 18:55 #4
#2
Gør man det i .css eller i html filen?
Avatar billede claes57 Ekspert
13. september 2020 - 08:49 #5
det hele kan være i html-filen.
<style>...</style> afsnittet i <Head> delen, og <div>...</div> afsnittet i <Body> delen omkring den tekst, du vil vise
Hvis du har meget i <Style>, så kan det med fordel flyttes ud i en css - men den del kan du lave når du har fået siden til at fungere.

Lodret centrering af tekst er mere besværligt, se http://www.infimum.dk/HTML/center.html#vblock
Avatar billede Onkel I Seniormester
13. september 2020 - 18:12 #6
#5
Tak for hjælpen! Jeg prøver :))
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

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