drop down menu kleur

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mendix Developer

For our client in Amsterdam, we are looking for a Senior Mendix Developer. Company description Our client is an IT Consultancy company who’s been active for 10 years now. With their ambitious team, they are working with different clients in order to help them with analyzing their data and giving advice to them, regarding how they can use their data in the smartest ways, or to make sure that their mobile or web applications are working efficiently. As you get a glimpse of various industries, it is guaranteed that no day will be the same. Job description As a Mendix

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Ontwikkelprocessen verder optimaliseren en verder ontwikkelen met C#; CI/CD-pipelines automatiseren; Ontwikkelen van herbruikbare componenten; Front-end pagina's gebruiksvriendelijk maken. Hier ga je werken Als junior .NET Developer kom je terecht binnen een grote en internationale organisatie. Zij streven naar een positieve impact op de mens, milieu en maatschappij. Het bedrijf is oorspronkelijk een familiebedrijf en werkt aan de productie van hoogwaardige en technische systemen voor de gezondheidszorg. Momenteel willen zij betere ontwikkelprocessen creëren op internationaal gebied en staat kwaliteit en veiligheid voor hun op nummer 1! Als junior .NET Developer werk je aan het ontwikkelen van verbeterde

Bekijk vacature »

C# Developer

Dit ga je doen De requirements in kaart brengen van de klant; Implementeren van functionele en technische specificaties bij opdrachtgevers; Oplossen van bugs; Meewerken aan maatwerksoftware voor nieuwe opdrachtgevers; Het testen en uitleveren van nieuwe functionaliteiten naar de acceptatie en productieomgeving De database ontwikkelen en onderhouden; Hier ga je werken Onze klant is gevestigd in het westen van Nederland en is gespecialiseerd in het ontwikkelen van software voor de levensmiddelen industrie. De software die het team maakt optimaliseert voornamelijk de administratieve processen, maakt deze meetbaar en zorgt ervoor dat de data zo goed mogelijk gebruikt kan worden. Binnen een van

Bekijk vacature »

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Java Developer

Functie Wat ga je doen als Java developer? Jij komt terecht binnen een informeel team waarin je verantwoordelijk bent voor de backend systemen voor grote klanten als Ziggo en KPN. Als Medior Java developer werk je in teamverband en soms individueel. Gedurende de werkweek zal je veelvuldig sparren met je collega’s voor een goede implementatie van de software. Ben jij een echte Java developer? Ben je geïnteresseerd in de nieuwste technieken en de laatste ontwikkelingen? Dan ben je hier aan het juiste adres! Eisen Wat wordt er van jou verwacht? • Minimaal HBO/WO denk- en werkniveau; • Analytisch sterk, open

Bekijk vacature »

Front-end Developer vue.js node.js 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 Frontend Guild. Hier ga je werken Voor een snel groeiend bedrijf de regio Nieuw Vennep zijn wij opzoek naar een ervaren Front-end Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een SaaS-platform.

Bekijk vacature »

Gezocht: Ervaren VB6 developer met C# ambitie!

Bedrijfsomschrijving Dit bedrijf is een vooraanstaande softwareleverancier die gespecialiseerd is in het ontwikkelen van software pakketten voor autoschade herstel bedrijven. De software wordt gebruikt door meer dan de helft van alle autoschade herstel bedrijven in Nederland. Het team van professionals is op zoek naar getalenteerde collega developers die hun vaardigheden willen inzetten om het bedrijf te laten groeien. Functieomschrijving Voor dit bedrijf zoek ik een ervaren VB6 / VB.NET developer met interesse om op termijn verder te gaan in C#. In deze functie ben je verantwoordelijk voor het onderhouden van de bestaande softwarepakketten. Een deel van de code is nog

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn ze op zoek naar een Technische front end developer. Momenteel hun front end back end team gescheiden aan het werk. Hier willen ze verandering in krijgen. Omdat ook veel interne applicaties ontwikkeld worden zoeken ze iemand die hen kan helpen om de interne applicaties te voorzien van de juiste Vue.js componenten. Zodoende willen ze de interactie tussen front end en back end versoepelen en de volgende stap binnen het platform gaan zetten. Deze componenten die jij ontwikkeld zullen in elk project gebruikt worden. Het back end team bestaat momenteel uit 8 ontwikkelaars

Bekijk vacature »

Medior Mobile Developer iOS Amsterdam

Functie What will you be doing as Mobile Developer? As an iOS app developer you will work in a multidisciplinary team of app developers, web developers and designers. You will work on world-class apps that will be used by thousands of people. There is a lot of room for self-development on a technical and personal level. Together with the rest of the team you develop in the newest techniques and you go for the best quality. We work with Kotlin Multiplatform Mobile to develop hybrid apps and we guarantee quality with peer reviews, unit testing and we use a CI/CD.

Bekijk vacature »

Lead Front-end developer

Functie Hun huidige applicatie worden ontwikkeld in o.a. React, Redux, TypeScript. Ze werken graag met de nieuwste technieken en tooling en zoeken ook developers die hier proactief op zoek naar gaan. Als senior/lead developer ben je een kartrekker in het team. Naast het meedenken over bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Zo kun je bijvoorbeeld 1 dag in de week met 2 collega’s bezig zijn om samen met hen te kijken naar hun ontwikkeling, doelstellingen en uiteraard de gewenste begeleiding hierin. Hiernaast sta je als

Bekijk vacature »

APEX Ontwikkelaar in een team van Oracle Developer

Bedrijfsomschrijving Wij zijn op zoek naar een APEX Ontwikkelaar om onze opdrachtgever in Den Haag te versterken. In deze rol zul je verantwoordelijk zijn voor het ontwikkelen en onderhouden van de front-end van onze applicaties met behulp van Oracle Application Express (APEX). Je werkt aan zowel inhouse als externe projecten. De sfeer binnen het Oracle team is gemoedelijk en men probeert elkaar te helpen én van elkaar te leren. Zo ontstaat er een prettige en plezierige werksfeer waar ruimte is voor persoonlijke ontwikkeling en groei. Er wordt gewerkt met de meest nieuwe technologieën waardoor je kennis up-to-date blijft. Het bedrijf

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 »

Senior C# Software Ontwikkelaar te Zaandam

Bedrijfsomschrijving Deze werkgever heeft als missie om haar klanten op ICT-gebied volledig te ontzorgen. Ze zijn een ICT bedrijf met een verscheidenheid aan ICT oplossingen waaronder Cloud oplossingen en een groot deel van het werk is gericht op software realisatie. Voor de Enterprise-klanten voert het relatief kleine ontwikkelteam waar jij deel uit van kan gaan maken binnen deze organisatie te Zaandam de grootste opdrachten uit. Niet alleen websites en complexe webapplicaties maar ook mobile apps, web services en complete systeemintegraties! Je moet dan denken aan Dynamics, Sharepoint en Salesforce. Je komt hier terecht in een relatief kleine organisatie met ontzettend

Bekijk vacature »

Product Developer (M/F), Fulltime 40 h/week

A global Plantbased revolution – that is our dream. Maximising the protein transition – that is our mission. Producing and developing sustainable and delicious products – that is what we do. Ojah is a fast growing company with a mission and has the ambition to be the world leader in its field. To support this growth we are hiring new colleagues. People that would like to make a difference and dare to dream big. With currently a 150 colleagues proudly working on our exceptional products. Working in a dynamic surrounding that runs full speed ahead. We need you! Product Developer

Bekijk vacature »

Front end developer

Functie Jij als ervaren Front end developer bent een expert het gebied van Javascript en React. Je wordt onderdeel van een multidisciplinair team bestaande uit een PO, twee Front end developers, een DevOps/Back end developer, een UX/UI designer en een projectmanager. Verder is er iemand verantwoordelijk voor de HR en is de algemeen directeur nauw betrokken bij alle projecten. Dagelijks hou jij je bezig met de verschillende projecten die zijn opgenomen in de sprint. Daarnaast denk je mee over mogelijke oplossingen om de behoefte van de klant op de beste manier in te vullen. Verder spar jij intern met collega’s

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

23/11/2024 23:42:22
 
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.