dropdown menu probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Cobol Applicatieontwikkelaar

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving In de applicatie ETM

Bekijk vacature »

IoT Software Developer PHP

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een IoT software developer met kennis van PHP. In deze rol wordt je verantwoordelijk voor het vernieuwen van het multimedia platform van een super tof bedrijf in Breda. Je gebruikt PHP als programmeerlaag, en bent in staat om de helicopterview te pakken / projectmatig te werken. Jouw werkzaamheden zien er als volgt uit: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "intern" ontwikkelde multimedia platform. Je neemt de lead in het moderniseren van het platform door het deels opnieuw op te zetten of

Bekijk vacature »

Developer

Functie omschrijving In deze functie ga je werken als C# Developer. Jij gaat aan de slag met de volgende taken: Maatwerk software bouwen; Huidige softwareprojecten verder uitbouwen en optimaliseren; Ideeën van de klant omzetten naar handige oplossingen en tools; Bovenstaande doe je middels de Microsoft- stack: C#, ASP.NET en MVC/ Entity Framework. Ben je net afgestudeerd aan een HBO opleiding Informatica, aarzel dan niet om te solliciteren. Dit is namelijk de ideale startersfunctie! Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Het is van oorsprong een familiebedrijf, die gestart zijn met het bouwen van websites. Dit is door

Bekijk vacature »

Backend developer

Functie omschrijving Ben jij graag bezig met de back-end van applicaties? Zou je dit graag willen doen voor een kleine werkgever waar ook tijd is voor een drankje op zijn tijd? Je taken hierbij zullen bestaan uit: Gebruik maken van de volgende technieken: .NET (core), C#, SQL, XML, MVC, JSON, REST & SOAP API. Gebruik maken van de volgende tools: Visual Studio, GIT, Jira, Jenkins. Bovengenoemde technieken en tools ga je gebruiken om: Nieuwe functionaliteiten te ontwikkelen. Wijzigingsverzoeken van klanten uitvoeren. Verzorgen van koppelingen tussen data. Bedrijfsprofiel Jouw nieuwe werkgever bevindt zich in regio Raamdonksveer en bieden oplossingen op gebied

Bekijk vacature »

Technical Asset Specialist Substations

TenneT is growing fast to realize its strategic ambitions. We play a leading role in driving the energy transition. We are looking for a passionate Technical Asset Specialist for substations (onshore and offshore) at our location in Arnhem who will contribute to this and that might be you? Your contribution to TenneT We are searching for a motivated and engaged colleague as a technical asset specialist (onshore and offshore) for instrument transformers and surge arresters, with preferably a strong background in the area of insulation coordination. As a specialist for insulation coordination you are responsible for overarching topics regarding insultation

Bekijk vacature »

Lead Java Developer

Dit ga je doen Je taken bestaan onder andere uit: Het aansturen van een development team bestaande uit 8 collega's op technisch maar ook HR gebied; Het maken van strategische keuzes omtrent de (nieuw)bouw van deze applicatie; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java, Spring, Angular, REST); Reviewen van code en feedback geven op collega developers. Hier ga je werken Als Lead Software Developer ben je verantwoordelijk voor één van de vier Agile Java ontwikkelteams die bouwen aan technologie die duizenden instanties wereldwijd verbindt. Dit Agile team, data Jira en Confluence gebruikt en

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Voor een mooi softwarebedrijf in omgeving Ridderkerk zijn wij op zoek naar een Embedded Software developer. Ben jij enthousiast en een echte team player? Lees dan snel of dit iets voor jou is! Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Laat dan snel wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot

Bekijk vacature »

Typescript Developer / Cloud platform

Dit ga je doen (Door)Ontwikkelen van het cloud platform; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het cloud platform; Sparren met de business. Hier ga je werken Onze opdrachtgever, gevestigd in regio Eindhoven, levert een compleet dienstenpakket op het gebied van IT. Zij pakken verschillende (complexe) vraagstukken van grote organisaties op. De sfeer intern is gezellig en informeel. Men houdt van hard werken maar gezelligheid door middel van een borrel of gezamenlijke lunch komt er veel voor. Als Typescript ontwikkelaar word je onderdeel van het team gericht op de (door)ontwikkeling van hun eigen cloud platform welke wordt

Bekijk vacature »

Traineeship IT regio Amsterdam/Utrecht

Wat ga je doen? Het traineeship begint met een fulltime maand cursussen en praktijkdagen, waarin je de basis van het IT-vak leert op de Shared Servicedesk (SSD). Daarnaast ga je meteen aan de slag voor je eerste certificering! (ITILv4). Je start in een groep met 4 tot 10 deelnemers, waarmee jij gedurende die maand optrekt en je kennis kunt delen. Na het voltooien van de eerste maand ga je direct voor een langere periode aan de slag bij één van onze klanten of blijf je intern bij ons op de Shared Servicedesk. Je bent het eerste aanspreekpunt van de eindgebruikers

Bekijk vacature »

Senior Software developer PHP

Functie Jij als senior PHP ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 developers binnen onze organisatie Jij gaat de brug zijn tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je je taken op voor de dag. Een greep van jouw taken zijn: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden met Security & Privacy Eisen • Minimaal 4

Bekijk vacature »

Software developer - C Sharp

Functie omschrijving Heb jij interesse in het programmeren en ontwikkelen van software? En heb jij enige ervaring met Oracle databases en PL/SQL? Wij zijn voor een leuke opdrachtgever in omgeving Naaldwijk op zoek naar een software ontwikkelaar die graag werkt met C#, JAVA of Oracle. Wij zoeken iemand die breed inzetbaar is en die aan veel verschillende applicaties wilt werken. Als software developer werk je met je collega's samen in een leuk en informeel team aan het (her)ontwerpen van bedrijfssystemen. Je houdt je bezig met het ontwikkelen van REST API's en je onderhoudt applicaties in Oracle PL/SQL en APEX. Vind

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Fullstack of back-end PHP developer

Functie Ieder onderdeel van de software draait op aparte servers en het bestaat dus echt uit verschillende componenten. Het team bestaat uit 4 developers, een klein team dus met korte lijnen. Alles in intern ontwikkeld en je werkt aan alle facetten. Van uitbreiding van de core tot maatwerk voor de klant. Ook liggen er verschillende uitdagingen op servervlak en databases. Je zult de eerste periode veel samenwerken met de lead developer om vervolgens echt je gang te gaan binnen de software. In het team streven ze naast de hoogst haalbare kwaliteit. Hiervoor werken ze nauw met elkaar samen en levert

Bekijk vacature »

Database Developer

Functieomschrijving Heb jij ongeveer 3 jaar ervaring als Database Developer met MS SQL of een vergelijkbare database? Wil jij werken voor een ambitieuze werkgever in regio Tilburg waar jij volledig de mogelijkheid krijgt jezelf te ontwikkelen? Lees dan snel verder! Hoe ziet jouw takenpakket eruit? Je gaat projecten gedurende het hele proces begeleiden. Je sluit aan bij afspraken met klanten om hun processen helder te krijgen. Vervolgens voer jij het project uit en zorgt dat dit zo goed mogelijk verloopt; Je werkt aan nieuwe softwareoplossingen die de logistieke processen verbeteren of vernieuwen; Je houdt je bezig met het ontwikkelen van

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Als junior .NET Developer lever je met jouw oplossingen direct een bijdrage aan de bedrijfsprocessen van de klanten. Werkzaamheden waar jij je zoal mee bezig houdt zijn; Het ontwikkelen, onderhouden en optimaliseren van de draaiende platforms van de klanten; Softwareontwikkeling middels C#, .NET; Klantcontact om de wensen te bespreken en uit te werken; Optimaliseren van de (huidige) bedrijfsprocessen; De IT-afdeling bestaat uit 30 personen verdeeld over 3 teams. Het team waar je in terecht komt bestaat uit ongeveer tien man. Het is een team wat bestaat uit betrokken collega’s, waar iedereen bereidt is om elkaar te

Bekijk vacature »
Mr Beronne

Mr Beronne

09/02/2011 17:19:26
Quote Anchor link
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)
PHP script in nieuw venster Selecteer het PHP script
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
<!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"><!-- wrapper om hele site -->

    <div id="bg-image"></div>
    
    <div id="menu-balk"><!-- begin menu -->
        
        <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><!-- einde menu -->
</div><!-- einde wrapper site -->

</body>



CSS:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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;    
}
/* ---------------- */
 
PHP hulp

PHP hulp

24/12/2024 13:21:54
 
Justin S

Justin S

09/02/2011 17:21:45
Quote Anchor link
Volgens mij moet je de hover op het UL element plaatsen in z'n algemeenheid en niet op de link. Probeer dat eens.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.