[HTML] Centreren menubalk

[view]

Ik heb na veel uren zweten een website gemaakt met een menubalk.

Dit is een "dropdown" menubalk en staat in zijn geheel in de index.html

Het probleem is dat ik deze niet precies in de midden van de pagina krijg.

De bewuste website : http://www.lpam.nl

Hij staat steeds gericht op links en kan er maar weinig aan veranderen.

Het stomme is dat bij elke andere beeldinstelling het geheel weer uit het midden staat

Hoe krijg ik dit voor elke beeldinstelling netjes gecentreerd?

 

[Kowalski]

Ik neem aan dat je de gehele groene balk wilt centreren.

Voeg eens de breedte toe aan de style ul#navbar, dan zou het moeten werken:

 

Code:

ul#navbar {margin:0 auto;width:1000px;}

[view]

Hoi Frank,

 

die zit er nu tussen, dank voor de tip!

 

Op een laptop staat het nu goed.(Firefox + Linux systeem)

 

Op een PC is het volgende:

IE8 - alles ok, netjes in de midden.

Firefox (3.6.10) daar staat het nog naar links gericht.

Ik moet er wel bijvermelden dat het op de PC nog om een oud 14" scherm gaat.

Misschien dat daar het euvel in zit.

 

 

[Gast Kimble]

Ja kan kloppen. Op een oude lapdoos zie ik de wereld ook anders dan op mijn 21" breedbeeld en sommige sites zijn niet helemaal daarop gebouwd.

 

Zou het eea compatible maken voor een 15,8 breedbeeld laptop en het is voor 14" iets meer scrollen en keurig op 15,8" en 17"

 

Anders zou je het verhaal in 3 frames kunnen zetten op 15-70-15% en dan zal iemand met een breed scherm meer groen links en rechts hebben zoals jou website. Is beslist niet hinderlijk voor een bezoeker.

[Kowalski]

Origineel bericht van: view

Firefox (3.6.10) daar staat het nog naar links gericht.
Ik moet er wel bijvermelden dat het op de PC nog om een oud 14" scherm gaat.

Ik heb ook firefox 3.6.10 maar hier staat het nu keurig in het midden, maar ik heb dan wel een 24" scherm.
Het beste hou je rekening met de breedte die de meeste bezoekers kunnen zien zonder te scrollen. Als alle tekst leesbaar in beeld is bij 1000 pixels dan is dat prima. Dat kan iedereen vanaf resolutie 1024x768 en hoger de website zien zonder horizontaal te scrollen. Dat is zeker zo'n 96% van de bezoekers volgens de statistieken. De bezoekers die nog een resolutie van 800 x 640 gebruiken (minder dan 4%) moeten dan maar scrollen (pech gehad). Zoals Kimble eigenlijk ook al opmerkt.

[Puch]

Proficiat met je eerste site!

 

Mag ik een kleine opmerking maken?

 

Heel wat links die in het menu staan, maar toch bij de site horen, gaan open in een popup of nieuw venster.

 

Dit zou ik ten aller tijde vermijden.

Wat je beter doet is voor elke pagina die je maakt vertrekken van de index.html. Onder het menu zet je de tekst die bij de pagina hoort en slaat de pagina op onder een nieuwe naam.

Op deze manier staat het menu op iedere pagina en kunnen bezoekers altijd zonder te moeten gebruik maken van de back pijltjes of toetsen.

 

Het nadeel van deze manier van werken is als er iets veranderd in het menu, je dat op iedere pagina moet gaan doen.

 

Dit zou je dan kunnen oplossen php. Eén keer het menu maken en het telkens invoegen in de pagina. Het voordeel van deze manier is dat slechts 1 keer het menu moet aanpassen bij verandering.

 

Enkel pagina's in een nieuw venster laten openen als het echt een link naar een andere website is.

Op deze manier blijft ook jou site open staan.

 

Veel succes

 

 

[view]

Hallo allemaal,

 

Kimble, Frank em Puch, dank voor de bloemen en de topis.

De site is nu, zoals Frank al schreef, aangepast op de grootste groep op het internet.

Dus die 4% moeten het dan maar met scrollen doen, daar kan ik wel mee leven.

 

Tevens heb ik de raad van Puch ter harte genomen en de popup optie weggehaald.

Alleen bij de externe links laat ik dit dan staan.

 

Super deze ondersteuning, merci!

[Puch]

Origineel bericht van: view

Tevens heb ik de raad van Puch ter harte genomen en de popup optie weggehaald.
Alleen bij de externe links laat ik dit dan staan.

Prima werk

Misschien er nog voor zorgen dat de bezoeker (via een link op de pagina's) terug naar de index pagina kunnen.

btw, de html code is echt een ramp!
Met welk programma heb je die website gemaakt?

[view]

Hoi Puch,

 

alles met behulp van een boekje "basiscursus html" met het handje geschreven.

De code van de menubalk is met behulp van Google gevonden. Dus ik ben een echte beginneling

Maar mocht je tips hebben om het een en ander op te schonen of beter te plaatsen, zou ik je heel dankbaar zijn.

[view]

Even nog een reactie.

Om de html code te checken heb ik een link gevonden die het geheel nakijkt en aanpast !

http://infohound.net/tidy/ (is geen commerciële link)

Ik hoop dat de html nu goed is

 

Groet, view.

[Big fellow]

Installeer FireFox (zowiezo een slim idee ) en dan de Web Developer toolbar. Die kan goed van pas komen.

 

Je kan ook je source code testen op http://validator.w3.org

 

In je code zitten nogal wat fouten: CHECK

 

Als je die oplost, dan zal je zien dat je website in de verschillende browsers beter/hetzelfde eruit ziet.

[view]

Hallo Big fellow,

 

als ik de errors bekijk is het best wel een hoop wat ik moet rechtzetten.

Maar zodra ik er 1 opgelost heb komt hij verder in het verhaal en heb ik er ineens 10 of 12 erbij.

Dat schiet dus niet echt op.

Het ergste van het verhaal is dat ik van sommige meldingen veel niet van snap.

 

Ik zal eens een voorbeeld geven:

Citaat:

Error Line 106, Column 35: character ";" not allowed in attribute specification list

Code:

for(var i=0;i<menuitems.length;i++){

 

Tja, wat nu? Moet ik het ; teken weghalen? Als ik dat doe krijg ik er weer een error bij

 

[Gast vandoorn]

Gewoon je website maken met

http://www.wysiwygwebbuilder.com/nl/index.html

gr. Geert

[view]

Hallo vandoorn,

 

dank voor de tip, het is echter al gelukt met de tip van Frank67. Het menubalkje zit nu netjes in de midden.

Tevens kan ik met de huidige code op de site goed overweg en is voor mij eenvoudig om bij te houden.

 

 

Groet, view.