menu centreren binnen een div

[ikt]

Hallo.

Hoe centreer ik een horizontaal menu (zit ook in een div, maar die omvat het menu (ul en li en die shit) niet) binnen een <div>?

[Donald F. Duck]

Als ik centreer (weet niet of het ook op jouw manier werkt) gebruik ik in CSS:

div.ikt {
margin: 0px auto;
}

Je moet dan wel zorgen dat je een DOCTYPE in je bestand hebt, anders werkt dit niet goed in Internet Explorer.

[Kloep]

Als ik eenmalig iets wil centreren, doe ik vaak het volgende

<center><div>blablabla</div></center>

Lekker simpel.

[ikt]

Als ik eenmalig iets wil centreren, doe ik vaak het volgende

<center><div>blablabla</div></center>

Lekker simpel.

Dat zal ik eens proberen dan. Is dat wel XHTML? Want ik moet het in XHTML doen.

[Kloep]

Dat vind ik een lastige vraag. Ik dacht van wel, maar ik weet niet wat de verschillen zijn. Dus als iemand dit even kan bevestigen?

Heb het even opgezocht, en ik ben er nu zeker van dat bovenstaande code in XHTML is. Voor de verschillen tussen XHTML en HTML heb ik hier gekeken.

Bewerkt: 21 januari 2011 door Kloep

[ikt]

Thanks all

Nu heb ik een andere vraag. Sorry :$

Nou, je kent wel van die sites waar je klik doet op een linkje in een verticaal menu, en dat op een of andere manier een pagina wordt. (zie plaatje)

Is het beter om in dit geval iframes te gebruiken dan hele pagina's? Ik heb zo'n 10 links die elk bij een klik worden uitgebreid. Alleen weet ik niet of iframes wel zo netjes zijn, als hele pagina's. (Ik vind hele pagina's bloat, maar iframes eng)

[Kloep]

Tjah, dat is eigenlijk persoonlijk.

Ik maak nooit gebruik van IFrames. Naar mijn mening zijn ze onhandig en maken je website er niet mooier op. Ik maak meestal gewoon geheel nieuwe pagina's (die moet je toch wel schrijven voor een IFrame).

[ikt]

Tjah, dat is eigenlijk persoonlijk.

Ik maak nooit gebruik van IFrames. Naar mijn mening zijn ze onhandig en maken je website er niet mooier op. Ik maak meestal gewoon geheel nieuwe pagina's (die moet je toch wel schrijven voor een IFrame).

Oh.

Mijn situatie:

Ik heb een site met menu en al. Die site is gewoon prima. Dan is er 1 pagina met nog een menu erin. Nu wil ik daarvoor niet voor elke 10 sub dingen een hele pagina opnieuw maken. Ik heb een beetje gefrutseld, en als ik iframes gebruik, ziet het er goed uit en is de map met de bestanden overzichtelijk. (files/sub1.html etc).

Ik weet alleen niet, hoe ik een iframe laat openen

Zie 7chan.org voor iets vergelijkbaars

Bewerkt: 25 januari 2011 door ikt

[Kloep]

A ok.

Je wilt (als ik je goed begrijp) de IFrame pas laten openen op het moment dat je er met de muis overheen gaat?

[ikt]

A ok.

Je wilt (als ik je goed begrijp) de IFrame pas laten openen op het moment dat je er met de muis overheen gaat?

Pas als ik erop klik.

Ik heb het iframe erin gekregen, alleen weet ik niet hoe ik in de hrefs van het menuutje zorg dat die het iframe in dezelfde pagina opent.

Ik gebruik trouwens <object> in plaats van <iframe> omdat <iframe> blijkbaar niet meer bestaat in xhtml.

Bewerkt: 25 januari 2011 door ikt

[Kloep]

<object> heb ik nog nooit van gehoord, dus ik ga gewoon met <iframe> werken. Die werkt bij mij ook.

Op de plaats van het menu:

<ul>
 <li><a href="test1.html" target="iframe">Pagina 1</a></li>
 <li><a href="test2.html" target="iframe">Pagina 2</a></li>
 <li><a href="test3.html" target="iframe">Pagina 3</a></li>
</ul>

Links achter href en teksten tussen linkcodes zelf aanpassen.

Op de plaats waar het IFrame moet komen te staan:

<iframe src="test1.html" name="iframe" width="100%" height="150">
IFrame helaas niet mogelijk.
</iframe>

Link achter src zelf aanpassen, dit moet de eerste pagina worden die je ziet.

Ook kun je de hoogte en breedte van het IFrame zelf aanpassen.

Bewerkt: 25 januari 2011 door Kloep

[ikt]

<object> heb ik nog nooit van gehoord, dus ik ga gewoon met <iframe> werken. Die werkt bij mij ook.

Op de plaats van het menu:

<ul>
 <li><a href="test1.html" target="iframe">Pagina 1</a></li>
 <li><a href="test2.html" target="iframe">Pagina 2</a></li>
 <li><a href="test3.html" target="iframe">Pagina 3</a></li>
</ul>

Links achter href en teksten tussen linkcodes zelf aanpassen.

Op de plaats waar het IFrame moet komen te staan:

<iframe src="test1.html" name="iframe" width="100%" height="150">
IFrame helaas niet mogelijk.
</iframe>

Link achter src zelf aanpassen, dit moet de eerste pagina worden die je ziet.

Ook kun je de hoogte en breedte van het IFrame zelf aanpassen.

Heel veel dankjewel Ik heb Google afgestruind, maar ik heb niets gevonden. Danku.

[.Timothy]

Is dat wel XHTML? Want ik moet het in XHTML doen.

Het element hoort niet meer gebruikt te worden (deprecated), want hiervoor zijn tegenwoordig CSS-attributen voor die ook prima werken (float). Voor een optimale validatie zou je dus een andere oplossing moeten vinden, wat zoals ik al zei, ook met float is te doen.

[ikt]

Met <object> kun je 'externe' dingen laden. Mij lukt het bijna, wat ik wil.

Edit: Het lukt niet.

Bewerkt: 25 januari 2011 door ikt

[Flitskikker]

Met <object> kun je 'externe' dingen laden. Mij lukt het bijna, wat ik wil.

Edit: Het lukt niet.

Waarom niet?

Iframes hoor je trouwens eigenlijk ook niet meer te gebruiken. In plaats daarvan zou je jQuery kunnen gebruiken om met Ajax de pagina in de inhoud-div te laden.