Responsive webdesign

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior C# Developer gezocht als rechterhand van Le

Bedrijfsomschrijving Deze organisatie is gespecialiseerd in het maken en implementeren van automatiseringssoftware binnen grote fabrieken. Ze zijn actief in diverse sectoren: staal, energie, retail, farmacie en de voedingsindustrie. Met inmiddels klanten in zowel binnen- en buitenland en verdere groeiambities zijn ze een serieuze speler op hun specifieke terrein. Ze optimaliseren processen, geven technisch advies en automatiseren diverse operaties. Er werken hier PLC Engineers welke Siemens producten installeren en programmeren. Naast deze techneuten werken er diverse Software .NET Developers aan allerlei maatwerksoftware aangezien de markt daar om vraagt. Specifiek voor deze tak wordt nu hard gezocht naar extra Software Developers! Een

Bekijk vacature »

Senior Java developer (backend)

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 »

Java Ontwikkelaar

In het kort Als ervaren Java ontwikkelaar binnen onze business unit Machine & Systems werk je aan complexe projecten voor de machine- en apparatenbouw, die vaak een flinke bedrijf kritische impact hebben. Je doorgrondt dan ook feilloos de consequenties van beslissingen voor de architectuur. En je bent verantwoordelijk voor de vertaling van de architectuur naar een technisch ontwerp. In een team werk je dit verder uit naar software-implementaties. Dit vind je leuk om te doen Requirements in Java-projecten opstellen en analyseren Werken met bestaande systemen en je eigen invulling daaraan geven Samen met de architect een Java-omgeving ontwikkelen die voldoet

Bekijk vacature »

Senior back-end .NET Developer Nieuw team

Bedrijfsomschrijving Deze organisatie gevestigd in onder andere Rotterdam richt zich al jaren op het leveren van software voor de vastgoed sector, industrie, scheepsbouw, grond- weg en waterbouw. De software ontwikkeling vindt plaats met de Microsoft Technology Stack en er wordt altijd gewerkt met de laatste updates en software versies. In totaal werken hier nu ongeveer 30 personen, waarvan het grootste deel als ontwikkelaar. De sfeer is informeel en erg prettig. Als .NET software ontwikkelaar heb je het hier goed: een professioneel (scrum) team, vele collega's waar je van kunt leren, goede arbeidsvoorwaarden en volop ruimte om door te groeien naar

Bekijk vacature »

iOS Developer

As an iOS Developer you will developing and testing advanced applications for the IOS platform. You will ensure the best possible performance, quality and responsiveness of the iOS application. You will also working on bug fixing, improving the iOS app performance, maintaining code quality, and launch new features for the iOS app. You will collaborate with a thoughtful engineering team. Let's gooo! Functie-eisen Degree in Computer Science or related field 3-5+ years experience in iOS Development using Swift Strong knowledge of design patterns Experience with source control systems, for example Git Experience with RESTful JSON feed consumption Experience with push

Bekijk vacature »

Low code developer

Ben jij de low-code developerdie het leuk vindt zijn kennis toe te passen in complexe en maatschappelijk relevante ingenieursprojecten? Wij zoeken per direct een low-code developer met ervaring om ons team te versterken. Je komt terecht in een team dat een mix is van low-code developers, software developers, IT consultants en projectleiders. Als low-code developer ga je aan de slag met het ontwikkelen van digitale diensten en het automatiseren van onze werkprocessen. Je maakt hierbij gebruik van de low-code platformen van Outsystems en Microsoft (Power Automate en Power Apps). In overleg met onze product owners en projectleiders bepaal je per

Bekijk vacature »

iOS developer

We have several options for you to join as an iOS developer. If you develop in Swift, like to work with different apps, please contact us. We will listen to your needs, salary and ambitions. For this position we are looking for a skilled iOS developer who builds apps for our customers. Writing code is in your blood and you enjoy sharing your knowledge here. You are a self-starter and go for the best solutions.. Like to work in a team and consult with your colleagues. The three teams, native iOS, Android and Fluter, work mostly for Dutch clients. You

Bekijk vacature »

IAM Developer

Dit ga je doen Development, configuration and operation of IAM AD landscape; Proactive optimizing the environment; Collaborating with and supporting the System Architect on his designs; Designing functional and technical documentation regarding the business’ and IT’s requirements; Designing and configuring the functionalities by following the IAM architectural principles, strategy and standards; Collaborating with Stakeholders and team members. Hier ga je werken This industrial company is very innovative and always searching for new technologies. Within the IAM team you will align with DevOps teams, IAM System Architect, the Scrum Master and the Product Owner on operational planning and progress. Within the

Bekijk vacature »

ICT coördinator/contractbeheerder

TESO: de veerdienst tussen Texel en Den Helder Jaarlijks brengt TESO vele reizigers van en naar het eiland. Toeristen, maar ook dagjesmensen, Texelaars en woon-werkverkeer. Dit doen we met onze moderne schepen, de Texelstroom en de Dokter Wagemaker. Dagelijks zetten wij ons in voor een goede, veilige en duurzame verbinding tussen Texel en Den Helder. Werken als ICT coördinator/contractbeheerder (36 uur) Als ICT coördinator en contractbeheerder coördineer en beheer je onze ICT diensten en contracten. Je zorgt voor eerstelijns beheer en gebruikersondersteuning van onze systemen. Het ICT domein betreft zowel de geautomatiseerde toepassingen op de schepen als op de wal.

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 »

Senior Java developer (backend)

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 »

.Net Developer

Samengevat: Wij ontwikkelen hightech equipment voor de grote spelers in onder andere de semiconductor- en automotive industrie. Wil jij werken als Senior .Net Developer? Heb jij ervaring met gebruik van .NET libraries? Vaste baan: Senior .NET Software Developer Technisch Bedrijf WO 3.700 - 5.000 Senior .NET Developer Wij ontwikkelen test- en meetapparatuur voor de semiconductor industrie ter verbetering van de productkwaliteit in het testtraject. Deze werkgever is een dynamisch bedrijf met een open cultuur en veel vrijheid. Je werkt samen met uitstekende vakmensen uit de hoek van de electronica / hardware, die graag hun kennis met jou willen delen. Verder

Bekijk vacature »

Delphi Developer

As a Delphi Developer you work together with other development teams to make our back-office applications work as optimal as possible. How do I become a Delphi Developer at Coolblue? You work together with other development teams to make our back-office applications work as optimal as possible, being extending features or migrating them to APIs. Everything to put a smile in our colleagues' faces! Although you are a Delphi Developer, you are not averse to some C#. Would you also like to become a Delphi Developer at Coolblue? Read below if the job suits you. You enjoy doing this Writing

Bekijk vacature »

Productontwikkelaar

Over het werk Als productontwikkelaar weet jij als geen ander hoe je de kwaliteit van je product tot perfectie kunt krijgen. In deze functie houd je je bezig met de producten die je toekomstige nieuwe medewerker produceert. Je buigt je, samen met je collega's, over verschillende onderdelen die met de productie te maken hebben. Zo ben je verantwoordelijk voor het verbeteren van de producten, het aanleveren van nieuwe producten en het optimaliseren van het productieproces. Hierbij is het belangrijk om de haalbaarheid van het proces te waarborgen. Alles wat je doet documenteer je, registreer je en kun je overtuigend presenteren

Bekijk vacature »

Medior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »
Rubensky PHP starter

Rubensky PHP starter

09/12/2016 17:49:05
Quote Anchor link
Mensen,

Ik probeer met html en CSS een website te maken die mee beweegt met het device waarop men de website bekijkt.

Nu heb ik een afbeelding op een pagina die heb ik netjes in het midden staan.

Dat heb ik, met CSS, als volgt gedaan:

#foto

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;

}

De afbeelding beweegt mee als je hem het volgende meegeeft:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
{ max-width:40%; }


Maar zodra ik dat in mijn css toepas springt de afbeelding in zijn geheel naar links. Hoe kan ik dat oplossen?
Gewijzigd op 10/12/2016 23:30:24 door - Ariën -
 
PHP hulp

PHP hulp

26/11/2022 12:52:18
 
Frank Nietbelangrijk

Frank Nietbelangrijk

09/12/2016 21:43:47
Quote Anchor link
Ik mis een n in je titel (Responsive).

Kun je ook een stukje HTML geven, Ik bedoel dus een werkend voorbeeldje. (Kan ook in Codepen of iets dergelijks maken)
 
Rubensky PHP starter

Rubensky PHP starter

09/12/2016 22:24:11
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<div id="foto" />
<img src="images/home.jpg"/>

</div>


De foto staat dus gewoon in een div.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

09/12/2016 23:48:57
 
Rubensky PHP starter

Rubensky PHP starter

12/12/2016 20:50:00
Quote Anchor link
Dank voor het antwoord. Ik heb naar aanleiding van een video's heel veel geleerd. Heb de website nagebouwd maar daardoor ben ik het wel echt gaan begrijpen.

Mijn uitdagingen zijn nu als volgt: Ik heb een Responsive website en dat is mooi. Alleen heb ik nu het volgende: Als ik website bekijk op de grote versie dan krijg ik de kolommen niet netjes naast elkaar.

(wel als ik de afbeeldingen weg haal. Dan gaan ze netjes naast elkaar.

Hier een foto van wat ik bedoel en mijn 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
<section id="nieuws">
<h3> Nieuws</h3>
is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
</section>

<section id="instrumenten">

    <article>
    <h3>Drums</h3>
    <img src="image/drums.jpg" alt="plaatje instrument">
    <p>Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke).</p>
        </article>
        
        <article>
    <h3>Gitaar</h3>
    <img src="image/gitaar.jpg" alt="plaatje instrument">
    <p>Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke).</p>
        </article>
        
        <article>
    <h3>Saxofoon</h3>
    <img src="image/saxofoon.jpg" alt="plaatje instrument">
    <p>Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke).</p>
        </article>
        
        <article>
    <h3>trompet</h3>
    <img src="image/trompet.jpg" alt="plaatje instrument">
    <p>Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke).</p>
        </article>
</section>


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
section,footer {
    padding:20px;
}

@media all and (min-width:550px) {
    
    section#nieuws {
        width:40%;
        float:left;
    }
    section#instrumenten {
        width:60%;
        float:right;
    }
}

@media all and (min-width:800px) {

    section#nieuws {
        width:30%;
        float:left;
    }
    section#instrumenten {
        width:70%;
        float:right;
    }
    
    article {
        display:inline-block;
        width:46%;
        margin-right:20px;
    }
    
    article:nth-child(even) {
        margin-right:0px;
    }
    
}



@media all and (min-width:1200px) {
    div#wrapper {
        width:1200px;
        margin:auto;


- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!


Toevoeging op 12/12/2016 20:57:23:

Sorry ik kan het bericht niet meer wijzigen maar de afsluiting staat er wel in mijn gebruikte CSS.

Hier de afbeelding: http://www.imgdumper.nl/uploads9/584f0086400f5/584f0085f2b8f-2016-12-12_20_53_24-True_Music.png

Toevoeging op 12/12/2016 20:58:22:

Ariën dat was ik aan het wijzigen maar daar was ik te laat mee.

Toevoeging op 12/12/2016 23:24:01:

Mensen bovenstaande vraag kunnen jullie vergeten! Die heb ik opgelost.

Toevoeging op 13/12/2016 17:02:19:

Ik probeer mijzelf zaken aan te leren maar heb af en toe toch nog een vraag vandaar dat hier zo nu en dan nog wel een vraag zal gaan verschijnen:

Mijn huidige vraag: Als je deze menubalk gebruikt: http://www.w3schools.com/howto/howto_js_topnav.asp

en je maakt de UL balk wat groter door deze code toe te voegen

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
#myTopnav {
  margin: 20px;
  padding: 20px;
}


Hoe zorg je er dan voor dat de hover net zo groot wordt als de UL balk maar de li's niet groter worden?
Gewijzigd op 12/12/2016 20:51:49 door - Ariën -
 
Rubensky PHP starter

Rubensky PHP starter

27/12/2016 10:56:41
Quote Anchor link
Niemand die mij met deze vraag over de balk verder kan helpen?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

27/12/2016 12:09:54
Quote Anchor link
Als ik je vraag goed begrijp wil je het <a> element groter maken. Dat doe je met display: block; en wat padding.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
a {
    display: block;
    text-align: center;
    padding: 14px 16px;
}


Zie ook: http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black
 



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.