Menu verspringt

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET developer

Bedrijfsomschrijving Als Senior .NET developer ga je werken in een DevOps team aan state-of-the-art oplossingen voor diverse opdrachtgevers. Denk hierbij aan het van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen waar grote hoeveelheden data, AI en loT centraal staan. Zo is de organisatie onder andere bezig met het bouwen van een platform wat gebouwen middels tal van sensoren in kaart brengt en alles wat daarbij komt kijken. Zo kan iedereen in een opslag op een plattegrond zien welke ruimte bezet, gereserveerd of vrij is en wordt dit gekoppeld met andere diensten, bijvoorbeeld richting schoonmakers die weten

Bekijk vacature »

Python Developer / Machinebouw

Bedrijfsomschrijving Deze organisatie is gesitueerd in de regio Barneveld en is wereldwijd actief binnen de High Tech industrie. Daar is zij bedreven in het ontwikkelen van diverse complexe machines die voornamelijk in de wetenschappelijke branche worden gebruikt. De machines worden zowel hardware- als software technisch van A tot Z gebouwd en worden aangeleverd met een Control Systeem dat ontwikkeld is in Python. Dit Control Systeem maakt dataopslag, analyses, automatisering en een user interface mogelijk. Op deze manier wordt belangrijke data uit de machines onttrokken en middels op maat gemaakte Python software gevisualiseerd. Daarnaast zijn er diverse PLC's aanwezig in de

Bekijk vacature »

OutSystems Developer

Bedrijfsomschrijving Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan de vooravond van de implementatie van een gloednieuw applicatiehuis, waar OutSystems een belangrijke rol in speelt. Binnen deze rol word je als OutSystems Developer verantwoordelijk voor de ontwikkeling van uiteenlopende applicaties met OutSystems. Om het nieuwe applicatiehuis te implementeren

Bekijk vacature »

Junior PHP Developer

Je maakt een vliegende start van je carrière door meteen mee te bouwen aan dingen zoals een optimaal werkende website aan de hand van je PHP kennis. 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.

Bekijk vacature »

Java Server Developer

Ontwikkel jij graag door aan de innovatieve, prijswinnende mobiele identiteitsverificatie oplossing ReadID? Dan is Innovalor op zoek naar jou als Java Server Developer Functie omschrijving Jouw baan! Ontwikkelen van onze ReadID SaaS server, met security en schaalbaarheid als belangrijk aandachtspunt; Bijdragen aan de routekaart voor ReadID, zoals toevoegen van nieuwe functionaliteiten en integratie met aanvullende producten van onze partners (zoals gezichtsherkenning); Helpen van developers van onze klanten bij het integreren van the ReadID API, vooral de server-side API's (REST, XML, JSON); Schrijven van API-documentatie voor onze klanten; Bijdragen aan geautomatiseerd testen; Optioneel bijdragen aan big-data analyse van onze logbestanden (ReadID

Bekijk vacature »

Front-end Ontwikkelaar

Bedrijfsomschrijving Bij het accepteren van dit aanbod kom je terecht binnen een veelzijdige organisatie waar een goede sfeer hangt. Zij zijn gewend dagelijks met elkaar te lunchen en ruimte is voor een potje Mario. Als Front-end ontwikkelaar ga je je op projectbasis bezighouden met het ontwikkelen van content voor diverse opdrachtgevers. De projecten waar je aan gaat werken zullen verschillende qua omvang. Hierbij kan je rekening houden met een gemiddelde doorlooptijd van een half jaar, waarbij er meerdere projecten naast elkaar kunnen lopen. Naast ontwikkeling aan de Front-end ga je ook een rol spelen bij de ontwikkeling aan de back-end.

Bekijk vacature »

Software Developer / PHP

Bedrijfsomschrijving Voor een organisatie in regio Eindhoven zijn wij op zoek naar een Software Developer met goede kennis van PHP. Het gaat om een software bedrijf dat te omschrijven is als informeel en open. De mensen die er werken zijn enthousiast, willen graag goede kwaliteit neerzetten, nieuwe technieken worden omarmt en alles is zo ingericht dat nieuwe tools/technieken gemakkelijk geïntegreerd kunnen worden. De organisatie is erg technisch georiënteerd, men gaat echt voor software development en heeft passie voor het vak. Er wordt geïnvesteerd in medewerkers door bijvoorbeeld opleidingen, cursussen en echt tijd voor onderzoek en innoveren. Je krijgt al snel

Bekijk vacature »

Data analist

Waar (kilo)meters aan encyclopedieën, een linked data-omgeving en DWH samenkomen. Dat is de KB in Den Haag. En het is de plek waar jij als data analist de openbare bibliotheken inzicht geeft over het gebruik van hun diensten. Stilstaan is geen optie. We hebben veel unieke data van de openbare bibliotheken in Nederland tot onze beschikking. En met deze schat aan data ga jij als data analist onderzoek doen. Je geeft de openbare bibliotheken veel nuttige informatie over hun dienstverlening, doordat je deze data gestructureerd aanbiedt. Als KB timmeren we flink aan de weg door deze data toe te passen

Bekijk vacature »

.NET developer

Wil jij samen met gemotiveerde en slimme collega’s bouwen aan ons geavanceerde landschap in Azure? En vind je het ook nog eens leuk om jouw kennis te delen met junior- en medior devs? Dan heb je wellicht interesse in de positie van: Senior fullstack .NET developer voor ons kantoor in Alkmaar Over de positie: Bij SnelStart werken we in een AGILE-structuur om de productie meer focus en impact te geven. Met je collega’s kom je tot de beste resultaten door onderlinge discussie, goede refinement sessies, reviews en écht teamwork. Je hebt de vrijheid om de dingen te doen zoals jij

Bekijk vacature »

Senior C developer met 5G en C en mobile network e

Bedrijfsomschrijving Ben jij een C-developer in hart en nieren en wil jij werken aan solutions die bedoeld zijn voor mobile core networks? Dan hebben wij een grote technische uitdaging voor je bij een Nederlandse organisatie die mee speelt met de grote jongens op de internationale mobiele telecom markt? Onze opdrachtgever is een jonge, snelgroeiende en gespecialiseerde organisatie. Ze zijn meerdere keren genomineerd voor de GSMA Best Mobile technology en zijn een internationale erkende leverancier van wereldwijde (mobiele) telecommunicatiesoftware-oplossingen. Ze zijn de toonaangevende expert in signalerings oplossingen voor mobiele netwerken en leveren de meest geavanceerde software ter wereld voor routering en

Bekijk vacature »

New Business Developer ICT - Noord-Holland - &euro

Wat ga je doen? Als New Business Developer ICT ben jij de verbindende schakel tussen je werkgever en nieuwe klanten. De diensten die jij aan te bieden hebt variëren van klant tot klant. Je helpt je klanten met het vinden van de juiste oplossingen voor hun vraagstukken in de Logistiek dmv een prachtige software tool. Juist deze oplossingen die jij je klanten aan kan bieden zijn uniek omdat alles volledig aangepast kan worden naar de vraag van de klanten. De focus ligt niet op het waarmaken van de klantverwachtingen, je wordt verwacht om altijd te streven naar het overtreffen van

Bekijk vacature »

Typescript Developer Internationaal

Bedrijfsomschrijving De organisatie waar jij als TypeScript Developer komt te werken is te karakteriseren als een handelsonderneming en een echt familiebedrijf. Het bedrijf is internationaal bekend en is gelegen in Utrecht. Er wordt veel waarde gehecht aan een open en laagdrempelige bedrijfscultuur. Als TypeScript Developer met een hands-on mentaliteit zal jij de hoofdverantwoordelijke worden voor de continuïteit en toekomst van de TypeScript webapplicaties. Deze applicaties dienen gekoppeld te worden aan het huidige IT-landschap binnen de organisatie en worden gebouwd middels TypeScript, Angular, NodeJS en GraphQL. Jij zal dus het echte pionierswerk verrichten. Voor dit pionierswerk krijg jij als Developer de

Bekijk vacature »

Delphi Developer

As a Delphi Developer you work together with other development teams to make our back-office applications work as optimal as possible. How do I become a Delphi Developer at Coolblue? As a Delphi Developer you work together with other development teams to make our back-office applications work as optimal as possible, being extending features or migrating them to APIs. Everything to put a smile in our colleagues' faces! Although you are a Delphi Developer, you are not averse to a some C# or JavaScript. Would you also like to become a Delphi Developer at Coolblue? Read below if the job

Bekijk vacature »

IT-traineeship Low Code Developer

Vind jij het leuk om veel contact te hebben met een klant en je te verdiepen in een domein? Lijkt het je interessant om enerzijds met de klant mee te denken, maar tegelijkertijd ook zelf een bijdrage te leveren aan de implementatie van een IT oplossing? Wij zijn op zoek naar starters die aan de slag willen als low-code engineer. In deze functie bouw je aan applicaties met behulp van een low-code platform, zoals Outsystems, Blueriq, Mendix of Pega. Dergelijke platformen stellen je in staat om snel een werkende applicatie te ontwikkelen en zijn hierdoor heel geschikt voor maatwerk projecten.

Bekijk vacature »

Front-end Developer

As a Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Front-end Developer at Coolblue? As a Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX Designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. Would you also like to become a Front-End Developer at Coolblue? Read below if the job suits you.

Bekijk vacature »
Bob Duisters

Bob Duisters

16/04/2009 13:14:00
Quote Anchor link
Beste forum bezoeken ik heb een fout op mijn site in het bovenste menu. heb geen voorbeeld van de site maar de site is te download op onderstaande url. Als je met je muis over het menu gaat kijg je een dropdown en als je daan naar een menu item gaat verspringt de tekst. Weet iemand hier raadt mee?
http://www.bobbob.nl/webfout.rar

Groetjes,

Bob

Edit:
Hier de code:
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
/* Header */

#header {
    width: 980px;
    height: 90px;
    margin: 0 auto;
}
/* Menu */

#menu {
    float: right;
}

#menu ul {
    margin: 0;
    list-style: none;
    line-height: normal;
}

#menu li {
    padding-left: 20px;
}

#menu a {
    text-transform: lowercase;
    text-decoration: none;
    font-weight: bold;
}

#menu a:hover {
    text-decoration: underline;
}

ul.dropdown ul {
    position: absolute;
    padding: 3px 6px;
    border: none;
    background-color: #FFFFFF;
    visibility: hidden;
}
ul.dropdown a, ul.dropdown span {
    display: block;
    padding: 4px 6px;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: none;
}
ul.dropdown {
    position: relative;
    float: left;
}
ul.dropdown li {
    float: left;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    position: relative;
    
}
ul.dropdown ul li {
    float: none;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}

de pagina:
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
<div id="header">
    <div id="logo">
        <h1><a href="#">Bobbob.nl</a></h1>
        <h2>Carp fishing, my way of life</h2>
    </div>
    <div id="menu">
        <ul id="nav" class="dropdown">
    <li><a>Algemeen</a>
        <ul>
            <li><a href="./">Home</a></li>
            <li><a href="./">Foto album</a></li>
            <li><a href="./">Links</a></li>
            <li><a href="./">Foto van de maand</a></li>
        </ul>
    </li>
    <li><a>Artikelen</a>
        <ul>
            <li><a href="./">Rigs & knopen</a></li>
            <li><a href="./">Aas & voer</a></li>
            <li><a href="./">Vis strategien/technieken</a></li>
            <li><a href="./">Vissen in Nederland</a></li>
            <li><a href="./">Vissen in Frankrijk</a></li>
            <li><a href="./">Vissen in het buitenland</a></li>
            <li><a href="./">Overige verhalen</a></li>
        </ul>
    </li>
    <li><a href="./">Forum</a></li>
    <li><a>Gebruiker</a>
        <ul>
            <li><a href="./">Bekijk profiel</a></li>
            <li><a href="./">Gegevens wijzigen</a></li>
            <li><a href="./">Afbeelding wijzigen</a></li>
            <li><a href="./">Wachtwoord wijzigen</a></li>
        </ul>
    </li>
    <li><a href="./">Nieuws</a></li>
    <li><a href="./">Contact</a>
        <ul>
            <li><a href="./">Vragen</a></li>
            <li><a href="./">Foto opsturen</a></li>
            <li><a href="./">Artikel opsturen</a></li>
            <li><a href="./">Adverteren</a></li>
        </ul>
    </li>
</ul>
    </div>
</div>


EDIT: Probleem opgelost
Gewijzigd op 01/01/1970 01:00:00 door Bob Duisters
 
PHP hulp

PHP hulp

08/05/2021 09:41:56
 
Dennis Mertens

Dennis Mertens

16/04/2009 13:16:00
Quote Anchor link
Ik zou toch graag willen dat je even ergens een online voorbeeldje hebt. Of iig gewoon via hier de code geeft (alleen relevant).
 
Mitchell

Mitchell

16/04/2009 13:18:00
Quote Anchor link
Ken het probleem, weet alleen niet exact wat erachter mis was, vaak een foute margin/padding/positioning. :)

Maarja, ik ga liever niets downloaden. Kan je het niet gewoon online plaatsen?
 
Bob Duisters

Bob Duisters

16/04/2009 13:23:00
Quote Anchor link
Heb de code toegevoegd ;-)
 
Mitchell

Mitchell

16/04/2009 13:33:00
Quote Anchor link
Ik mis op het eerste gezicht al li { float: left; } of li { display: inline;}. Geen idee welke browser je gebruikt, maar in IE krijg je dan een "inspring" effect waardoor ze rechtsonder elkaar gaan stapelen.

Geen visibility gebruiken, maar display: none; en display: block;. Maak je ul/li dropdown ook eens in een vaste breedte inplaats van ieder blokje zijn eigen grootte te laten hebben op basis van content.

Na dit aan te hebben gepast, zeg dan maar of het probleem er nog is. :)
 
Bob Duisters

Bob Duisters

16/04/2009 13:38:00
Quote Anchor link
Dit heb ik al geprobeert en het maakt niet uit ;-).
Een voorbeeld is te zien op http://www.bobbob.nl/bobbob/

Groetjes,
Gewijzigd op 01/01/1970 01:00:00 door Bob Duisters
 
Mitchell

Mitchell

16/04/2009 13:42:00
Quote Anchor link
Voorbeeldje werkt niet en overigens ook al werkt het niet, die manieren die ik opnoem zijn toch the way 2 go. Als je het op de manier blijft doen zoals je nu doet, dan gaat het nooit werken of zal het lelijk worden. ;)
 
Bob Duisters

Bob Duisters

16/04/2009 13:46:00
Quote Anchor link
Ik heb het toegevoegd maar ik heb nog steeds het probleem.
Sorry had een type foutje gemaakt in de link, zie hier de goede link:
http://www.bobbob.nl/bobbob/

Groetjes
 
Dennis Mertens

Dennis Mertens

16/04/2009 13:48:00
Quote Anchor link
Ik krijg helemaal geen submenu... ? Dus verspringen doet het ook niet :)
 
Mitchell

Mitchell

16/04/2009 13:48:00
Quote Anchor link
Welke Browser gebruik je? Hier in FF 3.x merk ik er niets van. Alhoewel, je wel een rare (grote) padding/margin aan de linker kant hebt.
 
Bob Duisters

Bob Duisters

16/04/2009 13:49:00
Quote Anchor link
ik gebruik IE maar het probleem doet zig voor als je in het bovenste menu boven de header bent en dan op een woord gaat staan zodat je de drop down krijgt en dan met je cursor over een menu item gaat.
 
Bob Duisters

Bob Duisters

16/04/2009 13:50:00
Quote Anchor link
Idd in mozilla heb je geen last van dit probleem maar bij mozilla worden de woorden onder elkaar geplaatst in plaats van 1 regel per menu item
 
Mitchell

Mitchell

16/04/2009 13:55:00
Quote Anchor link
Ah, nou zie ik wat je bedoeld. IE rendert zoals gewoonlijks weer eens verkeerd en FF doet het goed. Probeer eens de font-size te verkleinen of een grotere breedte te geven?

Opzich is dit probleem normaal, zodra een tekst niet past gaat het naar de volgende regel. :)
 
Bob Duisters

Bob Duisters

16/04/2009 13:56:00
Quote Anchor link
haha idd maar ik wil het eigenlijk op 1 regel maar zal is gaan proberen met de tips van je.
 
Mitchell

Mitchell

16/04/2009 14:01:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
#menu li ul li {
padding-left: 0;
}

Dat haalt die irritant linker padding weg. ;)
 
Dennis Mertens

Dennis Mertens

16/04/2009 14:04:00
Quote Anchor link
Het is handiger om
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
#menu li ul li {
padding: 0;
}

te gebruiken. Zo kun je ook snel aan de top wat geven.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
#menu li ul li {
padding: 10px 5px 20px 15px;


Is hetzelfde als:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
#menu li ul li {
padding-top: 10px;
padding-right: 5px;
padding-bottom: 20px;
padding-left: 15px;


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
// 1 waarde telt voor top right bottom left
padding: 5px;

// 2 waardes tellen voor top en bottom en right en left
padding: 5px 10px;

Snap-ge-vous?
Gewijzigd op 01/01/1970 01:00:00 door Dennis Mertens
 



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.