laatste child valt buiten parent border?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Integratie Developer / Architect

Dit ga je doen Als Integratie Developer / Architect binnen deze organisatie krijg je echt de kans om impact te maken. De organisatie is groeiende maar houdt een corporate cultuur buiten de deur. Heb je een goede business case: zorg voor goede argumentatie en ga ervoor! Geen stroperig beslissingsproces dat jouw ideeën in de weg staat! Enkele van jouw taken: Je ontwerpt en ontwikkelt nieuwe integraties met behulp van interne tools (Boomi) of externe partners; Je vertaalt functionele specificaties naar technische oplossingen; Je denkt mee over strategische ontwikkelingen op het gebied van applicatie integratie; Je voert regie op leveranciers en

Bekijk vacature »

IT Infrastructuur Developer

IT Infrastructuur Developer Ben jij (bijna) klaar met je HBO studie in de richting van IT? Opzoek naar een spannende eerste baan, waar je ontzettend veel kan leren? Dan hebben wij de ultieme job voor jou! Voor een goede klant van ons in de financiële dienstverlening zijn wij opzoek naar een Junior Infrastructure Developer. Deze baan is een mooie kans om een sterke start te geven aan jouw carrière binnen de IT! De job Je werkt nauw samen met het Devops team, en zal je voornamelijk bezighouden met het automatiseren van infrastructure componenten. De componenten worden opgevraagd door het DevOps

Bekijk vacature »

REMOTE - Front-end Angular developer

Functie Het IT-team bestaat momenteel uit de IT Manager, 2 back-end developers, 1 fullstack developer, 1 designer en een DevOps engineer. Ze zijn momenteel op zoek naar een ervaren Front-end developer die autonoom en gedisciplineerd aan de slag gaat, en bij aanvang als enige developer met hun Front-end applicaties bezig is. Wel hebben ze de ambitie om hier snel een 2e developer bij te vinden die jij dan ook zal kunnen aansturen/begeleiden. Je zult aan de slag gaan met het doorontwikkelen van hun bestaande UI in Angular. Maar ook het ontwikkelen van een mobiele app. Hierbij hechten ze veel waarde

Bekijk vacature »

(Junior) PHP Ontwikkelaar bij een retail bedrijf i

Bedrijfsomschrijving Ben jij een ervaren PHP ontwikkelaar met een passie voor retail en ICT? Wil jij werken in een team dat zich bezighoudt met het ontwikkelen van uitdagende applicaties voor een groot retailbedrijf in Delft? Dan zijn zij op zoek naar jou! Functieomschrijving Als PHP Ontwikkelaar werk je in een team aan de ontwikkeling van applicaties die door de gehele organisatie worden gebruikt. Je bent verantwoordelijk voor het ontwikkelen, testen en implementeren van deze applicaties. Je werkt hierbij nauw samen met andere ontwikkelaars, projectmanagers en stakeholders binnen de organisatie. Je taken bestaan onder andere uit: Ontwikkelen van nieuwe functionaliteiten en

Bekijk vacature »

C#.NET Developer

Functieomschrijving Voor een software ontwikkelaar in de omgeving van Vught zijn we op zoek naar een gemotiveerde C# ontwikkelaar. Deel jij hun passie voor development en dan vooral in C#.NET? Dan kan dit wel eens jouw droombaan zijn! Jouw werkzaamheden zullen er ongeveer als volgt uit gaan zien Door de wensen van de klant goed te begrijpen ga jij aan de slag dit om te zetten naar passende oplossingen en werk je deze uit tot een sterk eindproduct. Je gaat je bezighouden met de ontwikkeling van webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Frameworks en C#.

Bekijk vacature »

Back-end Developer

Functieomschrijving Voor een erkende werkgever in de regio van Middelburg zijn wij op zoek naar een enthousiaste PHP / Symfony Developer. Een ambitieus persoon die het gemotiveerde development team komt versterken met het realiseren van nieuwe en complexe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor professionele groei? Dit ga je doen: Je bent verantwoordelijk voor de beheer en ontwikkeling van de serviceportal in Symfony en de webshops in de tweede versie van Magento; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

Medior/senior PHP ontwikkelaar E-commerce

Functie Het software development team bestaat momenteel 5 scrum teams . Ieder team heeft een eigen SCRUM Master en eigen tester. Zij werken voornamelijk in PHP en met hun eigen geschreven framework wat Symfony based is . Jij bent samen met je collega’s verantwoordelijk voor het interne softwaresysteem en alle projecten die daar omheen lopen. Alles wat jij ontwikkelt, wordt direct toegepast en uitgerold (wereldwijd). Dit maakt jouw werk tastbaar en uitdagend! Een greep uit jouw werkzaamheden: Toevoegen en ontwikkelen van nieuwe functionaliteiten Logistieke software ontwikkelen voor intern gebruik Tientallen gigabytes aan data inzichtelijk maken Altijd op zoek gaan naar

Bekijk vacature »

Robot Programmeur

In het kort Drie redenen waarom deze vacature uniek is! Programmeren van zelflerende robots Werken op kantoor en testen in de bedrijfshal Je krijgt verantwoordelijkheid, vrijheid en je mag werken naar eigen inzicht De organisatie Hier ga je aan de slag Een bedrijf dat innovatieve robottoepassingen ontwerpt en bouwt voor onder andere de staal industrie, energie- bouw- en agrarische sector. De robots die vaak in combinatie met diverse randapparatuur geleverd worden vormen een totaaloplossing voor de klant. Dit zijn klanten over de hele wereld, van België en Duitsland tot China, India, maar ook in Nederland. Projecten waar momenteel aan wordt

Bekijk vacature »

Back end developer PHP

Functie Met een complex en uitgebreid e-commerce platform, een eigen PIM-systeem en eigen scan applicatie – krijg jij dagelijks te zien hoe jouw werk gebruikt wordt door miljoenen gebruikers. En we staan qua development pas in de startblokken, aangezien er nog meerdere projecten op de plank liggen te wachten! Ons huidige development team bestaat uit 8 programmeurs. Er wordt dagelijks gereflecteerd op geschreven code, Scrum taken en kennisdelen onderling is een must. Onze voertaal binnen ons team is Engels, dit omdat wij twee internationale collega’s hebben. Ons huidige “IT Landschap” bestaat voornamelijk uit allerlei losse onderdelen die individueel, maar ook

Bekijk vacature »

Lead C++ Developer

De rol van Lead C++ Developer Als Lead C++ developer bij KUBUS word je verantwoordelijk voor het implementatie design van requirements en de software architectuur van de desktop applicaties van BIMcollab, ons platform voor 3D model-validatie en issue-management bedoeld om de kwaliteit van 3D design-modellen voor gebouwen te verbeteren. Betere 3D modellen leiden tot betere gebouwen, dus zo draag je bij aan verduurzaming van de gebouwde omgeving met slimmer gebruik van materialen, minder verspilling en energie-efficiënte gebouwen. Een goede gebruikerservaring staat bij ons hoog in het vaandel; we gaan in onze ontwikkeling voor innovatie en kwaliteit. In je rol als

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

SAP HANA Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 13382 Introductie We is looking for a HANA Developer to work for our client. The candidate has to have an experience in building Data Intensive Applications (DIA’s). The role of a HANA Developer at ASML involves working on building Data Intensive Applications in an industrial/enterprise environment. The primary responsibility is to handle data from various sources and determine the best way to structure it for use by data analysts, who will run queries and algorithms against it for predictive and prescriptive analytics through machine learning. Wat verwachten we van jou?

Bekijk vacature »

C# .NET Developer

Functieomschrijving Voor dit leuke softwarre bedrijf in de omgeving Vught zijn we per direct op zoek naar een C#/.NET Developer. Is development jouw passie en doe je dit graag met C#/.NET? Lees dan snel verder! Jou werkzaamheden zullen zijn: Zorgen voor de optimalisatie van de huidige software en het automatiseren van bedrijfsprocessen. Naar aanleiding van de wensen van de klant ga je, met je collega's op zoel naar passende oplossingen en je werkt dit uit tot een mooi eindproduct. Je gaat webshops, websites en webapplicaties ontwikkelen door middel van ASP.NET, C# en MVC Framework. Bedrijfsprofiel Deze opdrachtgever houdt zich bezig

Bekijk vacature »
Wim Kasius

Wim Kasius

15/12/2013 12:11:05
Quote Anchor link
Kan iemand mij vertellen waarom de laatste child node (div class=voertuig) buiten de border van parent (div id=voorraadlijst) valt? Ik toon 5x(div class=voertuig), waarvan er 4 netjes binnen de border staan, en 1 erbuiten. Als er op de laatste pagina 2x(div class=voertuig) worden getoont, staat er 1 binnen de border...
Alvast bedankt

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
46
47
48
49
50
51
52
53
<!DOCTYPE HTML>

<?php

/**
 * @author Wim Kasius
 * @copyright 2013
 */


include ('dbconn.php');
if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; };
$start_from = ($page-1) * 5;
$sql = "SELECT * FROM voertuigen ORDER BY merk ASC LIMIT $start_from, 5";
$rs_result = mysqli_query ($con,$sql);
?>

<head></head>
        <body>
            <div id="voorraadlijst" style="width: 450px; margin-left: 25%; margin-right: 25%; border-style: ridge; border-color: black; border-width: thin;">
            <?php
            while ($row = mysqli_fetch_assoc($rs_result)) {
                extract ($row);
                    $merkmodel = $row['merk']." ".$row['model'];
                $afbeeldingen = explode(",", $afbeeldingen);        
                  ?>

                          <div class="voertuig" style="clear: both;">
                                <div class="data" style="width: 50%; float: left;">
                                    <h3 class="merkmodel"><?php echo"$merkmodel"; ?></h3>
                                    <p class="type"><?php echo "$type"; ?> </p>
                                    <table>
                                        <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                                        <tr><td><?php echo "$bouwjaar";?></td><td> <?php echo "$tellerstand";?> km</td></tr>
                                    </table>
                                    <p>Vraagprijs: &euro; <?php echo "$verkoopprijs_particulier";?>,-</p>
                                </div>
                                <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=<?php echo current($afbeeldingen);?>>
                                </div>
                          </div>
            <?php }; ?>
            </div>
            <div id="navigatie" style="clear: both;">
                    <?php
                    $sql
= "SELECT COUNT(hexon_nr) FROM voertuigen";
                    $rs_result = mysqli_query($con,$sql);
                    $row = mysqli_fetch_row($rs_result);
                    $total_records = $row[0];
                    $total_pages = ceil($total_records / 5);
                      
                    for ($i=1; $i<=$total_pages; $i++) { ?>

                                <a href='pagina.php?page=<?php echo $i;?>'>Pagina <?php echo $i;?></a>
                    <?php }; ?>
            </div>
        </body>
</html>


Broncheck:
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<body>
<div id="voorraadlijst" style="width: 450px; margin-left: 25%; margin-right: 25%; border-style: ridge; border-color: black; border-width: thin;">
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Audi A1</h3>
                <p class="type">1.6 TDI 66KW SB S-TRONIC </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2012</td><td> 9879 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 27999,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386081049/6911582-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">BMW 3 Serie</h3>
                <p class="type">318 D TOURING BUSINESS LINE </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2008</td><td> 125653 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 12945,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386059922/6875896-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Peugeot 206</h3>
                <p class="type">SW XS 1.4 </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2003</td><td> 94444 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 3945,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images1.wheeler.nl/s1386672743/6946173-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Renault Scnic</h3>
                <p class="type">1.6 16V EXPRESSION LUXE </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2003</td><td> 184137 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 2999,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images1.wheeler.nl/s1386672377/6951187-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Seat Arosa</h3>
                <p class="type">1.4 44KW 3D STELLA </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2004</td><td> 76462 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 4245,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386239222/6928854-1-2-2.jpg>
            </div>
      </div>
</div>
<div id="navigatie" style="clear: both;">
            <a href='pagina.php?page=1'>Pagina 1</a>
            <a href='pagina.php?page=2'>Pagina 2</a>
</div>
</body>


Toevoeging op 15/12/2013 14:15:27:

never mind, noob float usage
Gewijzigd op 15/12/2013 12:13:37 door Wim Kasius
 
Er zijn nog geen reacties op dit bericht.



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.