dropdown menu probleem

Full stack developer

Functie Binnen een ontzettend stimulerende werkomgeving kom jij te werken in een software team van 14 developers. Met ontzettend stimulerend bedoel ik een modern pand, wat voorzien is van alle nodige soft- en hardware, zodat jij jouw werk goed kan uitvoeren. Daarnaast zitten ze in een bos, waardoor je in een groene omgeving rustig kunt werken. Het team bestaat uit front end, back end en full stack developers. Jij krijgt dus de keuze hier waar jij jezelf het liefst op zou richten, maar de voorkeur gaat uit naar back end. Er wordt hier Scrum (agile) gewerkt in multidisciplinaire teams met

Bekijk vacature »

Back-end Developer Java

Dit ga je doen Het (door)ontwikkelen van een zelfgebouwde applicatie in Java, Spring Framework, SQL, HTML, CSS en Javascript; End-to-end beheer m.b.t. de applicatie en koppelen van applicaties binnen het landschap; Ontwikkelen van rapportages voor de interne organisatie; Ontwikkelen van aanvullende functionaliteiten m.b.t. de applicatie; Uitvoeren van testen en code reviews. Hier ga je werken Binnen deze organisatie kom je te werken op de afdeling die medische gegevens verzamelt vanuit het hele land. Denk hierbij aan vertrouwelijke persoonsgegevens. Het team verwerkt al deze data met als doel het waarborgen en verbeteren van de kwaliteit van de zorg in heel Nederland.

Bekijk vacature »

Software Developer

Functie omschrijving Heb jij affiniteit met ICT en een WO diploma in de pocket? Dan ben je hier aan het juiste adres. Voor een opdrachtgever in Amsterdam zijn wij op zoek naar kandidaten die (enige) ervaring hebben met Java, Javascript, C of C++. Je zal door middel van trainingen worden opgeleid tot een volwaardige Software Developer. Er wordt tijdens de training natuurlijk veel aandacht besteedt aan de vaktechnische aspecten, maar er gaat ook veel aandacht uit naar jouw persoonlijke ontwikkeling. Bedrijfsprofiel Bij deze opdrachtgever in de omgeving van Amsterdam zoeken ze meerdere enthousiaste kandidaten die hun carriÃ¨re willen starten met

Bekijk vacature »

Back-end Developer (Permanent position with the em

Bedrijfsomschrijving Dutch specialist in technical installation materials. Functieomschrijving Purpose of the position: Our client is looking for a Back-end Developer who, together with the rest of the energetic and dynamic team, is responsible for the development and management of the website. This not only concerns the development and management of the current website, but also the development of a new Headless Commerce Platform to keep the customer's website Future proof. Within the IT department, there is a real DevOps culture and the commerce team is at the forefront and tries to implement continuous improvements. Most important tasks: ï‚· Designing and

Bekijk vacature »

Low Code Ontwikkelaar

In het kort Als Low Code Developer werk je aan projecten bij en voor onze klanten, waarbij je voor het ontwikkelen van de oplossingen een technisch low-code platform gebruikt. Samen met het team streef je naar de beste oplossing en bepalen jullie de juiste aanpak. Je rol is divers en je bent van begin tot eind betrokken bij de ontwikkeling zowel de back-end en de front-end van de applicatie. Naast de ontwikkeling en oplevering, breng je ook advies uit aan de klant waarom bepaalde keuzes worden gemaakt. Je bent dan ook communicatief sterk en kunt je keuzes goed (inhoudelijk) onderbouwen.

Bekijk vacature »

SAP HANA Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 13382 Introductie We is looking for a HANA Developer to work for our client. The candidate has to have an experience in building Data Intensive Applications (DIAâ€™s). The role of a HANA Developer at ASML involves working on building Data Intensive Applications in an industrial/enterprise environment. The primary responsibility is to handle data from various sources and determine the best way to structure it for use by data analysts, who will run queries and algorithms against it for predictive and prescriptive analytics through machine learning. Wat verwachten we van jou?

Bekijk vacature »

Junior PHP Developer

Je maakt een vliegende start van je carriÃ¨re, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior PHP Developer bij Coolblue? Als Junior PHP Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collegaâ€™s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te kunnen maken. Je sterk analytisch vermogen komt dan ook goed

Bekijk vacature »

Mendix Developer

Voor Troostwijk Groep zoeken wij een: Mendix Developer Wij zoeken Je bent een getalenteerde en ervaren Mendix Developer en het is tijd om je horizon te verbreden. Je wilt minder coderen en meer modelleren, minder bezig zijn met allerlei technische details en randvoorwaarden en meer met functionaliteit. Daarnaast ben je trots op de innovatieve en gebruiksvriendelijke applicaties die je in de loop van de jaren hebt gebouwd. Werk je graag in een enthousiast team, wil je veel vrijheid en kun je tegelijkertijd goed met deadlines omgaan, dan ben jij absoluut degene die wij zoeken! Wat je nodig hebt is ruime

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carriÃ¨re. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Frontend Developer

Functieomschrijving Voor de NIPV zijn wij opzoek naar een Frontend Developer. Als Frontend Developer ga jij aan de slag om dashboards te bouwen vanuit het datawarehouse. Dit stelt NIPV in staat om snel en eenvoudig bij correcte bedrijfsvoeringsinformatie te kunnen. Je ontwikkelt dashboards in PowerBI, publiceert en onderhoud die, verzameld en verwerkt feedback in overleg met het ontwikkelteam. Naast dashboards ontwikkel en onderhoud je een datamodel in Excel waarmee adviseurs, controllers en analisten in staat worden gesteld om de gegevens uit de dashboards te raadplegen en anders te filteren of bepaalde gegevens nader te verfijnen, zodat verdiepende vragen kunnen worden

Bekijk vacature »

Backend Developer PHP Laravel SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Backend Guild. Hier ga je werken Voor een snel groeiend bedrijf, in de regio Nieuw Vennep, zijn wij opzoek naar een ervaren Backend Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een

Bekijk vacature »

Front-end Developer

Dit ga je doen Doorontwikkelen van software; Ontwikkelen en testen van nieuwe functionaliteiten; Implementaties van nieuwe functionaliteiten en updates; Verzorgen van technische migraties naar nieuwe frameworks; Verwerken van incidenten. Hier ga je werken Onze klant, gevestigd in de regio Amsterdam, draagt bij aan het verbeteren van de veiligheid en efficiÃ«ntie van de Nederlandse infrastructuur door het ontwikkelen van afgemeten software oplossingen. Zo passen zij location intelligence toe om onderhoud en reparaties efficiÃ«nt te laten verlopen. Verder zorgen deze systemen dat incidenten zo snel mogelijk worden opgelost. Als Front-end Developer ben jij samen met je team betrokken met het (door)ontwikkelen van

Bekijk vacature »

Back end Node.js developer

Functie Het ontwikkelteam bestaat momenteel uit 5 (back-end) Developers, 2 systeembeheerders, 1 DevOps engineer, 1 Tech Lead en 2 Scrum Masters. Samen wordt er doorontwikkeld aan twee SaaS-platformen die in een hoog tempo doorontwikkeld moeten worden. Omdat innovatie een belangrijk speerpunt binnen de organisatie is, wordt er ook continu naar snellere en slimmere oplossingen te bedenken en realiseren. Als Back-end Developer hou jij je dagelijks bezig met vraagstukken zoals: API-development, high volume datastromen, het ontwikkelen van Bots aan de hand van A.I. Daarnaast denk en werk jij mee aan de onlineapplicaties voor klanten. Er wordt zelfstandig en in teamverband gewerkt

Bekijk vacature »

Medior/senior PHP ontwikkelaar E-commerce

Functie Het software development team bestaat momenteel 5 scrum teams . Ieder team heeft een eigen SCRUM Master en eigen tester. Zij werken voornamelijk in PHP en met hun eigen geschreven framework wat Symfony based is . Jij bent samen met je collegaâ€™s verantwoordelijk voor het interne softwaresysteem en alle projecten die daar omheen lopen. Alles wat jij ontwikkelt, wordt direct toegepast en uitgerold (wereldwijd). Dit maakt jouw werk tastbaar en uitdagend! Een greep uit jouw werkzaamheden: Toevoegen en ontwikkelen van nieuwe functionaliteiten Logistieke software ontwikkelen voor intern gebruik Tientallen gigabytes aan data inzichtelijk maken Altijd op zoek gaan naar

Bekijk vacature »

Laravel Developer

Functie omschrijving Voor een gave organisatie in de buurt van Den Bosch zoek ik een PHP developer. Het is van belang dat je kennis/ervaring hebt met het framework Laravel. Jij gaat in deze functie software applicaties ontwikkelen. Deze software projecten zijn heel divers, en deze organisatie maakt software, van A tot Z. Klanten kunnen in elke sector werkzaam zijn, van profit tot non-profit. Andere taken zijn onder andere: documentatie schrijven over applicaties/uitleg geven over software en applicaties/ klantcontact over bestaande applicaties/applicaties optimaliseren. Bedrijfsprofiel Deze organisatie zit in de regio van Den Bosch en is een klein bedrijf. Er werken circa

Bekijk vacature »

Mr Beronne

09/02/2011 17:19:26

Beste mensen,

een tijd geleden heb ik ook hulp gevraagd met een dropdown menu ik heb hem nu bijna klaar. maar ik zit nu met het volgende probleem.

Op website: www.rbvhoogeveen.nl ziet u het menu.

nu heb ik het volgende als u over de links gaat en dan gaat het in dit geval om de link vereniging komt er een drop down menu. als je met je muis naar het drop down gedeeldte gaat springt de hover weer weg bij vereniging. ik heb veel dingen al geprobeerd. door de hover te koppelen aan het drop down gedeeldte.

misschien doe ik het niet goed. Dus mijn vraag is weet iemand hoe ik het moet oplossen.

Hieronder zou ik de html en css posten

HTML:

Code (php)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>R.B.V. Hoogeveen</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/menu.css" />
</head>

<body>
<div id="wrapper">

    <div id="bg-image"></div>

    <div id="menu-balk">

        <div id="navigatie">
            <ul class="nav">
              <li class="current">
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Home</span>
                     <span class="rechter-tab"></span>
                 </a>
                </li>
                    <div class="split"></div>
              <li>
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Vereniging</span>
                     <span class="rechter-tab"></span>
                 </a>
                     <ul>
                             <div class="sub"></div>
                            <li><a href="#">Geschiedenis</a></li>
                            <li><a href="#">Het Logo</a></li>
                            <li><a href="#">Bestuur</a></li>
                            <li><a href="#">Geschiedenis</a></li>
                            <div class="sub-onder"></div>
                      </ul>

                </li>
                    <div class="split"></div>
              <li>
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Teams</span>
                     <span class="rechter-tab"></span>
                 </a>
                </li>
                    <div class="split"></div>
              <li>
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Gallery</span>
                     <span class="rechter-tab"></span>
                 </a>
                </li>
                    <div class="split"></div>
              <li>
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Gastenboek</span>
                     <span class="rechter-tab"></span>
                 </a>
                </li>
                    <div class="split"></div>
              <li>
                    <a href="index.php">
                    <span class="linker-tab"></span>
                    <span class="midden">Contact</span>
                     <span class="rechter-tab"></span>
                 </a>
                </li>
                    <div class="split"></div>
            </ul>
         </div>

    </div>
</div>

</body>

CSS:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178

/* om stippel lijn weg te halen */
.nav a:focus {outline: 0;}
.nav a:active {outline: 0;}
/* ---------------- */

/* div om menu heen */
#navigatie {
    position: absolute;
    width: auto;
    height: auto;
    margin-top: 10px;
}
/* ---------------- */

.nav, nav ul {
    position: relative;
    left: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav li {
    position: relative;
    float: left;
    list-style: none;
    margin-left: 15px;
}

/* stijlen van link */
.nav li a {
    font-family: Calibri;
    font-size: 16px;
    text-decoration: none;
}
/* ---------------- */

/* curve tabs om links */
.nav li span.linker-tab {
    background: url(../images/menu-links.png) left top no-repeat;
    height: 32px;
    float: left;
    padding-left: 5px;
}

.nav li span.midden {
    color: #fff;
    background: url(../images/menu-midden.png) repeat-x;
    height: 31px;
    width: auto;
    float: left;
    margin-top: 1px;
}

.nav li span.rechter-tab {
    background: url(../images/menu-rechts.png) right top no-repeat;
    height: 32px;
    float: left;
    padding-right: 5px;
}
/* ---------------- */

/* hover menu */
.nav li a:hover span.linker-tab {
    background: url(../images/menu-hover-links.png) left top no-repeat;
    height: 32px;
    float: left;
    padding-left: 5px;
}

.nav li a:hover span.midden {
    color: #419fff;
    background: url(../images/hover-midden.png) repeat-x;
    height: 31px;
    width: auto;
    float: left;
    margin-top: 1px;
}

.nav li a:hover span.rechter-tab {
    background: url(../images/menu-hover-rechts.png) right top no-repeat;
    height: 32px;
    float: left;
    padding-right: 5px;
}
/* ---------------- */

/* tussen stuk menu */
.split {
    background: url(../images/split.png);
    height: 31px;
    width: 2px;
    position: relative;
    left: 7px;
    top: -3px;
    float: left;
}
/* ---------------- */

/* current */
.nav li.current span.linker-tab {
    background: url(../images/menu-hover-links.png) left top no-repeat;
    height: 32px;
    float: left;
    padding-left: 5px;
}

.nav li.current span.midden {
    color: #419fff;
    background: url(../images/hover-midden.png) repeat-x;
    height: 31px;
    width: auto;
    float: left;
    margin-top: 1px;
}

.nav li.current span.rechter-tab {
    background: url(../images/menu-hover-rechts.png) right top no-repeat;
    height: 32px;
    float: left;
    padding-right: 5px;
}
/* ---------------- */

/* begin dropdown */

/* boven kant dropdown menu met curve */
ul.nav ul .sub {
    z-index: 1;
    position: absolute;
    background: url(../images/sub-menu-top.png) no-repeat;
    width: 185px;
    height: 9px;
    left: 0px;
    top: -6px;
}
/* ---------------- */

/* dropdown*/
ul.nav ul {
    background: url(../images/sub-menu-midden.png) repeat-y;
    width: 145px;
    height: auto;
    z-index: 1;
    position: absolute;
    top: 32px;
    margin-left: 1px;
    /* verbergt submenu */
    visibility: hidden;
}
/* ---------------- */

/* instellen weergave submenu */
ul.nav li:hover ul    {
    visibility: visible;
}
/* ---------------- */

ul.nav ul li {
    width: 160px;
    margin: 0;
    padding-left: 2px;
    line-height: 30px;
    margin-left: -30px;
    border-bottom: 1px dashed #419fff;
}

/* stijlen van sublink */
.nav li ul a {
    color: #419fff;
    font-family: Calibri;
    font-size: 14px;
    text-decoration: none;
    display: block;
}
/* ---------------- */