Volgorde DIV anders dan opbouw

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frontend Developer - Leeuwarden

Als Frontend Developer bouw jij mee aan het onderwijs van de toekomst! In een scrum team werken met jonge en enthousiaste collega’s, moderne technieken, ruimte voor eigen ontwikkeling en op een proactieve wijze kunnen meewerken aan innovatie binnen het onderwijs. Magister is het state-of-the-art softwarepakket dat scholen in het voortgezet onderwijs op alle fronten ontzorgt. Van leerlingenadministratie tot het ondersteunen van individuele leerlijnen, van toegang tot digitaal lesmateriaal tot het plannen van het lesrooster. In de Magister app bedient Magister ruim 2,5 miljoen gebruikers waarvan, dagelijks meer dan 600.000 unieke. Hiermee is Magister de absolute marktleider in onderwijsland. Wat vragen

Bekijk vacature »

Front end developer

Functie Qua type opdrachten is er echt een verscheidenheid aan afnemers, zo werken ze met grote multinationals, maar ook met startups. Zo kom je te werken in een gevarieerde omgeving en kan je ook schakelen tussen verschillende culturen. De projecten variëren van greenfield projecten tot langdurige ontwikkeltrajecten. Hier wordt alleen maar gewerkt met aan front end projecten. Daarom maakt het onze partner niet uit waar jij kennis van hebt, als je maar gedegen kennis hebt van Javascript frameworks, Unit testing en ook bekend bent met de scrum methodiek. Eisen Minimaal 4 jaar relevante werkervaring Kennen en ervaring van Javascript frameworks

Bekijk vacature »

Traineeship Front-end developer (WO, 0 tot 3 jaar

Functie Zoals beschreven ga je vanaf start aan de slag bij een passende opdrachtgever, hierbij kijken ze echt naar jouw wensen, kennis/ervaring maar ook de reisafstand. Momenteel hebben ze meerdere klanten waarbij ze groepen hebben opgezet wat maakt dat er diverse uitdagende kansen liggen. Naast het werken bij de opdrachtgever, en het volgen van de masterclasses, zul je regelmatig met de andere trainees in contact zijn. Niet alleen op professioneel vlak maar juist ook bij de borrels en kwartaaluitjes! Kortom; een jaar lang hard aan jezelf werken in combinatie met gezelligheid en plezier. Spreek dit jou aan? Dan komen we

Bekijk vacature »

Senior Front end developer Angular

Functie Er zijn momenteel 5 SCRUM-teams waarvan drie gefocust zijn op DevOps en de huidige projecten en twee op innovatie van de platformen. Jij zal onderdeel worden van het innovatie Scrum team. De 2 multidisciplinaire innovatie teams bestaan momenteel uit 14 werknemers. Jij als senior Front end developer wordt onderdeel van onze innovatieteams. De innovatieteams houden zich bezig met het door ontwikkelen van de huidige producten en denken na over nieuwe functionaliteiten. Binnen de rol van Front end developer krijg je veel vrijheid en kan je je dag zelf indelen. Dingen waar jij je dagelijks mee bezig zult houden is

Bekijk vacature »

.NET developer

Functie Heb jij veel kennis van ASP.NET Webforms en wil jij juist de overstap maken naar ASP.NET Core? Wij zijn per direct op zoek naar een ervaren .NET Webdeveloper die met ons samen ons platform wilt herschrijven van ASP.NET Webforms naar ASP.NET Core. Voor jou de unieke kans om met ons samen te innoveren en kennis op te doen van de nieuwste technieken binnen de Microsoft Stack. Wij hebben een development team met 10 IT specialisten bestaande uit onder andere 4 backend .NET developers en twee front-end developers. Wij zijn continu bezig om ons als team en bedrijf te blijven

Bekijk vacature »

Front-End React Developer

As a Front-End React Developer you improve the user-experience of our web applications for your colleagues in Coolblue. How do I become a Front-End React Developer at Coolblue? As a Front-End React Developer you are responsible for developing user interface components and implementing them using React.js concepts and workflows. You work with the UX Designer and get energy from coming up with creative solutions and present these within the team. During the day you gather and welcome feedback on your technical and soft skills. Would you like to become a Front-End React Developer at Coolblue? Read below if the job

Bekijk vacature »

.NET developer

Functie Als junior .NET ontwikkelaar ga jij aan de slag in één van de 5 IT teams van dit bedrijf. Jullie werken op basis van interne klantprojecten aan voornamelijk webapplicaties. Dit betekent dat jij continu uitgedaagd wordt en veelal met verschillende soorten projecten bezig bent. Het gave is dan ook dat jullie als team samen bekijken welke technieken het beste passen bij het project waar jullie verantwoordelijk voor zijn. Zo kan het zijn dat jij als .NET developer gaat werken aan een project, maar dat jullie als team liever gebruik maken van Haskell of F# om de klus te klaren.

Bekijk vacature »

.Net Ontwikkelaar

Dit ga je doen Het ontwerpen en ontwikkelen van software voor klanten; Het bijdragen van kennis en ervaring; Het integreren van van de software en afstemmen met klanten; Het functioneel testen van de ontwikkelde software. Hier ga je werken Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en

Bekijk vacature »

Front End Developer React Vue

Dit ga je doen Meewerken aan de implementaties en ontwikkeling van nieuwe functionaliteiten van de webapplicaties; Ontwikkelen met o.a. React en Vue en HTML/CSS, ook krijg je in verband met de samenwerking ook affiniteit met de backend Ruby on Rails; Ontwikkeling aan de front end voor de koppelingen tussen de diverse systemen; Ontwerpen van interfaces en een bijdrage leveren aan de gebruikerservaring; Zorgdragen voor hoge kwaliteit van code en jezelf (en anderen) blijven verbeteren; Als Senior Front End Developer begeleid je zelf ook FE-development projecten, hierin leid je de projecten en pak jij het initiatief op (bv integratieprojecten). Hier ga

Bekijk vacature »

Java Ontwikkelaar

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

C# Unity Developer

Functieomschrijving Ontwikkel jij mee door applicaties te bouwen die bijdragen aan het optimaliseren van processen? Voor een erkende werkgever in regio Tilburg zijn wij op zoek naar een Unity C# Developer die graag de uitdaging aangaat! Jouw werkzaamheden zullen er als volgt uitzien: Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Je bent verantwoordelijk voor het uitvoeren van updates/aanpassingen aan de reeds draaiende applicaties. Bedrijfsprofiel Je komt te werken voor een internationale werkgever in regio Tilburg. Samen met een vooruitstrevend team

Bekijk vacature »

Front-end Developer

Dit ga je doen Je komt in een DevOps-cultuur te werken waarbij je met je team werkt aan de front-end van diverse brand websites; Het ontwerpen van functionele en grafische ontwerpen die worden geïmplementeerd; Draagt zorg voor het maken van analyses; Je werkt nauw met je collega’s samen en geeft elkaar feedback en suggesties waar nodig; Het uitwerken van vraagstukken die afkomstig zijn van verschillende klanten; Hier ga je werken Deze marktleider op gebied van fietsen en fietservaring is gevestigd in twee provincies, verspreid over meerdere locaties. Jij zult voornamelijk in regio Joure aan de slag gaan. De organisatie doelt

Bekijk vacature »

PHP developer

Functie Voor een opdrachtgever in omgeving Leiden zijn wij op zoek naar een PHP developer die affiniteit heeft met C++. Ben jij reeds afgestudeerd of heb je al een paar jaar ervaring? Lees snel verder en kijk of dit iets voor jou is! Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van

Bekijk vacature »

C# .NET Backend Developer HBO Javascript

Samengevat: Deze werkgever is een professionele speler op gebied van IT en E-Commerce. Wil jij werken voor een e-commerce platform? Heb je ervaring met C#, Javascript en Scrum? Vaste baan: C# .NET Developer Backend E-Commerce 3.400 - 4.500 Backend Developer Wij ontwikkelen software voor E-Commerce toepassingen. Ons eigen Content Management systeem biedt een integrale oplossing met diverse ERP software. Onze systemen zijn vaak complex en omvangrijk en draaien bij grote organisaties. Maar ook kleine ondernemingen hebben steeds vaker behoefte aan een vlekkeloos werkende E-Commerce oplossing. Zij bieden een uitdagende werkomgeving met gezellige collega's. Je krijgt veel vrijheid en er is

Bekijk vacature »

Junior .NET Software Developer

Dit ga je doen Software development met behulp van C# .NET en / of PHP, je mag zelf kiezen waar jij je in wil specialiseren Meedenken over het nieuwe pakket, waar moet het aan voldoen? Unit-, integratie- en diverse andere tests schrijven en uitvoeren Nauw samenwerken met je IT collega's zoals Testers, Developers, DevOps Specialisten en Architecten Jezelf ontwikkelen met behulp van trainingen en cursussen Hier ga je werken Onze klant, een grote speler in de medische sector, is op zoek naar een enthousiaste junior (of meer ervaren) Software Developer die klaar is voor een nieuwe stap in zijn of

Bekijk vacature »
Sander Z

Sander Z

11/12/2013 11:59:49
Quote Anchor link
Is het mogelijk om de volgorde van DIV's anders te zetten dan de volgrode waarin ze opgebouwd zijn?

Ik wil bijvoorbeeld div 3 bovenaan,dan 2, 1 en 4.
En de DIV's hebben GEEN vaste hoogte.

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
<div id="container">
   <div class="1">
      tekst
   </div>
   <div class="2">
      tekst
   </div>
   <div class="3">
      tekst
   </div>
   <div class="4">
      tekst
   </div>
</div>
Gewijzigd op 11/12/2013 12:00:50 door Sander Z
 
PHP hulp

PHP hulp

24/11/2024 11:11:23
 
Reshad F

Reshad F

11/12/2013 12:04:05
Quote Anchor link
Bedoel je gewone positionering?

Ja dat kan

Of bedoel je divs die over elkaar heen gezet zijn?
 
Albert de Wit

Albert de Wit

11/12/2013 12:04:33
Quote Anchor link
Kun je iets duidelijker zijn? Het kan namelijk, op tientallen manieren. Bijvoorbeeld met PHP, of gewoon een vaste positie geven, of met javascript etc...
 
Sander Z

Sander Z

11/12/2013 12:18:27
Quote Anchor link
Zoals in mijn code te zien is het 1 container div waarin weer andere DIV's staan. 1,2,3 en 4
Qua HTML code staan deze dus letterlijk ook in die volgorde geschreven.
Maar nu wil ik met behulp van CSS deze volgorde aanpassen, dus niet de HTML code aanpassen.

Ik wil ze ook gewoon onder elkaar hebben,dus niet links of rechts van elkaar.

Hoop het zo duidelijker gemaakt te hebben
Gewijzigd op 11/12/2013 12:20:31 door Sander Z
 
Albert de Wit

Albert de Wit

11/12/2013 12:27:19
Quote Anchor link
kun je nog duidelijker zijn? moeten de divs naast elkaar staan of onder elkaar? hebben ze vaste breedten/hoogten? heb je een link naar je situatie?
 
Sander Z

Sander Z

11/12/2013 12:57:53
Quote Anchor link
Staat er ook al te lezen ;)

Sander Z op 11/12/2013 12:18:27:
Ik wil ze ook gewoon onder elkaar hebben,dus niet links of rechts van elkaar.


Sander Z op 11/12/2013 11:59:49:
En de DIV's hebben GEEN vaste hoogte.


Breedte wordt vast of 100%
 
Wouter J

Wouter J

11/12/2013 16:47:07
Quote Anchor link
Nee, dat kan niet. Je HTML moet geschreven zijn in de volgorde van je pagina, waarom zou je ook anders willen?
 
Kris Peeters

Kris Peeters

11/12/2013 17:01:24
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
#container {
  position: relative
}
#container > div{
  position: absolute
}


Dan kan je gelijk welke div zetten waar je wil.
bv.
{
top: 100px;
left: 100px;
}

Wouter J op 11/12/2013 16:47:07:
waarom zou je ook anders willen?

Wel ja, inderdaad. Waarom zou je dit willen?

Met float: right; gebeurt het wel dat je een div hoger in de code zet, terwijl die div fysisch niet hoger staat.
Er zullen nog wel een aantal redenen zijn.

Maar ik zou het vermijden en ik zou het afraden.
Gewijzigd op 11/12/2013 17:07:51 door Kris Peeters
 
Sander Z

Sander Z

16/12/2013 08:39:41
Quote Anchor link
Excuses voor mijn late reactie. Maar k ik had thuis een gecrashte server welke ik eerst weer up and running wilde hebben.

De reden waarom ik dit zou willen is omdat ik div 4 bijvoorbeeld boven div 2 wil plaatsen, maar div 4 wel afhankelijk is van wat er uiteindelijk in div 2 staat.
Maw, als ik div 4 fysiek als 2e zou gaan schrijven, kan ik deze dus niet afrondencompleet vullen.

Hoe doen jullie dit? Maken jullie een class aan welke jullie vullen met data en die geven jullie uiteindelijk weer??
Gewijzigd op 16/12/2013 08:40:22 door Sander Z
 
Albert de Wit

Albert de Wit

16/12/2013 08:46:23
Quote Anchor link
Sorry, je bent nog steeds erg onduidelijk. Waarom moet div 4 boven 2 staan? Kun je misschien in een schets uitleggen wat je wilt bereiken?
 
Phpnuke r

phpnuke r

16/12/2013 09:18:35
Quote Anchor link
Je genereert de code in php lijkt me? Anders zouden de divs ook niet op elkaar afgestemd kunnen zijn?

Wat je dan zou kunnen doen is door middel van If..Else aangeven of een DIV boven of onder moet worden geplaatst. Dit hoeft dus niet in de html/css code worden gedaan(altans: dit doet php dan).

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
<?php

/* Hier komen de divs uiteindelijk in te staan */
$output;

/* Het lijkt me dat je op een of andere manier een loop hebt in je code */
while(..){

  /* En hier komt het belangrijke deel */
  if($row['position']=='top'){

    /* We plaatsen een div VOORAAN de output */
    $output = "<div class='box'></div>" . $output;
  }
else{

    /* We plaatsen een div ACHTERAAN de output (daar zorgt de punt voor) */
    $output .= "<div class='box'></div>";
  }

}


?>


Als dit niet is wat je bedoeld vraag ik me net als anderen hier af wat je nou daadwerkelijk wilt bereiken.
Gewijzigd op 16/12/2013 09:34:25 door phpnuke r
 
Sander Z

Sander Z

16/12/2013 10:02:19
Quote Anchor link
Ok ga ik proberen:
Het is inderdaad PHP wat ik gebruik.

Laten we zeggen ik heb het volgende fysiek als output gekregen vanuit PHP naar HTML:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<div id="content">
   Hier staat de content van de pagina
</div>

<div id="title">
   <h2>Titel van de pagina</h2>
</div>


Bij het opbouwen van de "div id content" haal ik data op uit een Database. Maar gebaseerd op wat hier gebeurt/opgehaald/weergegeven wordt wil ik de titel van de pagina aanpassen.
Zou ik de "div id titel" al opgebouwd hebben, dan kan ik deze niet meer aanpassen. Vandaar dat ik deze pas op wil bouwen nadat ik "div id content" heb gemaakt. Maar uiteraard wil ik de "div id titel" wel geplaatst hebben boven de "div id content".

Mijn vraag is, is bovenstaande mogelijk? Of is er een manier hoe ik eerst alles ophaal (div id content) en verwerk/klaarzet en daarna pas in de juiste volgorde output?
Gewijzigd op 16/12/2013 10:03:15 door Sander Z
 
Albert de Wit

Albert de Wit

16/12/2013 10:09:52
Quote Anchor link
Kun je vertellen wat je bedoelt met fysieke output? Bedoel je dan gewoon html?
 
Sander Z

Sander Z

16/12/2013 11:41:16
Quote Anchor link
Ja met fysieke html output bedoel ik als je bv via je browser de bron bekijkt.
 
Phpnuke r

phpnuke r

16/12/2013 11:50:36
Quote Anchor link
Quote:
Bij het opbouwen van de "div id content" haal ik data op uit een Database. Maar gebaseerd op wat hier gebeurt/opgehaald/weergegeven wordt wil ik de titel van de pagina aanpassen.
Zou ik de "div id titel" al opgebouwd hebben, dan kan ik deze niet meer aanpassen. Vandaar dat ik deze pas op wil bouwen nadat ik "div id content" heb gemaakt. Maar uiteraard wil ik de "div id titel" wel geplaatst hebben boven de "div id content".

Dit is gewoon een kwestie van een goed opgebouwde PHP code. Waarom zou je echo al gebruiken als je inderdaad nog niet weet of er iets boven zou moeten komen te staan? Maak dus gebruik van de code die ik je in mijn vorige post heb gegeven. Sla alle outputs op in variables en mocht er nog iets 'gewijzigd' zijn dan kan je op het laatste moment vooralsnog de outputs verwisselen.

Dus concentreer jezelf op de PHP code en NIET op de html output zoals je nu doet.
 



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.