login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS-menu verspringt bij mouseover

Offline jc2 - 09/11/2009 22:15 (laatste wijziging 10/11/2009 13:22)
Avatar van jc2PHP interesse Ik ben bezig met een horizontaal menu i.c.m. een dropdownmenu.
Dit werkt inmiddels al aardig, maar nu heb ik het probleem dat wanneer ik over één van de links met een submenu beweeg, het horizontale menu mooi verschijnt, maar de ernaast gelegen link een stuk naar rechts opschuift.
Dit is niet de bedoeling.
Heeft iemand een idee hoe het op te lossen is dat als je over een link met submenu gaat, de overige links op hun plaats blijven en alleen het submenu er vlak onder verschijnt?

Update 1+2:
URL website:
http://bit.ly/2ImnkR

URL css & html:
http://bit.ly/2jZ9PT

De links met een submenu zijn:
- Ut gevollug onder Archief
- T-sjirts onder Websjop

Hier staat een plaatje zoals ik het zou willen hebben.

Update 3:
Inmiddels heb ik in zowel FF als IE een redelijk goed resultaat.
In FF is het bijna perfect; dit mag zo blijven.
In IE is het ook niet hinderlijk meer, alleen zou ik daar het menu ónder (ipv naast) de mainlink willen hebben.

4 antwoorden

Gesponsorde links
Offline vinTage - 09/11/2009 22:38
Avatar van vinTage Nieuw lid Geen zin om codes te gaan copy'en
Geen zin om code te gaan pasten
Geen zin om een wachtwoord in te voeren

Geef gewoon een url....


Eerste gok, je pagina's standaard en scrollbar meegeven (al dan niet en/disabled)

css code - Bekijk de code zonder highlighting - Klap code in 
  1. html{
  2. 	overflow-y: scroll !important;
  3. 	margin:0px;
  4. 	padding:0px;
  5. }
Offline jc2 - 09/11/2009 22:53 (laatste wijziging 10/11/2009 11:56)
Avatar van jc2 PHP interesse Nee, het heeft niets met een scrollbar te maken.
Ik wil als het ware een menu in een menu maken.

Dit menu ziet er zo uit:
|item1|item2|item3|item4|
|pagina1|pagina2|pagina3|pagina4|

Nu wil ik dit:
|item1|item2|item3|item4|
|pagina1|pagina2|pagina3|pagina4|
.......................| pagina3.1 |................
.......................| pagina3.2 |................

Zie ook de links in eerste bericht.
Offline ArieMedia - 10/11/2009 12:04
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 Zoals Vintage ook al zegt.

Geen zin om codes te gaan copy'en
Geen zin om code te gaan pasten

Post gewoon je CSS code hierzo ipv dat je het ons laat opzoeken .
Offline jc2 - 10/11/2009 13:18
Avatar van jc2 PHP interesse @ArieMedia: ik had de code al gepost via plaatscode, maar omdat VinTage liever de url zag en geen wachtwoord wilde intoetsen, had ik deze vervangen. Nu heb ik de code alsnog op mijn eigen site gezet. Zie de link in eerste bericht.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s