drop down menu kleur

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C#.NET Developer

Functieomschrijving We are looking for a dutch native speaker In deze uitdagende functie ga je werken als onderdeel van het development team, in de functie van C#.NET Developer, Je gaat maatwerk software bouwen voor diverse klanten. Ook optimaliseer je bestaande software en bouw je API koppelingen. Je bent vooral met back-end development bezig. Je krijgt veel vrijheid in deze functie en je krijgt de kans om mee te denken in bedrijfsprocessen. Deels thuiswerken is geen enkel probleem! Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Het is van oorsprong een familiebedrijf, die gestart zijn met het bouwen van

Bekijk vacature »

Ontwikkelaar MS Dynamics 365 Projecten

Samengevat: Deze werkgever is de kwaliteitsdienst in de tuinbouwsector. Ben jij een ervaren ontwikkelaar? Heb jij ervaring met Ms Dynamics 365 BC? Vaste baan: Ontwikkelaar Ms Dynamics 365 BC ICT MBO 3.500 - 5.000 Ontwikkelaar Ms Dynamics 365 BC Ons bedrijf bewaakt en bevordert de kwaliteit van producten, processen en ketens in de tuinbouw. Wij kenmerken zich door openheid, ruimte voor initiatief, collegialiteit en zelfontplooiing. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Functie: Voor de vacature als Ontwikkelaar Ms Dynamics 365 BC Roelofarendsveen MBO

Bekijk vacature »

Frontend Developer - Leeuwarden

Als Frontend Developer bouw jij mee aan het onderwijs van de toekomst! In een scrum team werken met jonge en enthousiaste collega’s, moderne technieken, ruimte voor eigen ontwikkeling en op een proactieve wijze kunnen meewerken aan innovatie binnen het onderwijs. Magister is het state-of-the-art softwarepakket dat scholen in het voortgezet onderwijs op alle fronten ontzorgt. Van leerlingenadministratie tot het ondersteunen van individuele leerlijnen, van toegang tot digitaal lesmateriaal tot het plannen van het lesrooster. In de Magister app bedient Magister ruim 2,5 miljoen gebruikers waarvan, dagelijks meer dan 600.000 unieke. Hiermee is Magister de absolute marktleider in onderwijsland. Wat vragen

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Software Developer Mendix / Maatschappelijk Betrok

Dit ga je doen Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Werken met Scrum methodiek; Ontwikkelen van vooruitstrevende oplossingen; Meedenken over nieuwe applicaties en ontwikkelingen; On the job eigen maken van de Mendix omgeving. Hier ga je werken Deze dynamische en snelgroeiende organisatie begeeft zich in de recyclingbranche. Zij nemen op duurzame en efficiënte manier de recycling op zich. Vanwege hun snelle groei zijn zij op zoek naar een young professional die zich graag wilt ontwikkelen als Mendix Developer. Je komt te werken binnen een IT team van +/- 15 medewerkers. Het huidige ‘vaste’

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

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 »

Embedded Developer C++

Functie omschrijving Ben jij op zoek naar een leuke uitdaging als Embedded Developer, zoek dan niet verder! Voor een leuke opdrachtgever in omgeving Rotterdam zijn wij op zoek naar een Embedded Developer die graag met Embedded Devices werkt. Je zult verantwoordelijk worden voor het ontwikkelen en onderhouden van diverse producten. Jouw specialisatie ligt op het vlak van software, hardware en back-end. Dit bedrijf is gespecialiseerd in het ontwerpen van software voor een unieke industrie. Wil jij betrokken worden bij een proces dat loopt van ontwikkeling tot installatie? Waarbij je bezig zult zijn met perfecte systemen die geleverd worden aan binnen

Bekijk vacature »

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 »

Als Front-end developer samenwerken met de beste c

Functie Momenteel zijn we voor één van de projecten bij hun key partner, een voorloper in de energiesector, op zoek naar gedreven Front-end developers. Ze nemen de lead in dit project en werken uitsluitend met vooruitstrevende technologieën. Ze verwachten dat de technologie die hier wordt ontwikkeld uiteindelijk door veel meer grote corporates, in verschillende sectoren zal worden toegepast. Dit is dan ook een heel uitdagend project om aan mee te gaan werken. Het team bestaat o.a. uit User Experience designers, Data Scientists en Software Engineers. De consultants en ontwikkelaars werken volgens de Design Thinking methode waarbij de eerste stappen van

Bekijk vacature »

Leidinggevend Full Stack Developer

Hé jij, nieuwe Pinkcuber! Ga aan de slag bij Pinkcube, online leverancier van promotieartikelen! Een innovatieve organisatie waar extra stappen zetten voor klanten de normaalste zaak van de wereld is. Ambitieus zijn we ook. ‘Naoberschap’ staat bij Pinkcube hoog in het vaandel; we helpen elkaar en iedereen is welkom. Pinkcube is Great Place to Work Certified, erkend leerbedrijf, maatschappelijk betrokken partner van stichting Present en partner van CliniClowns. En misschien wel jouw nieuwe werkgever. Wij zoeken namelijk een enthousiaste: Leidinggevend Full Stack Developer (40 uur, medior/senior) Ben jij klaar om baanbrekende ideeën tot leven te brengen en deel uit te

Bekijk vacature »

.NET developer

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

No-Code Betty Blocks ontwikkelaar

Bedrijfsomschrijving Wil jij de bedrijfsprocessen van klanten revolutionair digitaliseren en optimaliseren zonder beperkt te worden door programmeertalen? Kom werken bij een snelgroeiende en professionele organisatie met een gezonde dosis humor en veel vrijheid om jezelf te ontwikkelen. Als No-Code Betty Blocks ontwikkelaar werk je vanuit ons kantoor in het hart van Nederland, je thuiswerkplek of op locatie bij de klant. We faciliteren de juiste trainingen en ondersteuning zodat je een echte Betty Blocks expert wordt. Naast het werk zijn er bij ons bijzondere events, zoals een jaarlijkse zeildag, een zomerse barbecue en een knus kerstdiner om de grillige maanden door

Bekijk vacature »
Roy marijnissen

roy marijnissen

12/10/2012 22:24:49
Quote Anchor link
Ik zit met het volgende, ik heb een dropdown menu via html/css. Als je nu over de links gaat zonder drop-down krijg je netjes een andere achtergrondkleur zoals ik wil. Als je dan alleen een menu item hebt met drop-down dan zodra je naar beneden zijn klopt de kleur niet meer. Heeft iemand enig idee hoe ik dit zou kunnen oplossen ? Ik heb op onderstaande url een voorbeeld gevraagd omdat het anders niet duidelijk is. (het tabje clubinfo is de enige met een drop-down !)

http://www.maxi-hosting.nl/dump/menu/menu.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
<style type="text/css">
<!--
#drop-down-menu{padding-left:180px;}
    ul{
        font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
        color:#f1f1f1;
        text-shadow: #000 2px 2px 0px;
        margin:0;
        padding:0;
        list-style:none}
    ul li{
        display:block;
        position:relative;
        float:left}
    li ul{display:none}
    ul li a{
        height:33px;
        display:block;
        margin-left:1px;
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
        color:#f1f1f1;
        text-shadow: #000 2px 2px 0px;
        padding: 13px 9px 0px 9px;
        white-space:nowrap}
    ul li a:hover{ background-image:url(img/menu_bg_rood.jpg); background-repeat:repeat-x;}
    li:hover ul{
        display:block;
        position:absolute
        }
    li:hover li{
        font-size:70%;
        clear:left;
        width:12em}
    li:hover a{ background:#985963;color:inherit}
    li:hover li a:hover{background:#B75963;color:inherit}
a.different {
color: #f1f1f1;
}     
    
-->
</style></head>
</head>

<body>



<ul id="drop-down-menu">
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Home</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Clubinfo</a>
        <ul>
            <li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 1</a></li>
            <li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 2</a></li>
            <li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 3</a></li>
        </ul>
    </li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Teams</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Wedstrijdinfo</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Activiteiten</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Foto's</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Wordt lid</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Contact</a></li>
    <li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Leden</a></li>
</ul>
Gewijzigd op 12/10/2012 22:25:23 door Roy marijnissen
 
PHP hulp

PHP hulp

25/12/2024 18:47:11
 
Frank Nietbelangrijk

Frank Nietbelangrijk

12/10/2012 23:08:57
Quote Anchor link
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
<?php
<style type="text/css">
<!--

#drop-down-menu{  /* Dit is de opmaak voor all html tags met id='drop-down-menu' */
    padding-left:180px;
}

ul{ /* Dit is de opmaak voor de unsorted list (ul) */
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#f1f1f1;
    text-shadow: #000 2px 2px 0px;
    margin:0;
    padding:0;
    list-style:none}
ul li{ /* dit zijn de list items voor de hoofd ul (horizontaal) */
    display:block;
    position:relative;
    float:left
}
li ul{ /* dit zijn de list items voor de sub ul (verticaal), als we hier niet met de muis overheen gaan dan is ie onzichtbaar */
    display:none
}
ul li a{ /* dit zijn de snelkoppelingen in het horizontale gedeelte, omdat display:block; opgegeven is zijn ze net zo groot als het hele item. */
    height:33px;
    display:block;
    margin-left:1px;
    text-decoration:none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#f1f1f1;
    text-shadow: #000 2px 2px 0px;
    padding: 13px 9px 0px 9px;
    white-space:nowrap; /* hier miste een ; hou dat wel in de gaten en gebruik een goede editor */
}
ul li a:hover { /* :hover is dus wanneer je er met de muis overheen gaat. dit zijn de snelkoppelingen van de hoofd ul */
    background-image:url(img/menu_bg_rood.jpg);
    background-repeat:repeat-x;
}

li:hover ul {  /* dit is de sub-ul dus het verticale menu */
    display:block;
    position:absolute
}
li:hover li {  /* dit zijn de menuitems van sub-ul */
    font-size:70%;
    clear:left;
    width:12em;  /* DEZE MOET JE AANPASSEN DIT IS DE BREEDTE VAN JE VERTICALE MENU */
}
li:hover a {  /* dit zijn de snelkoppelingen van de menuitems van sub-ul */
    background:#985963;color:inherit;
}
li:hover li a:hover{ /* dit zijn de snelkoppelingen van de menuitems van sub-ul als je er met je muis overheen gaat */
    background:#B75963; /* DEZE MOET JE AANPASSEN */
    color:inherit;
}

a.different { /* dit zijn ALLE snelkoppelingen met id='different' (dit heeft alleen toegevoegde waarde als je sommige snelkoppelingen een ander uiterlijk wil geven */
    color: #f1f1f1;
}    
    
-->
<
/style></head>
<
/head>

<
body>



<
ul id="drop-down-menu">
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Home</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Clubinfo</a>
        <
ul>
            <
li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 1</a></li>
            <
li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 2</a></li>
            <
li><a href="http://kompoos.nl/css/text-effects/drop-down-menu.html">drop down menu 3</a></li>
        <
/ul>
    <
/li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Teams</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Wedstrijdinfo</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Activiteiten</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Foto's</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Wordt lid</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Contact</a></li>
    <
li><a class="different" href="http://kompoos.nl/css/text-effects/drop-down-menu.html">Leden</a></li>
<
/ul>
?>


Toevoeging op 12/10/2012 23:12:04:

ik heb maar even wat commentaar gezet in de code.

als je nou wilt zien wat wat is: zet dan het volgende bij de stijl, maar wel helemaal onderin!


background-color:purple;
border:5px sollid blue;

succes!
Gewijzigd op 12/10/2012 23:09:21 door Frank Nietbelangrijk
 
Roy marijnissen

roy marijnissen

13/10/2012 20:00:42
Quote Anchor link
Thanks, alleen kom ik er nog niet uit. Als ik hem namelijk aanpas zoals je zegt, bij de "deze moet je aanpassen". Klopt hij niet. Zie onderstaande link, wat je nu dus krijgt is als je een submenu opend dat rode vlak meegaat naar het sub-menu maar dat is dus niet de bedoeling, deze moet bovenaan blijven staan.

http://www.maxi-hosting.nl/dump/menu/menu.html

Toevoeging op 13/10/2012 21:10:51:

Het is inmiddels gelukkig toch gelukt ! Ik heb de <li> sub-menu items die een andere kleur moeten hebben een eigen class gegeven en dan werkt het wel !
 



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.