div tag html en css centreren

Status
Niet open voor verdere reacties.
K

k l a a s

Gebruiker
Lid geworden
30 sep 2010
Berichten
72
Hallo,

Ik heb een website. Nu wil onder mijn menu (=horizontaal) de tekst enz.. van mijn website hebben. Dit wil ik in het midden hebben met een vaste vorm. Ook wil ik dat alle tekst enz. in een div tag komt te staan zodat de opmaak makkelijk is te bewerken met css. Weet iemand hoe ik dit kan doen? code het liefst in css maar html mag ook.:thumb:

bvd.
 
k l a a s zei:
Ook wil ik dat alle tekst enz. in een div tag komt te staan zodat de opmaak makkelijk is te bewerken met css. Weet iemand hoe ik dit kan doen?
Klik om te vergroten...

Ik hoop niet dat je bedoelt
HTML: 
<div>hier komt tekst</div>
want dat is namelijk niet de bedoeling.

Tekst hoor je in p-elementen te stoppen
met een begin-tag <p> en een eind-tag </p>,
zoiets als dit:
HTML: 
<p>tekst hoort in een p-element</p>


En wat opmaak betreft:
het zijn niet alleen div-elementen die je met CSS kunt opmaken,
maar alle andere elementen ook.
 
Geef de div-tag een id of class en geef die properties vanuit css:
CSS:
HTML: 
#tekstdiv {
margin: 0px auto; //auto om te centreren, 0px om de bovenste margin op 0 te zetten
};
DIV:
HTML: 
<div id="tekstdiv">tekst en inhoud</div>
 
Ja, op deze manier kan je een hele <div> (of ook: de <body) centreren. Tenminste als je de <div> of <body> in de css ook nog een bepaalde breedte meegeeft: width="...".
Anders weet de browser niet waar de automatische margin tegenaan geplakt moet worden, en wordt de breedte altijd 100%. ;)

Als je tekst zelf binnen een <div> (of een <h1>, <h2>, <p>, enz.) wilt centreren, moet het anders in de css:
Code: 
[B].[/B]centreerTxt {
   text-align: center;
   }
Met dan in de html voor de regels die gecentreerd moeten worden:
HTML: 
...
<h1 class="centreerTxt">De gecentreerde hoofdkop</h1>
<p>Gewone links uitgelijnde tekst</p>
...
Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan