Menu verspringt

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Servicedeskmedewerker / Autorisatiedeskmedewerker

Servicedeskmedewerker / Autorisatiedeskmedewerker bij de Politie Er werken leuke mensen bij T2 IT Detachering, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken werkt. Daarom hebben we uitgebreide opleidingsmogelijkheden en ondersteunen we je maximaal in je ontwikkeling. Het succes wat we samen maken vieren we ook samen. Dit doen we door onze jaarlijkse events die overal ter wereld plaatsvinden: Parijs, Lapland, Abu Dhabi, Las Vegas en New York. Voor onze opdrachtgever De Nationale Politie in Rotterdam zijn wij op zoek naar

Bekijk vacature »

Front End Developer with excellent Angular skills

Front End Developer with excellent Angular skills to help migrate software application into the Cloud (Front End Developer Angular 65K Rotterdam IND Registered) For an international organisation, specialised in data management for the process industry, we are looking for a Front End Developer with strong work experience in Angular technologies. This organisation has developt a software solution that takes on the important role of connecting people, data and assets, and translates this data into 3D models. Until recently it was a desktop solution, that is currently being migrated to the (AWS) Cloud. Are you up for the task? Who are

Bekijk vacature »

Functioneel beheerder HR-IT

Functioneel beheerder HR-IT Geplaatst op 9 november 2020 , reageren tot en met 25 november 2020Breda 0,8 - 1,0 fte Solliciteer direct Met jouw scherpe en innovatieve blik help jij met de optimalisatie, doorontwikkeling en het beheren van de HR-systemen en het verder professionaliseren van HR-managementinformatie. Mooi werk De Avans Ambitie 2025 is vastgesteld, de visie op haar toekomstig onderwijs. Flexibel werken aan het realiseren van klantwaarde en een IV-strategie die dat ondersteunt is één van de belangrijke bouwstenen. HR-systemen en data spelen hierbij een cruciale rol. Vanuit het Avansbrede digitaliseringsprogramma worden verschillende projecten opgepakt. Zo loopt er een aanbesteding

Bekijk vacature »

Full-Stack Lead Java Developer ( € 80K - &eur

No Relocation! Our client is looking for a Senior Full-Stack Java Developer to join their team and help drive their digital innovation agenda! You will be surrounded in back- and front-end to know your way around in both. Your strong attention to detail, curiosity and value adding insights help to realise our goals. You are eager, can manage the diverse responsibilities and take pride and joy in delivering results. Client Details No Relocation! Key-Account of Michael Page, Large multinational bank, International and diversity focused Description No Relocation! The ambition of our client is to democratise financial planning, to give people

Bekijk vacature »

BI Datawarehouse Developer DWH (interne functie)

Bedrijfsomschrijving Deze organisatie onder de rook van Geldermalsen staat bekend als solide en als fijne werkgever en ik ben per direct op zoek naar een BI DWH Developer met enkele jaren ervaring . Ze hebben een prachtig pand waar genoeg parkeergelegenheid is en ze zijn per OV goed te bereiken! Naast een prachtig kantoorpand hebben ze hier heel veel extra's en ze doen veel moeite om de werknemer in de watten te leggen denk hierbij aan een kantine met lunch, tafel- tennis en voetbal, een gamehal en een fitnessruimte. Je komt te werken in een leuk bedrijf, waar met korte

Bekijk vacature »

Front End Developer (Freelancer)

General Description: Philips Digital Cognitive Diagnostics is a new business within the Philips HealthWorks venture organization. The venture is tasked with developing a new "software only" product called IntelliSpace Cognition. This new product, which is a class II medical device, will help neurologists in assessing the cognitive performance of people with a neuro (degenerative) disease. The initial market for IntelliSpace Cognition is the US. The venture is currently seeking for a Frontend Developer. The position is based in Eindhoven, the Netherlands. Requirements: - Design, test, develop, deploy, maintain and improve software assets - Deliver high quality code thru hands on

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

Power Bi Developer

Bedrijfsomschrijving De organisatie is actief in de automotive branche en is de laatste jaren erg hard aan het groeien. Vanwege de groei wil de organisatie de volgende stap zetten op gebied van IT. Namelijk digitaliseren en automatiseren. Als Power BI Developer ga je een groot deel uitmaken. Vertrouwen staat in deze organisatie hoog in het vaandel en is dan ook de sleutel tot de hoge klanttevredenheid die zij hebben. De organisatie is gevestigd in de omgeving Haarlem. Het data-team bestaat nu uit een team van 3 professionals met elk een eigen specialisatie. Men is op zoek naar de 4e met

Bekijk vacature »

Smart Manufacturing Consultant

To accelerate value realization through digital manufacturing, companies need to adopt digital ways of working to increase quality with efficiency from manufacturing processes through hyper automation, autonomous robotics, and connected digital workers. Since there is so much incoming data to be collected and interpreted — from sensors, devices, machines, lines and workers — they need to leverage cloud-based platforms and data analytics solutions to optimize business KPIs, enabling intelligent asset management and new connected and outcome-based services. The centralization of OT data in the IT landscape drives further digitalization and standardization of supply chain processes allowing the workforce in the

Bekijk vacature »

BI Developer Oracle Automotive Internationaal

Bedrijfsomschrijving Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de eigen applicaties inhouse ontwikkeld in onder andere Oracle, Java en OutSystems. Deze applicaties worden in meer dan 15 Europese landen gebruikt en de volledige ontwikkeling hiervan vindt plaats in het hoofdkantoor gevestigd in regio Utrecht. Vanuit hier worden 15 landen (ruim 2200 gebruikers) en duizenden klanten voorzien van support en de juiste IT systemen. De ontwikkelde

Bekijk vacature »

Senior Python Developer

Do you want to work as a Senior / Principal Python developer and mostly REMOTE? Are you ready for a new challenge within a international scale up? Do you want to help many people and companies with interesting solutions to make their life easier? And for a good salary and other conditions? Then read on and respond! Our client is currently looking for an experienced Python Developer with at least 5 years of experience. As a Python Developer your job is to develop, build and improve new existing functions. You will work within a driven and strong (mainly seniors) team.

Bekijk vacature »

Java Software Developer - Utrecht - Startup

Are you looking to extend your skillset, develop ground-breaking software and work together with a great team on projects that matter? Are you interested in using the latest technologies and dive deeper into the world of Blockchain and Artificial Intelligence? Work with great people on great projects that matter Improving social benefit programs supporting (local) government, healthcare and education Helping people and businesses to take control of their personal information and data Sharing W3C Verifiable Credentials like competencies, certificates, diplomas Decentralized finance and Tokenization Improving support and reliability of medical trials Opportunity to work on Blockchain standardization Improving stewardship and

Bekijk vacature »

ServiceNow Consultant

The recent developments have led to worldwide measures. Most of us are working from home and facing all sort of challenges. You most likely have to keep a lot of plates spinning and manage projects, which may remind you of your role as a consultant. We are coping with the same as you are! At Accenture Technology we are dedicated to support our Service Management community. We are open to discuss options in the near future with Accenture. Are you into Service Management technologies and daydreaming about the next step in your career? Get in touch with us via the

Bekijk vacature »

Medior C#.Net Developer

Bedrijfsomschrijving Deze organisatie is werkzaam in de e-commerce branche. Het is een snel groeiende internationale organisatie met ambitieuze medewerkers en ambitieuze groeiplannen. Het is een dynamische omgeving met veel uitdagende projecten. De organisatie is volledig overgegaan op de Agile werkwijze. Naast de twee huidige scrumteams zijn zij bezig met het opzetten van een derde scrumteam. Daarom zijn ze op zoek naar een fullstack .NET Software Engineer / Developer. Ze zoeken een Software Engineer / Developer die het leuk vindt applicaties helemaal opnieuw op te bouwen en zich bezig te houden met doorontwikkeling. Maar die het daarnaast ook leuk vindt om

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

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

02/12/2020 17:07:06
 
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.