tekst in het midden van de pagina

Status
Niet open voor verdere reacties.
Indent slaat alleen op de eerste regel van een paragraaf. Voor wat jij outdent noemt (dus dat de eerste regel links uitsteekt) kun je simpelweg een negatieve indent gebruiken. Om het hele blok te verplaatsen kun je met marges werken.
 
tonnyroad zei:
Volgensmij moet je iets van ''middle'' gebruiken? ik weet niet zeker :S.
Klik om te vergroten...
Nee.
of <middle></middle> ? idk.
Klik om te vergroten...
Ook niet. De <center> tag bestond wel, maar wordt niet meer gebruikt. Dit is iets dat je toch echt het beste met CSS kunt regelen i.p.v. HTML tags. Als je wilt dat een stuk tekst echt in het midden komt te staan, zo dus:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porta tristique metus vitae dictum. Sed suscipit euismod orci, et posuere nunc rhoncus a. Aenean id vulputate augue. Nunc cursus facilisis ullamcorper. In tempus varius blandit. Pellentesque eget sagittis urna. Suspendisse in erat id nulla sollicitudin blandit. Nam porta tempor porttitor. Nulla vel nisl urna. Suspendisse tincidunt, mi eu lacinia eleifend, nisi nisl accumsan felis, eget porttitor tortor nulla sed nisi. Nulla eget orci tortor, non egestas magna. In eu nulla sem, id posuere tortor. Etiam commodo elementum est quis ullamcorper. Quisque tempus laoreet neque non luctus. Nullam in diam augue, a convallis nisl. Sed tristique congue tortor non placerat. Fusce ante massa, viverra nec cursus id, volutpat ut dui. Etiam facilisis fringilla libero eget imperdiet. Nunc in nisl nisi. Duis et mauris nec lectus sagittis dapibus.​
Dan kun je in je CSS voor dat element text-align:center; gebruiken. Let wel, de tekst komt dan in het midden te staan van het element waar het in zit, niet persé in het midden van de pagina.

Aan dat plaatje te zien gaat het in dit geval om een enkel blok tekst, het blok elf is in het midden te zetten met de volgende CSS regels.
Code: 
width:700px; /*een andere breedte kan uiteraard ook, als het maar op het scherm past.*/
margin :0 auto;
Waar die regels op toegepast moeten worden is onder de html te zien niet te zeggen.
 
Laatst bewerkt:
Hoi David,
Je hebt nu je beeldscherm op breedbeeld staan (1366*768px):

davidb52-1366x768.png

Om te beginnen zou ik die op normaal beeld zetten (1024*768), dan worden de maten in elk geval zó, dat het op die resolutie ook past:

davidb52-1024x768.png

We zien dat het met een max. breedte van 680px voor het rode blok precies goed gaat!

Je kunt ervoor kiezen of je bij een grotere breedte dan 1024px een vaste breedte wilt aanhouden, en de pagina dan in het midden centreren:

davidb52-fixedwidth.png

... of dat bij een grotere breedte het overschot links en rechts binnen de pagina verdeeld wordt, zodat je dan de opmaak van de eerste afbeelding krijgt.

In elk geval: het embleem in een <div> met {float: left;}, en vervolgens een <div> met een margin-left van de breedte van het logo.
Binnen de laatste <div> een nieuwe <div> (die voor het rode kader), die dan gecentreerd kan worden binnen de omvattende <div>, op de manier die Naarling aangaf.

davidb52-divs.png

Zoiets?
Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan