Menu naast content

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Low Code Ontwikkelaar

In het kort Als Low Code Developer werk je aan projecten bij en voor onze klanten, waarbij je voor het ontwikkelen van de oplossingen een technisch low-code platform gebruikt. Samen met het team streef je naar de beste oplossing en bepalen jullie de juiste aanpak. Je rol is divers en je bent van begin tot eind betrokken bij de ontwikkeling zowel de back-end en de front-end van de applicatie. Naast de ontwikkeling en oplevering, breng je ook advies uit aan de klant waarom bepaalde keuzes worden gemaakt. Je bent dan ook communicatief sterk en kunt je keuzes goed (inhoudelijk) onderbouwen.

Bekijk vacature »

C# developer

Functie Als C# ontwikkelaar ben jij de spin in het web bij deze organisatie. Jij begeleidt en traint de field engineers die bij de klanten machines leveren en installeren. Daarnaast ondersteun jij de field engineers als zij bij de klant vastlopen bij het installeren van de machine m.b.t. software matige vragen. Jouw doel is dan ook om de technische kennis van de field engineers door middel van training zoveel mogelijk uit te breiden. Dit om ervoor te zorgen dat zij zelfstandiger software matige problemen kunnen oplossen. Ook ben jij verantwoordelijk voor het bedenken van software oplossingen voor klanten en dit

Bekijk vacature »

Mendix Developer

For our client in Amsterdam, we are looking for a Senior Mendix Developer. Company description Our client is an IT Consultancy company who’s been active for 10 years now. With their ambitious team, they are working with different clients in order to help them with analyzing their data and giving advice to them, regarding how they can use their data in the smartest ways, or to make sure that their mobile or web applications are working efficiently. As you get a glimpse of various industries, it is guaranteed that no day will be the same. Job description As a Mendix

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 »

Front-end Angular developer

Functie In jouw rol als Front-End developer werk je samen met de backend developers om middels tweewekelijkse sprints het platform naar een hoger niveau te tillen. Hiernaast heb je affiniteit met data en werk je graag samen met het team om de gegevensintegriteit en -beveiliging te waarborgen, om ervoor te zorgen dat de gebruiker wereldwijd de beste SaaS-services heeft. Deze organisatie heeft meer dan 100 mensen in dienst, waarvan er 45 in Nederland werken. Het ontwikkelteam bestaat uit 10 mensen en is verdeeld in 2 scrumteams. Het eerste team bestaat uit Java en Scala ontwikkelaars. Het tweede team, waar jij

Bekijk vacature »

Software Developer

Dit ga je doen Je bent verantwoordelijk voor de warehouse applicatie die een integratie heeft met de PLC laag; Je ontwikkelt in C#/.Net; Je werkt mee aan de migratie naar .NET 6; Je bent verantwoordelijk voor het ontwikkelen van interfaces en het visualiseren van componenten; Je denkt mee over het design voor business oplossingen; Je bent verantwoordelijk voor het testen van de gebouwde oplossing. Hier ga je werken Voor een internationale organisatie in de transport zijn wij momenteel op zoek naar een Software Developer. Zij zijn wereldwijd de grootste speler en lopen voorop met het automatiseren van alle processen van

Bekijk vacature »

Trainee pega developer

Wil jij een mooie stap maken in jouw carrière? Mooi! Bij De Mandemakers Groep haal je binnen 6 maanden je CSA- en CSSA-certificaten, waarna jij aan de slag kan als Pega-developer in ons IT-team. Achter de schermen zorg jij ervoor dat collega’s efficiënt werken en klanten iedere dag beter geholpen worden. Wil jij daaraan bijdragen? En jouw ICT-skills ontwikkelen? Lees dan snel verder en solliciteer vandaag nog als trainee Pega-developer. Wat ga je doen? Als trainee Pega developer leiden wij je op tot gecertificeerd software developer voor het low-code platform PegaSystems. In de training ben je verantwoordelijk voor een te

Bekijk vacature »

Senior Front-end developer (React)

Functie Met een ontwikkelafdeling van ruim 20 collega’s is dit zo ongeveer de helft van alle medewerkers. De software(ontwikkeling) is dan ook de drijvende kracht binnen de organisatie. Ze werken aan het verbeteren dan de bestaande, maar zeker ook nieuwe producten. De software bestaat uit verschillende (React) webapplicaties, maar ook een mobile (React native) app. Hierdoor kom je met verschillende uitdagingen in aanraking en is Mobile kennis natuurlijk mooi meegenomen. De software wordt door vele duizenden professionals dagelijks gebruikt en bevatten grote hoeveelheden data. Aan het team de uitdaging om hierin de best mogelijke gebruiksvriendelijkheid neer te zetten door gebruik

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Medior PHP developer

Functie Samen met je development team werk je Agile Scrum en met jullie gezamenlijke kennis en ervaring bepalen jullie samen de beste keuze voor techniek en architectuur. Naast het ontwikkelen van software ben je continue bezig om ook jezelf te ontwikkelen. Ze werken met o.a.: PHP, Laravel, Doctrine, PHP Unit, Behat, React, TypeScript, (My)SQL, Postgress, Redis, ElasticSearch, Docker, Nginx, GIT flow, JIRA, AWS. Eisen • HBO werk- en denkniveau • Je hebt goede kennis en ervaring met PHP • Je bent niet bang voor complexe projecten • Je werkt graag zelfstandig aan applicaties • Je bent altijd nieuwsgierig naar nieuwe

Bekijk vacature »

Ervaren Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als ervaren developer zul je hiernaast ook andere developers assisteren en waar nodig de leiding nemen in het project.

Bekijk vacature »

JAVA Programmeur

Bedrijfsomschrijving Functieomschrijving We zoeken per direct enthousiaste software engineers die ons team komen versterken.We werken in DevOps teams met een sterk gevoel voor verantwoordelijkheid. Er wordt nauw samengewerkt met ons Business analyse team (BAT), met onze uitvoerende medewerkers en met de DevOps teams onderling binnen het domein. Het liefst hebben we veel en vaak interactie met onze interne en externe eindgebruikers om zo de juiste dingen te maken. We werken multidisciplinair in een dynamische omgeving. Achtergrond opdracht De Businesseenheid Examens is verantwoordelijk voor de logistiek van de staatsexamens Voortgezet (speciaal) onderwijs, Nederlands als 2e taal en schoolexamens. In het kader

Bekijk vacature »

C#.NET ontwikkelaar

Functie omschrijving Voor een softwarebedrijf in de omgeving van Veghel zijn we op zoek naar een C# developer. Word jij blij van ontwikkelen in C# en .NET? Lees dan snel verder! Jouw werkzaamheden zullen er als volgt uit gaan zien: Op basis van de wensen van de klant ga je samen met je collega's ga je op zoek naar de juiste oplossingen en je gaat dit uitwerken tot een mooi eindproduct. Je bouwt webshops, webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Framework en C#. Je zorgt voor de optimalisering van bestaande software en de automatisering van

Bekijk vacature »

Airport Developer / System engineer

De functie Als onze nieuwe Airport Developer / System Engineer is je doel om uit nieuwbouw- en onderhoudsprojecten maximale waarde te creëren voor Schiphol Group en haar stakeholders. Vanuit je visie en expertise, maar ook (technologische) ontwikkelingen, wetgeving en beleid vertaal je klantwensen naar een gedegen programma van eisen. In de planontwikkelingsfase werk je nauw samen met Plan Ontwikkelaars om je kennis in te brengen ten behoeve van de kwaliteit van het investeringsvoorstel. Je overlegt met diverse partijen, stelt de vraag achter de vraag en verbindt zo de belangen van de luchthaven, proceseigenaar en asseteigenaar om tot een gedragen ontwikkelopgave

Bekijk vacature »

BizTalk/ Azure Developer

Dit ga je doen •Understanding the scope of required functionality, translate them within context of way of working of the team into developed solutions, whilst safeguarding documentation; •Planning based on assigned sprint tasks; •Acting as an expert in estimation techniques and planning; •Understanding your role in the agile process and act in this way; •Facilitating internal communication and effective collaboration; •Working closely with scrum master to handle backlogs and new requests; •Providing information to the third parties about activities and needs for compliance. Hier ga je werken Our client is a leading organization focusing on animal nutrition, offering solutions that

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

18/06/2024 23:51:40
 
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.