centeren

Status
Niet open voor verdere reacties.
K

killer bee

Gebruiker
Lid geworden
7 jun 2008
Berichten
96
ik zit met een probleempje ik ben bezig met een site en die moet netjes in het midden komen alleen als ik aline en <center> gebruik komt ook de tekst in het midden te staan en dat moet nou net niet weet iemand toevallig wat ik kan doen.
 
<center> is zo 2001....

Tegenwoordig gaat dat zo:
HTML: 
<div style='margin: 0 auto; width: 80%;'>

<!-- hier al je code -->

</div>
waarbij 80% de breedte van je content is.
 
Laatst bewerkt:
Oeioeioei Vegras toch... Dit zijn we niet van je gewend hoor :P

HTML: 
<div style='margin: 0 auto; width='80%''>

HTML: 
<div style='margin: 0 auto; width: 80%'>
 
moderne css

Motto:
"Inline styles zijn zó ..." :D
"Overbodige <div>'s zijn zó ..." :D

Mijn voorstel:
Stap 1
HTML: 
<body>

<!-- hier al je code -->

</body>
Stap 2
in de <head> te plaatsen:
HTML: 
<style type="text/css">
   body {
      width: 80%; /* of: 980px voor site met vaste breedte */
      margin: 0 auto;
   }
</style>
en
Stap 3
Als alle styles in de <head> goed werken, deze styles in een apart stylesheet.css zetten,
en daar in de <head> naar verwijzen met:
HTML: 
<link rel="stylesheet" type="text/css" href="http://www.jouwdomein.nl/css-mapje/stylesheet.css">
en tussen de stappen door, en erna: eens lekker bladeren en lezen in bv. het css-deel van de handleidinghtml.nl of andere css-tutorials. :)

Met vriendelijke groet,
CSShunter

PS
<center> en <element align="..."> zijn al jarenlang afgekeurde ("deprecated") html, en zouden niet meer gebruikt mogen worden.
 
Laatst bewerkt:
ik dank jullie allen voor de antwoorden ik kan weer veder. en csshunter bedankt voor de link en tips
 
Oeioeioei Vegras toch... Dit zijn we niet van je gewend hoor :p
Klik om te vergroten...
"Inline styles zijn zó ..." :D
Klik om te vergroten...
hierbij mijn welgemeende excuses! Het was nog erg vroeg (of: de vorrige avond was erg laat). Nu ik dit terug lees denk ik dat ik me een beetje (kuch) moet gaan schamen. Maargoed. *veranderd oude bericht*


:p;):thumb:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan