Menu naast content

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack Developer/ Applicatie Ontwikkelaar

Wat jij doet Als Applicatie Ontwikkelaar ben je onderdeel van het team die de Rimote omgeving ontwikkeld en onderhoud. Hierbij kan je denk aan de cloud, on premise en webapplicaties welke worden gebruikt in bijvoorbeeld industriële bakkerijen, biogasinstallaties en kwekerijen. Deze applicaties verzorgen (remote) de aansturing en monitoring van processen, machines en robots. Van a tot z ben je betrokken bij projecten. Dit betekent vanaf ontwerp tot oplevering. Je moet samen met jouw team een goed product neer zetten. Dit begint met het opzetten van het ontwerp. De basis van de software moet staan als een huis. Daarvoor moet jij

Bekijk vacature »

Senior Front-end Developer

Wordt jij de nieuwe Front end specialist / developer? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel binnen als

Bekijk vacature »

Senior Organisatieontwikkelaar

Als Organisatieontwikkelaar zorg je ervoor dat we in het magazijn van Coolblue altijd vooruit voetballen op het gebied Medewerker en Organisatie Ontwikkeling. Zo draag je bij aan een toekomstbestendig magazijn waar we klanten én medewerkers elke dag blijven verwonderen. Wat doe je als Senior Organisatieontwikkelaar bij Coolblue? Als Organisatieontwikkelaar werk je voor het magazijn van Coolblue. Je krijgt er energie van om continue te bouwen aan een toekomstbestendige organisatie. Dat doe je samen met 17 collega's in het HR-team, ieder met een eigen specialisme. Je werkt graag zelfstandig en je weet snel je weg te vinden als verandermanager. Ook ben

Bekijk vacature »

Full stack developer Node.js

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collega’s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

C# .NET Software Developer

Functie omschrijving Ben jij op zoek naar een nieuwe uitdaging binnen software development waar je gaat werken voor een jong en flexibel bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Software Developer met ervaring binnen C# .NET die enthousiast wordt van het aansluiten en begeleiden van (complexe) nieuwe klanten. Verder begeleid je complexe projecten, ben jij iemand die altijd kansen ziet? Dan zoeken wij jou! In deze functie ga jij je bezighouden met: Meedenken in oplossingsrichtingen; Werken aan de architectuur; Het verbeteren van functionaliteiten binnen het dataplatform; Ontwikkelen van nieuwe technologieën. Bedrijfsprofiel Waar ga je aan de

Bekijk vacature »

C# Ontwikkelaar

In het kort Als C# .NET Core ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag 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 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 we deze uitdaging

Bekijk vacature »

Backend developer

Functie omschrijving Ben jij graag bezig met de back-end van applicaties? Zou je dit graag willen doen voor een kleine werkgever waar ook tijd is voor een drankje op zijn tijd? Je taken hierbij zullen bestaan uit: Gebruik maken van de volgende technieken: .NET (core), C#, SQL, XML, MVC, JSON, REST & SOAP API. Gebruik maken van de volgende tools: Visual Studio, GIT, Jira, Jenkins. Bovengenoemde technieken en tools ga je gebruiken om: Nieuwe functionaliteiten te ontwikkelen. Wijzigingsverzoeken van klanten uitvoeren. Verzorgen van koppelingen tussen data. Bedrijfsprofiel Jouw nieuwe werkgever bevindt zich in regio Raamdonksveer en bieden oplossingen op gebied

Bekijk vacature »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

(Lead) PHP Software Developer

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een PHP software developer met een aantal jaar werkervaring. Je krijgt een plek in een klein team met 2 andere software developers. Wil jij graag werken met de nieuwste technieken bij een bedrijf waar jij de lead gaat nemen in de verder ontwikkeling en modernisering van een eigen software pakket? Dan ben je hier aan het juiste adres! Jouw werkzaamheden gaan er als volgt uit zien: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "in-house" ontwikkelde multimedia platform. Je neemt de lead in

Bekijk vacature »

Senior .NET developer

Functie As a Senior .NET developer you will work in our Research & development team. Our team consists of 17 colleagues! We are currently busy setting up a completely new architecture for a new product. We use VS2022 and .NET 6.0 for our new product. Your function is therefore mainly backend oriented. Since we develop measuring equipment for the chemical industry, it is also very important to develop high-quality software for its control. You are also responsible for designing, implementing and testing new features. For this position its also very important to ensure future-proof and sustainable architecture. Eisen - A

Bekijk vacature »

Front-end developer (React)

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

Backend Developer Scrummaster .NET

Samengevat: Deze werkgever is een ambitieus internetbedrijf met een passie voor digitale communicatie. Ben jij geschikt als Backend Developer? Heb je ervaring met .NET platform? Vaste baan: Backend Developer / SCRUM Master Scrum HBO WO €3.800 - €6.000 Deze werkgever is een innovatief bedrijf met enthousiaste mensen die jarenlang ervaring hebben met het ontwikkelen internet- en intranetoplossingen. Wij houden van korte lijnen en open en eerlijke communicatie. Wij zetten graag onze jarenlange ervaring in om perfect werkende oplossingen te ontwikkelen. Wij ondersteunen dienstverlenende organisaties bij het ontwikkelen en realiseren van een effectief, adaptief communicatieplatform. Je ontwikkelt met ons de meest

Bekijk vacature »
Ferdi R

Ferdi R

02/08/2015 20:32:27
Quote Anchor link
http://jsfiddle.net/gpxeF/1908/

Ik heb deze fiddle gemaakt en het lukt mij niet om de menu naast het content te krijgen.

De menu heeft een vaste waarde/breedte en het content is responsive. Ik heb het al met position: absolute geprobeert maar dan overlapt de footer het menu.

Wie weet een oplossing?
Gewijzigd op 03/08/2015 08:46:04 door Ferdi R
 
PHP hulp

PHP hulp

29/04/2024 02:37:41
 
Robert Wazzaa

Robert Wazzaa

02/08/2015 20:34:30
Quote Anchor link
Zoiets: http://jsfiddle.net/kpouhnbr/

Ik heb er display table en table-cell van gemaakt, dit geeft straks heel veel voordelen in tegenstelling tot float
 
Ferdi R

Ferdi R

02/08/2015 20:41:45
Quote Anchor link
Jah zoiets, maar hoe krijg ik het menu nou aan de linkerkant zonder de HTML te veranderen?
 
- SanThe -

- SanThe -

02/08/2015 22:55:42
Quote Anchor link
Is dat belangrijk?

Want dit werkt gewoon:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<div class="main">
  <div class="zijmenu">Menu</div>
  <div class="content">Content</div>
</div>
 
Ferdi R

Ferdi R

03/08/2015 08:47:55
Quote Anchor link
Dat is belangrijk want voor mobile weergave moet het content boven de zijmenu weergegeven worden.
 
Robert Wazzaa

Robert Wazzaa

03/08/2015 09:07:26
Quote Anchor link
Je kan met javascript de elementen van volgorde laten wijzigen.
Of je plaatst het menu 2 keer. de ene laat je op mobiel zien, de andere niet.
 
Marco Eilander

Marco Eilander

03/08/2015 09:34:38
Quote Anchor link
en als je menu een width geeft van 50%, content een width 50% en content laat floaten naar rechts?

http://jsfiddle.net/sulanum/64hucbmh/
Gewijzigd op 03/08/2015 10:19:34 door Marco Eilander
 
Eschwin Moerkerken

Eschwin Moerkerken

03/08/2015 11:22:08
Quote Anchor link
als je je menu naast je content wilt floaten kun je ook je content een breedte geven aan de hand van overgebleven pixels en allebei alsnog naar links laten floaten.

Voorbeeld:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
.zijmenu {
width: 200px; // vaste breedte
float:left;
}

.content {
float:left;
width: calc(100% - 200px); // hier is de 200px weer de breedte van het menu. INCLUSIEF padding, margins en borders.
}


Dat zou de truc moeten doen, op mobiel geef je ze allebei een breedte van 100% mee en eventueel een display:block; zodat ze onder elkaar komen te staan.
Gewijzigd op 03/08/2015 11:22:52 door Eschwin Moerkerken
 
Ferdi R

Ferdi R

03/08/2015 12:31:17
Quote Anchor link
http://jsfiddle.net/gpxeF/1916/

Dit is het enigste manier dat ik het voor elkaar krijg alleen de tweede content en de footer schieten hierdoor naar boven.
 
Eschwin Moerkerken

Eschwin Moerkerken

03/08/2015 12:45:55
Quote Anchor link
http://jsfiddle.net/gpxeF/1918/

Kijk, wil je meer weten over flexbox kun je het beste even hier kijken:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Je was veel moeilijker bezig dan dat het is. Ik heb inline commentaar bijgeschreven voor wat wat is. Wel raad ik je aan om van te voren na te denken over de structuur van je website en wat bij elkaar hoort.

Tegenwoordig doe je dat met <header></header> tags, maar ik heb voor de duidelijkheid nog even <div> elementen gebruikt met ID's.

Toevoeging op 03/08/2015 13:26:58:

Robert Wazzaa op 03/08/2015 09:07:26:
Je kan met javascript de elementen van volgorde laten wijzigen.
Of je plaatst het menu 2 keer. de ene laat je op mobiel zien, de andere niet.


Wat een nog betere oplossing is:
Zet wat je links wilt laten zien als tweede in de html structuur en laat dit op de desktop links floaten.
Voor de mobiele versie haal je de float weg en komt deze er dus onder te staan.
Gewijzigd op 03/08/2015 12:48:39 door Eschwin Moerkerken
 
Ferdi R

Ferdi R

03/08/2015 14:30:36
Quote Anchor link
Ik heb je opmaak gebruikt en een beetje aangepast hoe ik het wil hebben, ik heb het menu en content omgedraaid met flex-direction: row-reverse;

http://jsfiddle.net/gpxeF/1920/
Gewijzigd op 03/08/2015 14:38:21 door Ferdi R
 
Eschwin Moerkerken

Eschwin Moerkerken

03/08/2015 14:37:22
Quote Anchor link
Je wilt hem waarschijnlijk op een mobiele variant onder de content hebben, dan is dit een uitstekende oplossing natuurlijk! :)
 



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.