Archief - HTML: Text ordenen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Jeroen_HD

Legacy Member
Hallo, ik zit hier met een vrij lastig probleem (nOOb probleem)

Ik ben een website'je aan het maken voor iemand maar ik krijg mijn tekst niet goed. Ik wil hem mooi ondereen en in het midden. Maar ik krijg mijn tekst (helemaal beneden die <p></p>) links uitgelijnd ipv in het midden. Enig idee hoe ik dit kan oplossen?
Mvg,
Jeroen

/Edit: Hier is een kleine screen van wat ik bedoel met links uitgelijnd en onder de buttons ipv ernaast:
[img=http://img130.imageshack.us/img130/2181/scra953c7zu7.th.jpg]
Hier is de code:


<html>
<head>
<title>GG scooters : Verkoop/inkoop, nieuw en tweedehands. Scooters en auto's</title>
</head>
<body>
<style type="text/css">

h1 {
border-style: none;
color: #cccccc;
border: thick solid #333333;
}

#tekst {
text-align: center;
width: 400px;
font-size: 25;

}

#menubalk{
background: #00;
text-align: center;

}


#menu{
border: 3px solid grey;
width: 185px;
}


#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: Arial, sans-serif;
font-weight: bold;
}

#menu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px;
text-decoration: none;
color: #FFFFFF;
background-color: #454041;
border-left: 7px solid;
}

#menu li a:hover {
background-color: #333333;
border-left-color: #cccccc
}

#menu div.menubalk, div.menubalk2{
color: white;
border-bottom: 1px solid grey;
padding: 1px 0;
padding-left: 5px;
background-color: #333333;
font: Arial, sans-serif, bold 90%;
text-align: center;
}

</style>

<body bgcolor="#999999">
<h1><img src="banner.jpg" width="1255" height="144"/></h1>
<div id="menu">
<div class="menubalk">Hoofdmenu</div>
<ul>
<li><a href="Home.htm">Home</a></li>
<li><a href="Informatie.htm">Informatie</a></li>
<li><a href="Contact.htm">Contact</a></li>
</ul>

<div class="menubalk2">Informatie</div>
<ul>
<li><a href="werk.htm">Wat doen wij</a></li>
<li><a href="Locatie.htm">Locatie</a></li>
</ul>
</div>

<div="tekst">
<p><b>Scooters</b>: Wij verkopen, herstellen scooters van alle merken.</p>
<p><b>Auto's</b>: Wij herstellen auto's van alle merken.</p>
<p><b>Wij verkopen nieuwe en tweedehandse scooters en auto's, onderdelen van alle merken.</b></p> </div>
</div>
</body>
</html>

Incinnerator

Legacy Member
moet ge die p-tag niet text-align:center doen?
aangezien da een block element is en dus 100% van de breedte van het scherm heeft?

hij staat dus gecentreerd binnen den div maar omdat da element 100% is zie je da ni.

je moet volgens mij bij die p-tag ook text-align:center doen.

correct me if I'm wrong

Greetz
Incinnerator

Jeroen_HD

Legacy Member
ha bedankt :D

heb gewoon dit toegevoegd:

p {
text-align: center;
}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan