Tekst wil niet centreren

Status
Niet open voor verdere reacties.

BuSTeD

Gebruiker
Lid geworden
11 jan 2007
Berichten
104
Geachte,

Ik wil een webiste opstarten en op die site wil ik in een kadertje tekst centreren.

Ik gebruik hiervoor onderstaande code

<div id="buttons">
<h2 align="center">NAAM</h2> ( DEZE TEKST CENTREERT HIJ MOOI )
<li><a href="SITE" title="">Home</a>
<li><a href="mailto:MAIL" title="">Contact</a></li>
<li><a href=".html" title="">ANDERE KNOP</a></li>
<li><a href="#" title="">ANDER KNOP</a></li>

Die 4 knoppen hierboven willen maar niet mooi centreren. Wat moet ik invoegen ?

Alvast bedankt !
 
PHP:
<div style="text-align: center">
  <h2>NAAM</h2>
  <ul>
    <li><a href="SITE" title="">Home</a>
    <li><a href="mailto:MAIL" title="">Contact</a></li>
    <li><a href=".html" title="">ANDERE KNOP</a></li>
    <li><a href="#" title="">ANDER KNOP</a></li>
  </ul>
</div>

De correcte syntax voor centreren is: style="text-align: center" en om een list moeten list-tags (<ul> of <ol>)
 
Fritzi,

Bedankt voor de hulp.

Maar hij centreert niet. Ik volgende gedaan :

<div id="header">
<div id="logo"><a href="SITE"></a>
<h2><a href="SITE" id="TEMPLATE"></a></h2></div>
<div id="buttons">
<h2 align="center">TEKST</h2>
<div align="center">
<li class="first"><a href="SITE" title="">KNOP</a></li>
<li><a href="mailto:MAIL" title="">KNOP</a></li>
<li><a href="Pagina.html" title="">KNOP</a></li>
<li><a href="#" title="">KNOP</a></li>
</div>
<br />
<br />
<br />
<br />
</tr>
</table><marquee>*** TEKST ***</marquee>

</div>


Met dit lukt het niet. Doe ik iets verkeerd ?
 
Eric,

Alvast bedankt voor de reactie maar dit werkt ook niet.

Hierboven mijn code.
 
Weet je zeker dat mijn code bij jou niet werkt? Bij mij werkt die namelijk als een zonnetje :D
 
wat ook kan is in plaats van align center is geoon gebruik maken van <center></center> plaats hier het gedeelete tussen en het moet werken
 
Hij weigert echt om dit te doen, heel raar.

Het is toch correct waar ik dit plaats ?



<div id="header">
<div id="logo"><a href="SITE"></a>
<h2><a href="SITE" id="TEMPLATE"></a></h2></div>
<div id="buttons">
<h2 align="center">TEKST</h2>
<center>
<li class="first"><a href="SITE" title="">KNOP</a></li>
<li><a href="mailto:MAIL" title="">KNOP</a></li>
<li><a href="Pagina.html" title="">KNOP</a></li>
<li><a href="#" title="">KNOP</a></li>
</center>
</div>
<br />
<br />
<br />
<br />
</tr>
</table><marquee>*** TEKST ***</marquee>

</div>
 
Heb je het ergens online staan?

En <center>-tags moet je niet gebruiken. Die zijn al sinds de komst van HTML 4.0 'deprecated', verouderd.
 
staat op www.feestcomiteoudendijk.be

rechts bovenaan kan ik het maar niet goed centreren. De naam Feestcomite Oudendijk wel maar de knoppen eronder niet.

Mischien nog een kort vraagje, hoe zet ik de letter é op de website? Wanneer ik deze er wil opzetten laat hij een streep zien.
 
Je hebt in je stylesheet staan:

PHP:
#buttons a {
	display: block;
	float: left;
	width: 135px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	color: #60780E;
	font-weight: bold;
	font-size: 18px;
	padding-top: 13px;
	margin-right: 12px;
}

Dat

PHP:
float: left;

Zorgt ervoor dat ze tegen de kant gaan hangen als het ware.

Haal dat eens weg en maak van:

PHP:
display: block

PHP:
display:inline

of

PHP:
display: inline-block
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan