Onverwacht resultaat volgorde

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Front-End Developer

As a Senior Front-end Developer you maintain the balance between creativity and functionality for our webshop, and you coach your fellow developers. How do I become a Senior 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 Senior Front-End Developer at Coolblue?

Bekijk vacature »

Liferay developer

Dit ga je doen Je werkt in een klein team met Liferay. Liferay zit tussen de front-end en back-end in. Je houdt je dus bezig met zowel de front- als back-end Je houdt je bezig met het ontwikkelen van applicaties, websites, portalen, samenwerkingsomgevingen etc, voor mooie maatschappelijk opdrachtgevers; Naast het werken in Liferay ben je ook bereid andere talen te leren. Je bent werkzaam in zelfsturende teams, waardoor je ook de mogelijkheid hebt om wat meer leidinggevende taken uit te kunnen voeren; Hier ga je werken Deze organisatie is er een waar je bij wilt horen! Lijkt jou het gaaf

Bekijk vacature »

.NET developer

Over deze functie Als .NET developer bouw je mee aan innovatieve dienstverlening en draag jij bij aan de groei van de organisatie. Kenter groeit namelijk hard op het gebied van kwaliteit, professionaliteit en innovatie en is altijd op zoek naar verbeteringen. Zij richten zich op de ontwikkeling van moderne meetoplossingen, ook juist op korte termijn. Zo kunnen zij vooruitlopen op het gebied van IoT, realtime data en andere innovatieve oplossingen. Als .NET developer ben je van onschatbare waarde. Je werkt samen met ruim 20 IT professionals aan zowel greenfield- als legacy-projecten. Dat doe je in samenwerking met ontwikkelaars, data engineers,

Bekijk vacature »

Freelance senior ICT ontwikkelaar (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 86,00 Team LIV is op zoek naar een enthousiaste, flexibele, multitaskende en hands-on ontwikkelaar met veel ervaring in het gedeeltelijk of volledig zelfstandig bepalen van ontwikkel- en realisatie aanpak. Onze nieuwe collega moet in staat zijn te werken in een hectische omgeving waarbij er sprake is van zeer verschillen realisatietrajecten voor wat betreft(technische)diepgang, startmoment (wel/geen beschrijvingen beschikbaar) en klantcontact. De gekozen ontwikkelmethodiek dient passend te zijn voor het op te lossen vraagstuk waarbij samenwerking met de testengineer in relatie tot Systeem integratie test

Bekijk vacature »

Front-end Developer Angular

Dit ga je doen Als Front-end Developer zullen jouw taken voornamelijk bestaan uit: Het (door)ontwikkelen van applicaties op het SaaS platform (met o.a. TypeScript, Angular 12, CSS); Het uitvoeren van code reviews; Het meebeslissen over de inzet van bestaande en nieuwe controls en deze onderbrengen in een referentie-applicatie; Het bijdragen aan de professionalisering en verbetering van de applicaties; Het onderhouden van contact met verschillende stakeholders (ook buiten Nederland). Hier ga je werken Wat ga ik doen? Als Front-end Developer ga jij je focussen op het ontwikkelen van applicaties op het SaaS platform van een organisatie die software ontwikkelt voor de

Bekijk vacature »

Senior .NET Ontwikkelaar

In het kort Als Senior .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag met complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek (denk aan ECT) en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan

Bekijk vacature »

Productontwikkelaar (Jr.)

In deze nieuwe functie werk je nauw samen met meerdere afdelingen, zoals de productie afdelingen en de afdeling Commercie. Ook heb je regelmatig contact met leveranciers m.b.t. de materialen benodigd voor de (nieuwe) verpakkingen. Functieomschrijving Je hebt een actieve deelname in product ontwikkelingstrajecten. Hierbij ben je dagelijks bezig met de instroom van nieuwe klanten, nieuwe artikelen, nieuwe recepturen en nieuwe verpakkingen / merken. De klanten en producten zijn heel divers, voornamelijk actief in de horeca en de retail. Voordat de productie van een nieuw artikel kan starten moet aan veel zaken worden gedacht. Je bent hierbij de spil in het

Bekijk vacature »

C# Software Developer

Samengevat: Deze werkgever is een IT bedrijf. Wil jij betrokken zijn bij de ontwikkeling van onze producten en diensten? Heb jij ervaring als software developer? Vaste baan: C# Software Developer Java HTML WO 3.100 - 4.100 Software Developer Deze werkgever is sterk in het op maat inzetten en beheren van ERP-systemen, met name SAP. Deze werkgever levert aan middelgrote ondernemingen een totaal oplossing. Ook zijn zij actief op het gebied van de ontwikkeling van webapplicaties, webshops en portals. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

ETL Ontwikkelaar

Dit ga je doen Je werkzaamheden zijn o.a.: Onderhouden, uitbreiden en continu verbeteren van het dataplatform; Managen van staging, repositories, datawarehouse, cubes en datamarts; Data pipe line voor end of live rapportages inrichten in de datawarehouse omgeving; Toevoegen van nieuwe data sources aan het platform; Hier ga je werken De organisatie gevestigd in de regio Amsterdam is te omschrijven als een semi overheidsinstelling en telt ruim 700 medewerkers. De werksfeer is te omschrijven als familiair, men wil elkaar echt helpen, maar ook vooruitstrevend en ambitieus. Men kijkt naar interne en externe processen en probeert deze continu te verbeteren. Er wordt

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

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 these within the team. You also take pride in your work and welcome any feedback. Would you like to become a Front-End Developer at Coolblue? Read below if the job suits you. You

Bekijk vacature »

Experienced Flutter Developer

In this role you’ll work as an experienced Flutter Developer for a fast growing Dutch Mobile company. Together with your team you’ll work on a variety of innovative apps. You will write, maintain, develop, add new features to existing mobile applications. You will also review code. You will be part of the entire Flutter App development lifecycle. Functie-eisen You have several years experience with Flutter Development You have previous experience with iOS or Android Development You are familiar with Gitflow You are familiar with code review You have a bachelors degree in IT or related study You are passionate and

Bekijk vacature »

Freelance senior Programmeur (zzp)

Dienst Uitvoering Onderwijs Uren per week: 36,00 Standplaats: Groningen Max tarief: € 90,00 Startdatum inzet: 2-1-2023 Einddatum inzet: 1-1-2024 Wat doen we voor werk momenteel? Nieuwe applicaties: We bouwen nieuwe applicaties voor inwinnen B3/B4 scholen. Deze scholen kunnen inschrijvingen via een website aanleveren per keer of meerdere inschrijvingen via bestand. Deze inschrijvingen leggen we vast en ze kunnen ook beheerd worden. Moderniseren: Daarnaast hebben we zoals alle andere teams ook een flinke migratie voor de boeg om in de Cloud te landen. Eén applicatie (AVOID) hebben we al succesvol gemigreerd en deze draait bijna in PRD. De grootste uitdaging voor

Bekijk vacature »
Jan Kila

Jan Kila

22/02/2020 15:31:52
Quote Anchor link
Dit is het resultaat van de huidige code: https://ibb.co/C6S0JH4
Dat wil ik niet. Ik wil dat de inhoud van een html file tussen de header en de footer komt te staan. Concreet betekent dat in het blauwe rood omrande vak.

Waarom de inhoud van de html file nu een beetje onderaan erbij bungelt is me een raadsel.
Heeft iemand een suggestie voor een oplossing?

Dit is de code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
/Class homeController extends mainController
{
    public function index()
    {

        require __SITE_PATH.'/views/header.php';

        require __SITE_PATH.'/views/home_index.php';

        require __SITE_PATH.'/views/footer.php';
    }
}
    // Class indexControl
?>

Wat zie ik over het hoofd dat er voor zorgt dat de volgorde van executie wijzigt?
 
PHP hulp

PHP hulp

05/02/2023 01:52:34
 
Rob Doemaarwat

Rob Doemaarwat

22/02/2020 16:07:17
Quote Anchor link
De volgorde zal wel goed zijn. Ik vermoed dat je HTML een beetje gammel is, waardoor de browser zelf een paar sluit-tags (bijvoorbeeld </div>) invoegt om de boel weer kloppend te maken. Kijk eens naar de broncode (Firefox laat zelfs al met rode tags zien waar het volgens hem mis gaat). Of plaats de resulterende HTML hier of zet een demo online.
 
Jan Kila

Jan Kila

22/02/2020 16:37:01
Quote Anchor link
Dit is de HTML zoals aangemaakt met voornoemde code.
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
85
86
87
88
89
90
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="Jan H. Kila">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Aleph-Design: Levensverhaal Jan H. Kila</title>
  <link rel="stylesheet" href="http://localhost:3000/assets/css/style.css">
  <script type="text/javascript" src="http://localhost:3000/assets/js/myScript.js"></script>
</head>

<body>
<div class="nav-bar">

  <div class="logo">
    <img src="http://localhost:3000/assets/images/img/aleph-logo.png" alt="">
  </div>

  <a class="active" href="http://localhost:3000/home">Home</a>

 <div class="drop-down">
    <button class="drop-button">
      <a class="" href="http://localhost:3000/story">Levensverhaal<span>?</span></a>
    </button>
    <div class="dropdown-content">
      <a href="">&nbsp;0 tot &nbsp;7 jaar</a>
      <a href="">&nbsp;7 tot 14 jaar</a>
      <a href="">14 tot 21 jaar</a>
      <a href="">21 tot 28 jaar</a>
      <a href="">28 tot 35 jaar</a>
      <a href="">35 tot 42 jaar</a>
      <a href="">42 tot 49 jaar</a>
      <a href="">49 tot 56 jaar</a>
      <a href="">56 tot 63 jaar</a>
      <a href="">63 tot 70 jaar</a>
      <a href="">70 tot 77 jaar</a>
      <a href="">77 tot 84 jaar</a>
      <a href="">84 tot 91 jaar</a>
      <a href="">Alle Verhalen</a>
    </div>
  </div><!-- class dropdown -->

  <a class="" href="http://localhost:3000/memory">Memory</a>

  <div class="drop-down">
    <button class="drop-button">
     <a class="" href="http://localhost:3000/project">Projecten<span>?</span></a>
    </button>
    <div class="dropdown-content">
      <a href="http://localhost:3000/printer">3D-Print</a>
      <a href="http://localhost:3000/app/init-mvc.php">MVC-app</a>
      <a href="http://localhost:3000/app/init-klok.php">Torenklok</a>
      <a href="http://localhost:3000/app/init-cnc.php">CNC</a>
    </div>
  </div><!-- class dropdown -->

  <a class="" href="http://localhost:3000/contact">Bericht</a>

</div><!-- class nav-bar -->

<div class="content-wrapper">

  <h1></h1>

    <div class="mail-wrapper">
        <div class="mail-content">
            <div class="mail-field">
                <label>Uw e-mail adres:</label>
                <input type="text" id="em13l">
            </div>
            <div class="text-field">
                <label>Uw bericht:</label>
                <textarea rows="5" cols="50" id="t3kst"></textarea>
            </div>
            <div class="submit-button">
                <input type="submit" value="Versturen" onclick="postData()">
            </div>
            <div class="msg-field">
                <!--<div id="status"></div>-->
                <div id="response"></div>
            </div>
        </div>
    </div>

</div><!-- content-wrapper -->

<div class="footer">
    (C) Footer
</div>

</body></html>

Ik zie geen vreemde dingen.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

22/02/2020 17:14:46
Quote Anchor link
en je CSS ?
 
Jan R

Jan R

22/02/2020 18:53:12
Quote Anchor link
Jan Kila op 22/02/2020 16:37:01:
Ik zie geen vreemde dingen.


Er is zelfs geen doctype +2 andere fouten en 2 warnings volgens w3c
 
Rob Doemaarwat

Rob Doemaarwat

22/02/2020 19:47:32
Quote Anchor link
Frank Nietbelangrijk op 22/02/2020 17:14:46:
en je CSS ?

HTML ziet er inderdaad redelijk goed uit. Iets in je CSS met float, waardoor de ene <div> boven de andere komt?
 
Jan Kila

Jan Kila

22/02/2020 22:46:07
Quote Anchor link
Geen float's in CSS, ik gebruik flexbox.
De HTML is een kopie van de paginabron, de DOCTYPE vergeten mee te kopiëren.
Wat zijn de twee andere fouten? Zo weet ik nog niks.

De ene div boven de andere; ik zou het niet weten maar kijk er naar.
 
- SanThe -

- SanThe -

23/02/2020 07:36:30
 
Jan Kila

Jan Kila

23/02/2020 13:45:51
Quote Anchor link
@ SanThe
Quote:
Error: The element a must not appear as a descendant of the button element.
From line 22, column 7; to line 22, column 53
n">? <a class="" href="http://localhost:3000/story">Levens

OK, dat maakt het helder.

Maar... aangezien dit in de header zit, het eerste stukje code, lijkt me dat geen oorzaak van m'n probleem.
Of zie ik dat verkeerd?
 
Thomas van den Heuvel

Thomas van den Heuvel

23/02/2020 14:32:30
Quote Anchor link
Als je de HTML-broncode van de geladen pagina bekijkt (Ctrl-U in je browser), en daar staat alles in de goede volgorde, dan zit er ofwel een fout in je HTML-syntax, of jouw CSS gaat schuiven met elementen.

Wat als je je pagina eens laadt zonder je stylesheet? Staat dan wel alles (visueel) in de goede volgorde? Met deze strategie elimineer je in één keer het halve zoekgebied, zodat je sneller kunt inzoomen op het daadwerkelijke probleem.

Mogelijk is een van de "containers" te groot, zodat deze andere content uit de weg drukt ofzo. Ook via de developer tools (F12 functietoets) kun je mogelijk met de zogenaamde element inspector snel op (visueel) onderzoek uitgaan wat er precies aan de hand is?
 
Rob Doemaarwat

Rob Doemaarwat

23/02/2020 17:23:55
Quote Anchor link
Plak je CSS er eens bij (of nog beter: zet een versie online - kunnen we live meekijken).
 
Jan Kila

Jan Kila

24/02/2020 11:23:47
Quote Anchor link
Thomas,
Dank voor de suggesties, maar... die had ik al bedacht en dat bracht mij bij een tot dusver onverdacht stukje HTML/CSS.
De div met de class="content-wrapper' heb ik in eerste instantie geen hoogte gegeven. Die div blijkt erg weerbarstig om zijn hoogte aan te passen aan z'n inhoud. Iets wat ik wel van hem verwacht.
Ik heb het nu opgelost door een CSS regeltje toe te voegen:
height: calc(100vh - 110px);
Iedereen dank voor het meedenken.
Gewijzigd op 24/02/2020 11:27:12 door Jan Kila
 
Thomas van den Heuvel

Thomas van den Heuvel

24/02/2020 16:18:48
Quote Anchor link
Er zijn meerdere manieren om een div de maximale hoogte (van het omvattende element) te geven en -wat je waarschijnlijk uiteindelijk hiermee wilt bereiken- de footer aan de bodem te plakken.

Je zou bijvoorbeeld de footer op kunnen nemen in de voet van de wrapper door deze absoluut te positioneren ten opzichte van deze wrapper. Je hoeft dan enkel te zorgen dat de wrapper wat ruimte overlaat voor de footer en dat de wrapper zelf de maximale hoogte bestrijkt. Dit hangt verder niet af van de hoeveelheid andere content in deze wrapper.

Het bovenstaande, waarbij je de hoogte uitrekent, mag dan werken, maar misschien is dat een beetje een kunstgreep.
 
Jan Kila

Jan Kila

24/02/2020 16:29:24
Quote Anchor link
Quote:
maar misschien is dat een beetje een kunstgreep.

Dat is toch bijna alles in het leven.
Het is opgelost en ik vind het verder wel prima zo.
 



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.