drop down menu kleur

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Software Developer

Functie omschrijving PHP Software Developer gezocht! Voor een organisatie in de regio Zeist die zich bezighoud met het verbeteren van de medicatieveiligheid zoeken wij een Software Developer. In deze functie zijn wij op zoek naar een slimme en enthousiaste Developer die interesse heeft in farmacie, logistiek en ICT. Daarnaast beschik je over een goed analytisch vermogen en ben je van nature gestructureerd en resultaatgericht. Je moet in deze functie daadkrachtig, flexibel en communicatief goed zijn. Je verantwoordelijkheden bestaan uit: Object georiënteerd programmeren; Werken in een scrumteam aan de ontwikkeling van een medicatiebewakingssysteem; Meedenken over de mogelijkheden en onmogelijkheden van projecten;

Bekijk vacature »

Medior Front-end Developer

Bij Getnoticed doen wij wat we leuk vinden, websites bouwen en online marketing. Voor veel van onze klanten doen we dan ook allebei. Wel zo fijn om campagnes te draaien voor conversiegerichte websites die in eigen beheer zijn. In onze vestiging in Nederweert zit onze development afdeling en worden de websites gebouwd. Op dit moment zijn we op zoek naar jou: dé Medior Front-end Developer die net als wij, het hoofd boven het maaiveld durft uit te steken! In het kort Even een paar punten die omschrijven wat deze toffe baan inhoudt: Het uitwerken van designs tot functionele layouts Je

Bekijk vacature »

Als PHP developer (Symfony) bijdragen aan betere z

Functie Als Medior/Senior PHP developer wordt er een mate van zelfstandigheid verwacht, maar ook dat je goed in een team kunt opereren waar kennis wordt gedeeld en er bijvoorbeeld codereviews plaatsvinden. Kwaliteit staat voorop, mede hierom werken ze bijvoorbeeld zonder echte deadlines in hun sprints. De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden geactualiseerd.

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat 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 jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

.NET developer

Functie Als .NET ontwikkelaar ga jij aan de slag bij een van onze klanten actief in de High Tech Industrie. Onze klanten zijn voornamelijk gelokaliseerd in de omgeving van Eindhoven. Wij zijn erg selectief als het gaat om de projecten die wij accepteren en richten ons dan ook alleen op innovatieve en complexe projecten. Omdat onze klanten voornamelijk gespecialiseerd zijn in de machinebouw, werk jij ook vaak dicht tegen de machines aan. Ons team bestaat momenteel uit Embedded engineers, IOT developers en Cloud engineers. Wij werken voornamelijk aan Microsoft projecten waar er gebruik wordt gemaakt van WPF, UWP, .NET Core

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 »

Software Ontwikkelaar

Functieomschrijving In deze uitdagende functie als Software Developer ga je de volgende taken uitvoeren: Maatwerk back-end software programmeren; API koppelingen bouwen; Software optimaliseren voor klanten; Bouwen maatwerk applicaties; Werken met Microsoft stack zoals C#, .NET (Core) en Entity framework; Bedrijfsprofiel Je gaat werken bij een klein softwareontwikkelingsbureau, die maatwerk software bouwt voor klanten door heel Nederland. Dit doen zij al meer dan 20 jaar. Het is van oorsprong een familiebedrijf, opgezet door de eigenaar, die er nog steeds werkt. Het team bestaat vooral uit back-end developers en één systeembeheerder. Je krijgt veel kans om jezelf te ontwikkelen en krijgt tevens

Bekijk vacature »

Back-end Developer C#

Functie omschrijving We are looking for a dutch native speaker Ben jij een ervaren back-end developer, die graag in een in-house functie wil werken? Passen de woorden innovatie, programmeren en teamspeler bij jou? Zoek niet verder en lees snel verder. Voor een echt familiebedrijf in de regio van Uden ben ik op zoek naar een back-end developer, die met name kennis heeft van C# en .NET. Jij gaat de interne applicaties verder optimaliseren en nieuwe features ontwikkelen. Verder ga je de volgende werkzaamheden uitvoeren: Ondersteunen gebruikers; Uitvoeren van analyses van de software/applicaties; Maken van functionele ontwerpen en deze door vertalen

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 »

Junior/medior PHP developer Onderwijssector

Functie Momenteel zijn ze op zoek naar een developer die, veelal fullstack, mee gaat werken aan de ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js

Bekijk vacature »

NodeJS developer

Functie Als Fullstack developer kom je te werken in het ontwikkelteam. Je bent samen met je collega’s continu bezig om de software uit te breiden, maar hiernaast doe je onderzoek naar de inzet van nieuwe technieken, tools of bijvoorbeeld Machine Learning. Ze willen met hun software echt voorlopen op andere en toegevoegde waarde leveren voor de eindgebruiker. Mede hierom zijn ze erg benieuwd naar iemand zijn persoonlijkheid, of hij graag nieuwe dingen uitzoekt (Google!), en initiatief neemt. Qua technische kennis zoeken ze iemand die goed op de hoogte is van de nieuwste ontwikkelingen, daar zij nu ontwikkelen op NodeJs back-end,

Bekijk vacature »

Junior Outsystems developer

Functie Als junior Outsystems developer wordt jij onderdeel van een multidisciplinair team van 23 software engineers. Ons team werkt agile en termen als Continuous Integration en Continuous Delivery zijn bij ons dagelijkse koek. Wij werken aan uitdagende en afwisselende projecten met als doel onze klanten een totaal oplossing aan te bieden. Als junior Outsystems developer krijg jij bij ons de kans om jezelf te ontwikkelen naar een volwaardige ervaren en gecertificeerde Outsystems developer. Jij een team met ervaren mensen (10+ ervaring) om je heen. Zo heb jij niet het gevoel dat jij meteen in het diepe wordt gegooid en uiteraard

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar een Embedded Software developer. 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 enthousiast en een echte team player? Lees dan snel verder en laat wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot aantal creatieve en ambitieuze ontwikkelaars. Ze

Bekijk vacature »

Medior/Senior Python developer (Django)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en werken ze met pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Er is een kwaliteitsfocus en dan biedt ruimte om verbeteringen echt door te voeren binnen de gehele

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

21/09/2024 05:28:29
 
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.