Legend in het midden

Door Jelle - op 10-08-2006 18:06

869 views

Standaard staat de legend links, maar hoe krijg je deze in het midden?

Als ik het een margin-left geef dan gaat hij wel meer naar rechts, dus het lijkt me mogenlijk.

margin: auto; werkt niet.

Edit
Ben er achter gekomen dat het kan met align="center"
maar dit mag niet in xhtml 1.1 strict.

Heeft iemand een andere optie?
En het liefst eentje die ik in css kan bewerken. Zodat dit makkelijk voor elke legend geld.

Jelle -

11-08-2006 15:21

Ik kan het niet vinden (Bump Bump :-P)

Ponzi

11-08-2006 15:23

Ik heb het gisteren of vandaag al op een website gezien... geef mij eventjes dan zal ik alle history eens doorbladeren ;) !

PHP Newbie

11-08-2006 15:24

margin-left: auto;
margin-right: auto;

Ponzi

11-08-2006 15:26

Gevonden :)

Dit staat in de css


fieldset.loadup {
    float:              none;
    clear:              both;
    frameborder:	0;
}

en dit is de HTML


			<fieldset class="loadup">
			<legend align="center">
			<b>Tekst</b>
			</legend>
			</fieldset>

Heb het niet getest (geen tijd nu), hopelijk ben je er iets mee ;) !

Oh ja :) Linkje... > http://loaditup.saimen.nl/

Jelle -

11-08-2006 15:45

PHP Newbie schreef op 11.08.2006 15:24
margin-left: auto;
margin-right: auto;

Dit werkt niet, heb ik al geprobeert, het staat overgens in me post.

Jelle -

11-08-2006 15:47

Ponzi schreef op 11.08.2006 15:26
Gevonden :)

Dit staat in de css
fieldset.loadup {
    float:              none;
    clear:              both;
    frameborder:	0;
}
en dit is de HTML
			<fieldset class="loadup">
			<legend align="center">
			<b>Tekst</b>
			</legend>
			</fieldset>
Heb het niet getest (geen tijd nu), hopelijk ben je er iets mee ;) !

Oh ja :) Linkje... > http://loaditup.saimen.nl/

Hier wordt hij inderdaad gecentreerd en dat komt door '<legend align="center">'. Maar dat mag niet in xhtml1.1strict. had ik overgens ook al gezegt in me eerste post :-p

Alsnog bedankt mannen :-)

Iemand anders nog een idee?

PHP Newbie

11-08-2006 15:48

dan doe je toch iets verkeerd, geef even een linkje naar je pagina, dan kijk ik even

Ponzi

11-08-2006 15:50

Kan je niet zoiets doen dan in je css:


legend
{
text-align: center;
}

Of zou de validator daar ook over vallen( als het überhaupt al werkt).

DIe eerste post had ik gisteren al gelezen meteen nadat jij hem had geplaatst en had dus de edit niet gezien omdat ik meteen naar onder scrolde ;) ! Maar toch sorry daarvoor :) . Ik vind niet meteen iets, zal nog eventjes zoeken

Success !

Ponzi

11-08-2006 15:53

Ben er weer, kwam juist effe dit tegen:

In HTML 4.0 heeft het ALIGN attribuut het label afgekeurd gekregen. Er is op dit moment geen alternatief met behulp van stijlen. Het gebruik van afgekeurde elementen en attributen blijft voorlopig echter nog toegestaan.

Geeft de validator (http://validator.w3.org) echt een fout? Volgens dit tekstje niet, maar je maakt gebruik van xHTML. Dit gaat immers over HTML...

Jelle -

11-08-2006 15:57

PHP Newbie schreef op 11.08.2006 15:48
dan doe je toch iets verkeerd, geef even een linkje naar je pagina, dan kijk ik even

Voorbeeld online
En de code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <style type="text/css">
      <!--
      fieldset {
        border: 2px solid #9f9f9f;
        padding: 0 5px 5px 5px;
        width: 450px;
        margin: auto;
      }
      legend {
        padding: 5px;
        border: 1px solid #9f9f9f;
        background-color: #eee;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
      }
      -->
    </style>
  </head>
  <body>
    <fieldset>
      <legend>Nieuws</legend>
      test test test<br />
      test test test<br />
      test test test<br />
    </fieldset>
  </body>
</html>

Reageren

Inloggen om te reageren