Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 2.5 die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
topmenu centreren.
topmenu centreren.
23 aug 2012 02:06
Ik kom ergens niet uit.
Ik wil het topmenu in zijn totaliteit centreren. Met het commando float kan het wel links of rechts van de pagina worden uitgelijnd.
Nu heb ik wel een trucje gevonden:
width: 924px;
margin: 0 auto;
Maar dat werkt helaas niet altijd.
Het moet toch mogelijk zijn om met een simpele CSS commando left, center of right uit te lijnen?
De template die ik gebruik is gored_ultra_lernvid.com-j1.6.
En de menumodule die gebruikt wordt is IceMegaMenu Module
Ik wil het topmenu in zijn totaliteit centreren. Met het commando float kan het wel links of rechts van de pagina worden uitgelijnd.
Nu heb ik wel een trucje gevonden:
width: 924px;
margin: 0 auto;
Maar dat werkt helaas niet altijd.
Het moet toch mogelijk zijn om met een simpele CSS commando left, center of right uit te lijnen?
De template die ik gebruik is gored_ultra_lernvid.com-j1.6.
En de menumodule die gebruikt wordt is IceMegaMenu Module
- bbcs
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 85
topmenu centreren.
24 aug 2012 01:47
Hoi,
Ik zal hier uitleggen hoe ik zoiets oplos, dit is vast niet de enige manier, maar het is een manier. Voeg wel eerst alle menu items toe, anders kun je weer opnieuw rekenen.
Om het menu in het exacte midden te krijgen, moet je de lengte van de menu items weten:
In dit geval even 196/2= 98px
En de volledige lengte van het vak waarin het menu komt 924/2=462px
462-98=364px
Vervolgens voeg je aan de CSS class, (zoals hier in het voorbeeldje) ul.Jul-hmenu het volgende toe/wijzigen:
Ik zal hier uitleggen hoe ik zoiets oplos, dit is vast niet de enige manier, maar het is een manier. Voeg wel eerst alle menu items toe, anders kun je weer opnieuw rekenen.
Om het menu in het exacte midden te krijgen, moet je de lengte van de menu items weten:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Login of registreer om deze te zien.
In dit geval even 196/2= 98px
En de volledige lengte van het vak waarin het menu komt 924/2=462px
462-98=364px
Vervolgens voeg je aan de CSS class, (zoals hier in het voorbeeldje) ul.Jul-hmenu het volgende toe/wijzigen:
Code:
position: absolute;
float: left;
left: 364px;
Groetjes, Julian. Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen via dit forum |
- Juliank92
- Algemeen Moderator
- Berichten: 1722
topmenu centreren.
24 aug 2012 02:00
In ieder geval bedankt voor de tip.
Maar wat ik totaal niet begrijp:
Bij het commando float is alleen left en right mogelijk.
waarom niet center? Dan lijnt die de betreffende item ten aller tijden exact in het midden uit.
Wat ik op internet tegenkom, is dat iedereen in de raarste bochten moet wringen om dat ding gecentreerd te krijgen.
Als ik een plaatje bijvoorbeeld ten opzichte van de content plaats wil centreren, geef ik dus center als syntax op. Waarom kan dat bij menu's niet?
Maar wat ik totaal niet begrijp:
Bij het commando float is alleen left en right mogelijk.
waarom niet center? Dan lijnt die de betreffende item ten aller tijden exact in het midden uit.
Wat ik op internet tegenkom, is dat iedereen in de raarste bochten moet wringen om dat ding gecentreerd te krijgen.
Als ik een plaatje bijvoorbeeld ten opzichte van de content plaats wil centreren, geef ik dus center als syntax op. Waarom kan dat bij menu's niet?
- bbcs
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 85
topmenu centreren.
24 aug 2012 08:02
Hoi,
Met een plaatje werkt dit anders, hiermee kun je de tag voor het centreren gebruiken, en uitlijnen met align optie binnen de img tag.
Met float heb je de volgende mogelijkheden; right, left, none, inherit(deze laatste wordt bij IE pas van af IE9 volledig ondersteund).
Om niet verder van het topic aftedwalen, is je vraag beantwoord?
Met een plaatje werkt dit anders, hiermee kun je de tag voor het centreren gebruiken, en uitlijnen met align optie binnen de img tag.
Met float heb je de volgende mogelijkheden; right, left, none, inherit(deze laatste wordt bij IE pas van af IE9 volledig ondersteund).
Om niet verder van het topic aftedwalen, is je vraag beantwoord?
Groetjes, Julian. Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen via dit forum |
- Juliank92
- Algemeen Moderator
- Berichten: 1722
Tijd voor maken pagina: 0.922 seconden