Opmaak problemen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Lead Front-end developer

Functie Hun huidige applicatie worden ontwikkeld in o.a. React, Redux, TypeScript. Ze werken graag met de nieuwste technieken en tooling en zoeken ook developers die hier proactief op zoek naar gaan. Als senior/lead developer ben je een kartrekker in het team. Naast het meedenken over bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Zo kun je bijvoorbeeld 1 dag in de week met 2 collega’s bezig zijn om samen met hen te kijken naar hun ontwikkeling, doelstellingen en uiteraard de gewenste begeleiding hierin. Hiernaast sta je als

Bekijk vacature »

SAP HANA Cloud Application Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 12662 Introductie HANA Cloud Application Developer at a High Tech company. The company is the world's leading provider of lithography systems for the semiconductor industry, manufacturing complex machines that are critical to the production of integrated circuits or chips. Our purpose is “unlocking the potential of people and society by pushing technology to new limits”. We do this guided by the principles “Challenge”, “Collaborate” and “Care”. This role is situated in the Big Data Analytics (BDA) Domain. The teams have mixture of young talent and senior specialists and have a

Bekijk vacature »

Technisch Applicatie ontwikkelaar

Functie omschrijving 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! In deze functie werk jij voornamelijk aan: Het onderhouden en ontwikkelen van de IT systemen; Het opzetten van Azure Cloud systemen, denk aan interfaces, hardware op de Cloud, webportalen of BI functies; Werk je aan scripts binnen verschillende software applicaties, denk aan ERP en CAD; Ontwikkel en implementeren je MS PowerApps en Power BI. Bedrijfsprofiel Je komt terecht bij een familiair

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

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 »

.NET developer

Functie Als .NET developer werk jij samen in een multidisciplinair ontwikkel team met 1-2 Senior .NET developers, twee front-end developers, Data Scientists en één UX designer. Als team werken jullie aan het ontwikkelen van een Cloud based applicatie en aan het stabieler maken van deze applicatie. Ook unit testing gaat erg belangrijk worden in jouw nieuwe functie. Samen met de Senior .NET ontwikkelaar wordt jij verantwoordelijk voor het ontwikkelen van de API. Jullie werken met veel data en incidenteel komen er ook data vraagstukken en zullen er wat queries gedraaid moeten worden. Dit betekend dat jij veel gaat werken met

Bekijk vacature »

Team Lead/ Lead developer gezocht (Hands-on, PHP,

Functie Als Team Lead ben je de leider van één van de ontwikkelteams binnen de organisatie. Je leidt als lead developer een goed draaiend team dat werkt aan complexe en duurzame applicaties en API’s. Vanuit je kennis en ervaring ben je in staat het grote plaatje te blijven overzien, en kritisch mee te denken over bijvoorbeeld de architectuur, maar ook de algehele aanpak binnen het project. Je laat je team niet alleen technisch goed functioneren maar ben ook betrokken bij het menselijke aspect. Zo weet jij je collega’s te motiveren en begeleiden in hun dagelijkse werk. Buiten het team ben

Bekijk vacature »

IoT Developer

Ben jij innovatief, heb jij passie voor energie en ben je data gedreven? Bouw dan mee aan IoT binnen Bredenoord. Samen met een gedreven team werk jij aan mooie technische en innovatieve oplossingen. Wat houdt de functie van IoT Developer in? Binnen Bredenoord zijn wij momenteel volop in ontwikkeling met ons IoT platform. Als uitbreiding van ons team zijn wij op zoek naar een IoT Developer. Je zal in projectverband meehelpen met het implementeren van IoT vraagstukken binnen Bredenoord. Als IoT Developer op onze R&D-afdeling word je verantwoordelijk voor het verder inrichten en beheren van ons nieuwe IoT platform. Dat

Bekijk vacature »

.NET Developer Azure

Dit ga je doen Het ontwerpen en bouwen van diverse applicaties (C#, ASP.NET, MVC); Het ontwikkelen van Webservices (WCF); Het meewerken aan de transitie naar Azure; Het samenwerken met collega's binnen een Scrumteam en meedenken over de User Stories; Het bouwen van unittesten; Meedenken over nieuwe tooling, ontwikkelingen en technologieën in de markt. Hier ga je werken Je komt te werken bij een organisatie die verantwoordelijk is voor de ontwikkeling van verschillende portalen. Deze portalen worden gebruikt door diverse partijen en jouw taak is om ervoor te zorgen dat deze optimaal functioneren. Je wordt onderdeel van een Scrumteam en werkt

Bekijk vacature »

Oracle APEX Ontwikkelaar (3.500-6.000 euro)

Bedrijfsomschrijving Ben jij een getalenteerde Oracle APEX ontwikkelaar met minimaal één jaar ervaring in het ontwikkelen van Oracle APEX-applicaties? Ben je gepassioneerd over het ontwikkelen van bedrijfskritische oplossingen en wil je werken bij een toonaangevend consultancybedrijf? Dan zijn wij op zoek naar jou! Deze organisatie beschikt over zowel inhouse als externe projecten, maar bovenal over een sterk team en netwerk van opdrachten waardoor jij jezelf verder kunt ontwikkelen. Het team bestaat uit een aantal junior en medior developers, maar vooral uit senioren. De business unit managers binnen het team zijn mensen die hun vak verstaan en zelf als Oracle APEX

Bekijk vacature »

PHP Programmeur

Functieomschrijving Vanuit het hoofdkantoor in omgeving Breda, ontwikkel je als PHP programmeur niet alleen webapplicaties, maar ben je verder ook gefocust op het constant inspelen op nieuwe innovaties m.b.t software ontwikkeling. Naast het ontwikkelen van webapplicaties, bouwt deze toffe werkgever ook webshops en websites voor hun opdrachtgevers. Wat ga je doen? Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de eisen van de klanten; Het ontwerpen en implementeren van webapplicaties met het Symfony framework; Het schrijven van een schone en efficiënte code volgens het Symfony framework; Onderhouden en updaten van bestaande applicaties die

Bekijk vacature »

Senior Front-end Developer

Dit ga je doen Met behulp van diverse programmeertalen ontwikkelen van Front-end software; Het begeleiden van het front-end team; Het oplossen van incidenten; Het bijhouden van een backlog; Je hebt een actieve bijdrage in de wekelijkse overleggen met de omliggende teams; Je houdt trends bij en adviseert het management hierover waar nodig; Helder communiceren met de stakeholders om hen zo mee te nemen in projecten en laten inzien wat de duur en toegevoegde waarde van bepaalde projecten is. Hier ga je werken Deze organisatie heeft circa 40 miljoen bezoekers per maand en heeft innovatie hoog in het vaandel staan. Het

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving C# .NET Developer gezocht. Ben jij een full stack developer die op zoek is naar een nieuwe uitdaging binnen een leuk snel groeiend bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Developer met ervaring op het gebied van .NET die een organisatie in de regio Arnhem gaat versterken. Jij gaat je binnen dit bedrijf vooral bezighouden met het verbeteren van de functionaliteiten van hun dataplatform. Samen met andere ontwikkelaars denk je mee in oplossingsrichtingen, architectuur en nieuwe technologieën. Als C# .NET Developer binnen dit bedrijf houd je je niet alleen bezig met het verbeteren van

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden je MBO of HBO ICT in ontvangst mogen nemen? Of ben je klaar voor een nieuw hoofdstuk in jouw carrière? Voor een uitdagende werkgever in de regio van Tilburg zijn wij op zoek naar een ambitieuze back-end programmeur met affiniteit met MS Acess. Samen met een enthousiast team ben je verantwoordelijk voor het bouwen van maatwerk software voor hun klanten. Je hebt kennis of ervaring van SQL, Maar affiniteit met MS Acess is nog belangrijker. Je bent sociaal naar klanten en flexibel ingesteld. Je denkt altijd in kansen en gaat graag de uitdaging aan. Verder

Bekijk vacature »

Junior .NET developer

Functie Ons programma is voor afgestudeerde enthousiastelingen die het als een uitdaging zien om met een klein dynamisch team bij de grootste bedrijven van Nederland aan de slag te gaan. Tijdens jouw dienstverband word jij begeleid door een talent manager. Het ontwikkelen van jouw talent staat hierbij centraal. Het programma doorloop je met een team van circa 8 Mede- trainees. De eerste maand start je met een fulltime inhouse opleiding. Deze staat geheel in het teken van de werkzaamheden die jij verder in het programma zult uitvoeren. Na deze opleidingsmaand ga je aan de slag in een dynamische omgeving bij

Bekijk vacature »
Jac E

Jac E

06/07/2014 15:56:16
Quote Anchor link
Ik ben al dagen aan het zoeken naar 3 problemen. Het gaat om het volgende:

- Bij de horizontale lijnen is te zien dat het blok uitsteekt naar links, ondanks dat ik de lijn breedte
smaller heb gemaakt dan 600.

- Onderaan is een paars blok. Deze is niet even breed als het witte blok daarboven (smaller). Omdat er
aan de onderkant en zijkant dus een witte baan te zien was dacht ik dat dit op te lossen was met een
border in dezelfde kleur als het blok. Maar helaas.

- Tevens wil ik een marge links van de tekst. Dus links van het "bericht" en van "tekst". Ook dit krijg
ik niet voor elkaar.

Kan iemand mij adviseren waar de fouten zitten en hoe ik dit kan oplossen. 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Contactformulier</title>
   <style type="text/css">
       a {color: #4A72AF;}
    body, #header h1, #header h2, p {margin: 0; padding: 0;}
    #main {border: 1px solid #cfcece;}
    img {display: block;}
    #top-message p, #bottom-message p {color: #3f4042; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
    #header h1 {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 24px; margin-bottom: 0!important; padding-bottom: 0; }
    #header h2 {color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-bottom: 0 !important; padding-bottom: 0; }
    #header p {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 12px;  }
    h1, h2, h3, h4, h5, h6 {margin: 0 0 0.8em 0;}
    h3 {font-size: 35px; color: #444444 !important; font-family: Arial, Helvetica, sans-serif; }
    h4 {font-size: 25px; color: #4A72AF !important; font-family: Arial, Helvetica, sans-serif; }
    h5 {font-size: 12px; color: #575959 !important; font-family: Arial, Helvetica, sans-serif; }
    h6 {font-size: 12px; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; }
     p {font-size: 12px; color: #444444 !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; line-height: 1.5;}
   </style>
</head>


<body>
<table width="100%" cellpadding="0" cellspacing="10" bgcolor="e4e4e4"><tr><td>
<table id="main" width="600" align="center" cellpadding="10" cellspacing="0" bgcolor="FFFFFF" style="border:1px solid #FFFFFF;">
        <tr>
            <td>
                <table id="header" cellpadding="10" cellspacing="0" align="center" bgcolor="FFFFFF">
                    <tr>
                        <td><img src="http://www.website.nl/plaatje.jpg" width="250" /></td>
                    </tr>
                    </table>
            </td>
        </tr>

        <tr>
            <td></td>
        </tr>
        <tr>
            <td valign="top">
                <table id="foto" cellpadding="5" cellspacing="5" align="center">
                    <tr>
                    <td bgcolor="575959"><img src="http://www.website.nl/plaatje.jpg" width="150"
                    </td></tr>
                </table>
                        
            </td>
                </tr>
<table id="foto"  width="600" cellpadding="0" cellspacing="0" align="center" bgcolor="FFFFFF" style="border:1px solid #FFFFFF;">
<tr>
<td>    
<BR>        
<hr size="1" width="598" color="575959" align="center">
Bericht:
'.$_POST['bericht'].'
<hr size="1" width="598" color="575959" align="center">
<BR>
</tr>
</td>
</table>

                    <table id="foot" width="602" cellpadding="0" cellspacing="0" align="center" bgcolor="DD0079" style="border:4px solid #bgcolor="DD0079;">
                                    <tr>        
                            <td><h6>Test</h6></td>
                        </tr>
                    </table>
            </td>
</body>
</table>
</html>
 
PHP hulp

PHP hulp

26/05/2026 12:24:49
 
Thomas van Broekhoven

Thomas van Broekhoven

06/07/2014 16:10:20
Quote Anchor link
Hier is je code om probleem 1 en 3 op te lossen. 2 snap ik niet wat je bedoelt.

Wat heb ik gedaan:
- Breedte van de lijn op 100%
- De kolom een padding gegeven van 10 pixels.

Wel wil ik zeggen dat je code slechter dan slecht is. Geen structuur en templates uitwerken doen we al jaren in divs en niet in tabellen.

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
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Contactformulier</title>
   <style type="text/css">
       a {color: #4A72AF;}
    body, #header h1, #header h2, p {margin: 0; padding: 0;}
    #main {border: 1px solid #cfcece;}
    img {display: block;}
    #top-message p, #bottom-message p {color: #3f4042; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
    #header h1 {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 24px; margin-bottom: 0!important; padding-bottom: 0; }
    #header h2 {color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin-bottom: 0 !important; padding-bottom: 0; }
    #header p {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 12px;  }
    h1, h2, h3, h4, h5, h6 {margin: 0 0 0.8em 0;}
    h3 {font-size: 35px; color: #444444 !important; font-family: Arial, Helvetica, sans-serif; }
    h4 {font-size: 25px; color: #4A72AF !important; font-family: Arial, Helvetica, sans-serif; }
    h5 {font-size: 12px; color: #575959 !important; font-family: Arial, Helvetica, sans-serif; }
    h6 {font-size: 12px; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; }
     p {font-size: 12px; color: #444444 !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; line-height: 1.5;}
   </style>
</head>


<body>
<table width="100%" cellpadding="0" cellspacing="10" bgcolor="e4e4e4"><tr><td>
<table id="main" width="600" align="center" cellpadding="10" cellspacing="0" bgcolor="FFFFFF" style="border:1px solid #FFFFFF;">
        <tr>
            <td>
                <table id="header" cellpadding="10" cellspacing="0" align="center" bgcolor="FFFFFF">
                    <tr>
                        <td><img src="http://www.website.nl/plaatje.jpg" width="250" /></td>
                    </tr>
                    </table>
            </td>
        </tr>

        <tr>
            <td></td>
        </tr>
        <tr>
            <td valign="top">
                <table id="foto" cellpadding="5" cellspacing="5" align="center">
                    <tr>
                    <td bgcolor="575959"><img src="http://www.website.nl/plaatje.jpg" width="150"
                    </td></tr>
                </table>
                        
            </td>
                </tr>
<table id="foto"  width="600" cellpadding="0" cellspacing="0" align="center" bgcolor="FFFFFF" style="border:1px solid #FFFFFF;">
<tr>
<td style="padding: 0 10px 0 10px;">    
<BR>        
<hr size="1" width="100%" color="575959" align="center">
Bericht:
'.$_POST['bericht'].'
<hr size="1" width="100%" color="575959" align="center">
<BR>
</tr>
</td>
</table>

                    <table id="foot" width="602" cellpadding="0" cellspacing="0" align="center" bgcolor="DD0079" style="border:4px solid #bgcolor="DD0079;">
                                    <tr>        
                            <td style="padding: 10px 10px 0 10px;"><h6>Test</h6></td>
                        </tr>
                    </table>
            </td>
</body>
</table>
</html>
 
Frank Nietbelangrijk

Frank Nietbelangrijk

06/07/2014 16:16:36
Quote Anchor link
- je HTML klopt niet.
- tables gebruiken voor je pagina layout is niet meer van deze tijd. verander dat naar div's. Tables zijn namelijk erg onoverzichtelijk en dat is waarschijnlijk ook de reden waarom je HTML niet klopt.
- ga netjes inspringen, je code valt zo niet te lezen.
- inline opmaak niet meer gebruiken:

dus niet:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<table width="100%" cellpadding="0" cellspacing="10" bgcolor="e4e4e4">


maar:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<div id="main">


alle andere zaken die met stijlen te maken hebben nu in de css zetten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
#id {
   ...
}
Gewijzigd op 06/07/2014 16:21:31 door Frank Nietbelangrijk
 
Thomas van Broekhoven

Thomas van Broekhoven

06/07/2014 16:19:09
Quote Anchor link
Het feit dat de <table> later wordt afgesloten van de <body> zegt al genoeg.
 
Obelix Idefix

Obelix Idefix

06/07/2014 16:28:07
Quote Anchor link
Ik zie midden in de code nog ergens staan
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
'.$_POST['bericht'].'

Hoe komt die daar/wat doet die daar?
Of heb je alles in een variabele staan?
 
Jac E

Jac E

06/07/2014 16:41:41
Quote Anchor link
Bedankt voor jullie snelle reacties! Inderdaad ik zie dat een aantal dingen met kopiëren zijn versprongen. Heel erg bedankt voor jullie oplossingen. De tips van de divs zal ik zeker onderzoeken en gaan gebruiken. Ik ben zoals jullie al zien echt nog een beginner.

De code met de post functie gebruik ik om een opmerking te plaatsen die via php wordt verwerkt. Dit gaat goed.

Ik gebruik dit stukje html voor de opmaak van een e-mail. Wat ik bedoel met 2 is:
De tekst wil ik laten inspringen. Dus een marge links van de tekst (links van het "bericht" in witte gedeelte en van "tekst" in paarse gedeelte).
 
Frank Nietbelangrijk

Frank Nietbelangrijk

06/07/2014 17:03:36
Quote Anchor link
Eric ik heb even een hele simpele layout gemaakt. http://codepen.io/anon/pen/majHz
 
Jac E

Jac E

06/07/2014 18:35:53
Quote Anchor link
Frank, echt super goed van je. Bedankt! Ik kan zeker weer verder. Ik heb vandaag veel geleerd van jullie.
 



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.