Menu naast content

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Developer

Dit ga je doen Ontwikkelen aan de software dat beschikbaar is op de substations; Ontwikkelen in C++, C, Python en JavaScript. Daarnaast op een Embedded Linux omgeving, opgebouwd met containers en DevOps; Meewerken aan cyber security (OWASP); Uitvoeren/bouwen van geautomatiseerde testen in samenwerking met de Quality Specialist; Vertalen van wensen van de klanten/business naar werkbare/duurzame oplossingen. Hier ga je werken Als Software Ontwikkelaar kom je te werken bij een organisatie gericht op de (internationale) energiemarkt, waar wordt gewerkt voor het verwerven en verwerken van realtime, high quality data. Er wordt gewerkt vanuit het hart van de substations en direct voor

Bekijk vacature »

Functioneel applicatiebeheerder - SOP-SYS-SAM

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Functioneel Applicatiebeheerder voor het financiele domein op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je gaat samenwerken in een team van circa 15 functioneel applicatiebeheerders en gaat onderdeel uitmaken van een DevOps team. Met dit team ga je applicaties (laten) ontwikkelen en beheren. Hierbij concentreer je je vooral op

Bekijk vacature »

Medior Front end developer React

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor op de

Bekijk vacature »

Social Media Specialist

Social Media Specialist locatie: Rotterdam (Zuid Holland) Wij zoeken op korte termijn een nieuwe collega, een social media specialist/ adviseur sociale media (24 uur), voor ons sprankelende team Communicatie van CJG Rijnmond. Onze focus ligt op het informeren en binden van onze in- en externe klanten en stakeholders en het versterken van onze naamsbekendheid en zichtbaarheid. Dat doen we in nauwe samenwerking met elkaar. Over de functie Ons team bestaat uit 7 communicatieprofessionals met ieder een eigen expertise. Als lid van het online team ben je verantwoordelijk voor het ontwikkelen, uitvoeren en analyseren van onze socialemediastrategie. Ook stel je campagnes

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Programmeur / Developer

Voor een familiebedrijf in Doetinchem, actief in de machinebouw voor de food-sector, zijn wij op zoek naar een programmeur / developer. In deze functie ben je werkzaam in een team van 5 medewerkers. Je werkzaamheden bestaan onder andere uit het verhelderen van requirements vanuit de opdrachtgever, de klant en de afdeling ontwikkeling. Je verricht haalbaarheidsstudies en werkt specificaties uit die je afstemt met de opdrachtgever. Je ontwerpt design in software en stemt af met je collega's. De huidige vision-systemen zijn geschreven in C software, welke draait op een CUDA platform. Je schrijft en codeert software en zal gaan testdraaien. Tot

Bekijk vacature »

Java developer

Als Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community die bestaat uit ruim 100 gepassioneerde Java professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfs kritische systemen voor onze klanten in regio Noordoost zoals DUO, ING, CJIB en Tendernet. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We organiseren regelmatig technische Meetups en doen veel aan kennisdeling. Sogetisten hebben plezier in hun werk en staan

Bekijk vacature »

C#.NET Developer

Functieomschrijving We are looking for a dutch native speaker In deze uitdagende functie ga je werken als onderdeel van het development team, in de functie van C#.NET Developer, Je gaat maatwerk software bouwen voor diverse klanten. Ook optimaliseer je bestaande software en bouw je API koppelingen. Je bent vooral met back-end development bezig. Je krijgt veel vrijheid in deze functie en je krijgt de kans om mee te denken in bedrijfsprocessen. Deels thuiswerken is geen enkel probleem! Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Het is van oorsprong een familiebedrijf, die gestart zijn met het bouwen van

Bekijk vacature »

Fullstack developer

Functie omschrijving We are looking for a dutch native speaker Wil jij werken als Senior Developer en werken aan een applicatie die duizenden marketingcampagnes automatisch aanstuurt? Dit is je kans! Kom werken voor onze opdrachtgever en in deze rol zul je veel vrijheid en verantwoordelijkheid krijgen om gezamenlijk de applicatie naar een hoger plan te tillen. Wat ga je verder doen: Optimaliseren, beheren en uitbreiden van onze applicatie; Het bouwen van aansluitingen op de systemen van partners middels API’s; Meedenken over de technische/ontwikkel-standaarden; Proactief verbeterpunten voorstellen. Bedrijfsprofiel Het is een organisatie die met een team van verschillende developers én marketeers

Bekijk vacature »

Front-end developer wanted! (Angular, React, Vue.j

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

.NET Developer C#

Dit ga je doen Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken Als C# .NET Developer wordt je verantwoordelijk voor het ontwikkelen van applicaties voor belangrijkste product van deze organisatie. Dit product is een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Er

Bekijk vacature »

Applicatie ontwikkelaar

Functie omschrijving Zelfstandige applicatie ontwikkelaar gezocht voor familiair bedrijf in omgeving Capelle ad Ijssel Ben jij op zoek naar een nieuwe uitdaging en zoek jij een informele werkgever waar je zelfstandig kunt werken binnen een leuk IT team, lees dan snel verder want wie weet zijn wij op zoek naar jou! Een deel van jouw werkzaamheden: Onderhouden en ontwikkelen van de IT systemen; Opzetten van Azure Cloud systemen, denk aan interfaces, hardware op de Cloud, webportalen of BI functies; Werken aan scripts binnen verschillende software applicaties, denk aan ERP en CAD; Ontwikkelen en implementeren van MS PowerApps en Power BI.

Bekijk vacature »

Database Developer

Functieomschrijving Heb jij ongeveer 3 jaar ervaring als Database Developer met MS SQL of een vergelijkbare database? Wil jij werken voor een gewaardeerde werkgever in regio Tilburg waar jij de tijd en ruimte krijgt jezelf te ontwikkelen? Lees dan snel verder! Hoe ziet jouw takenpakket eruit? Je houdt je bezig met het creëren en bouwen van MS SQL server databases; Je gaat projecten vanaf het begin tot het eind begeleiden. Je sluit aan bij meetings met klanten om hun processen in kaart te brengen. Vervolgens voer jij het project uit en zorgt dat dit zo goed mogelijk verloopt; Je werkt

Bekijk vacature »

Front end developer React Sportgames

Functie Als Front end developer ga jij aan de slag bij een gave en bekende organisatie op het gebied van sportgames. Jij gaat aan de slag in een scrumteam met 6 developers die gepassioneerd en actief bezig zijn om spelers kwalitatieve en mooie spelervaringen aan te bieden. Als scrumteam werken ze in drie wekelijkse sprints en begin je iedere ochtend met een stand-up. Als Front end developer werk jij bij deze organisatie voornamelijk met Javascript, html, css en React. Er wordt veel gebruikt gemaakt ook van C#, Docker en Kubernetes. Het team hecht veel waarde aan het leveren van hoogwaardige

Bekijk vacature »

Back End Developer

Als Back End developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Je hebt een focus op de back end van onze software, daarvoor werken wij hoofdzakelijk met C# en .NET. Wij hanteren een full-stack benadering, wat betekent dat je naast de back-end ook meehelpt bij andere onderdelen van de code. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein

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

06/11/2024 01:07:42
 
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.