Help!

[pepyn19]

bekijk deze link even voor de uitleg ik snap gewoon niet waarom het niet werkt.
Please help mij

alvast bedankt

http://www.sitedeals.nl/html-xhtml-a...d-krijgen.html

[Triloxigen]

Zo werken topics hier niet..

[KristianT]

Haal eerst alle dingen die je niet nodig hebt voor het menu uit de html code en probeer het dan nog eens.
Dan kan je stap voor stap dingen uitproberen zonder dat je last hebt van andere elementen.

[Piwi-Web]

één voor één debuggen gewoon? Moeten wij ook als iets niet werkt en dan leer je er ook nog van!

[Mikey]

Hmm ik wist niet dat we schooljeugd moesten helpen met hun huiswerk opdrachten... cctje naar ROC Friese Poort Drachten

[ronniekoesterin]

Beste,
Ik vraag om hulp, volgens mij is daar niks mis mee.. Uiteraard wil ik het zelf doen, maar als je ergens niet uit komt dan mag je volgens mij om hulp vragen. Ik wil niet dat alles voor gekauwd word, maar ik wil ervan leren. Wij krijgen namelijk les van een docent die zegt kopieer dit en plak het daar.. En hij denkt dat we daar van leren, en nu zie je het ik wil het alleen doen en het lukt niet.

Het gaat dus alleen om hulp en ik wil niet dat het voorgekauwd word, dus mijn huiswerk doe ik nog altijd zelf.

Met vriendelijke groet,
Ronnie Koestering

[Mikey]

Prima, begin maar te vertellen wat je gedaan hebt en wat er fout gaat. Wat je nu doet is, dit heb ik, maar het werkt niet... Denk dat je daarmee weinig response zal krijgen hier.

[ronniekoesterin]

Uiteraard heb ik eerst de website in photoshop gemaakt, daarna heb ik het 'gesliced' daar heb ik vier plaatjes voor gebruikt, namelijk het menu zelf (het ronde) en drie plaatjes voor hover, namelijk links, midden en rechts.. midden heb ik toegevoegd aan de hover. Links en rechts niet (dit zijn de 2 rondingen).

Dit is mijn stylesheet wat ik gescript hebt:

#menu {background:url(../images/menu.png) no-repeat; width:892px; height:30px; padding:5px;}
#menu ul {list-style:url(../images/menu_streepje.png); margin:0; padding:0}
#menu li {display:inline; font-weight:bold; height:30px; padding:10px}
#menu li a {width:15px; height:30px; padding: 25px 0 0 15px}
#menu li a:hover {background:url(../images/menu_hover_02.png) repeat-x}
#menu li a.active {background:url(../images/menu_hover_02.png) repeat-x}

Maar ik snap echt niet waarom hij niet goed staat, ze verschillen ook nog in IE en FF!

[SF-Jeroen]

Dat is vaak zo, het verschillen in IE en FF. Vooral IE 6.0 is een ramp, dat mensen dat nog gebruiken tsja.

[ronniekoesterin]

Ik weet dat je dat kan oplossen met verschillende stylesheets, maar toch weet ik dat als je het goed doet, en goed gebruikt maakt van clear:both; dat het redelijk gelijk moet zijn.

[Mikey]

Ik weet dat je dat kan oplossen met verschillende stylesheets, maar toch weet ik dat als je het goed doet, en goed gebruikt maakt van clear:both; dat het redelijk gelijk moet zijn.

Dan is je probleem toch opgelost ?

[ronniekoesterin]

Uhm, nee.

Het gaat erom dat het eruit moet komen te zien als:
http://i49.tinypic.com/102uh4z.jpg
Ik krijg de tekst, en de hover niet op de juiste plek.

[marsipulami]

OFFTOPIC: loopt hij nu te posten onder twee accounts?

[ronniekoesterin]

Beste,
pepyn19 is een klasgenoot, hij poste hem op deze site, en later heb ik me even hierop aangemeld om het een en ander uit te leggen en ik het een handige site vind.

[GuusDeGraeve]

Eerst en vooral, de hover/active van die knoppen kan je sowieso niet enkel met css doen, of toch zeker niet supported in IE6. Ik zie dat er een kleine schaduw en rounded corners opzitten.

Je zal dus voor de hover/active van die knoppen een background-image moeten maken en bij :hover en class .active ofzo de backround-image van die knop instellen.

Al zit je dan nog met een probleem aangezien je knoppen verschillen van width, je zal dus eigenlijk je knoppen al in 3 delen moeten verdelen (left, center, right) om het perfect te krijgen.

Het komt er eigenlijk op neer dat het een behoorlijk irritant menu is om na te maken.

Wat je css betreft, ik zie veel padding en margin en andere dingen die behoorlijk overbodig zijn. Probeer eerst eens na te denken van hoe je het menu in elkaar steekt en begin er dan aan.