Opmaak problemen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Infrastructure Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 12945 Introductie Our client is one of the most innovative companies within the Netherlands. Currently we are looking for an Infrastructure Platform Engineer. Within this role you will be developing the infrastructure. Functieomschrijving Within this role you are responsible in the development of our distributed data and compute platform infrastructure. You will design, develop and implement new features and fixes. Next to this you will integrate and configurate other packages that supports the development of tuning applications within the organisation. You will support customer sites remotely. Design and implement the

Bekijk vacature »

Software developer

Functie Momenteel zijn ze op zoek naar een Software developer die, veelal fullstack, mee gaat werken aan de ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP),

Bekijk vacature »

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 »

Medior Java developer (fullstack)

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 »

Belastingdienst - Freelance Senior Applicatie ontw

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: We verwachten van je, dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Ervaring hebt met Agile/Scrum-werken en je thuis voelt in een Agile omgeving; Een aandeel levert aan het scrumproces en in de SAFe-releasetrain; Zelfstandig werkt in een scrumteam en intensief de samenwerking op zoekt met je directe collega’s en je omgeving; Ervaring meebrengt met het schattten en inplannen van taken tot en met het testen en demonstreren van de opgeleverde functionaliteit; Collega’s in je

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Roosendaal, ontwikkel je als PHP Developer niet alleen webapplicaties, maar ben je verder ook gefocust op het continu inspelen op nieuwe trends en ontwikkelingen m.b.t software development. Naast het bouwen van webapplicaties, ontwikkelen zij ook webshops en websites voor gave opdrachtgevers! Wat ga je doen? Het schrijven van schone en efficiënte codes volgens het Symfony framework; Het ontwerpen en implementeren van webapplicaties met het Symfony-framework; Onderhouden en updaten van bestaande applicaties die zijn gebouwd met het Symfony framework; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het development team. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeën te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met

Bekijk vacature »

Medior C# Developer

You'll build modern applications for Coolblue's back office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become a Medior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become C# Developer at Coolblue? Read below if the job suits you. You enjoy doing this Working with various types of

Bekijk vacature »

Fullstack Webdeveloper .NET Azure Big Data SaaS

Bedrijfsomschrijving Deze klant van ons is recentelijk onderdeel geworden van een grote moederorganisatie, ze zijn dé partij als het gaat om software maken voor ambitieuze ondernemers, ze maken maatwerk software. Vanuit het fantastisch vormgegeven hightech gebouw te Rotterdam centrum werken ze met zo'n 40 medewerkers aan hoogwaardige software gericht op financiële data, betaalinformatie, maar ook backoffice software. De software wordt webbased, desktop en mobile aangeboden en er worden zeer moderne ontwikkeltechnieken toegepast. Je moet dan denken aan patroonherkenning, Big Data, Machine Learning en OCR. Als Developer, ongeacht je niveau, ga je hier te maken krijgen met de allerleukste kant van

Bekijk vacature »

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 »

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

Bekijk vacature »

(Lead) PHP Software Developer

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een PHP software developer met een aantal jaar werkervaring. Je krijgt een plek in een klein team met 2 andere software developers. Wil jij graag werken met de nieuwste technieken bij een bedrijf waar jij de lead gaat nemen in de verder ontwikkeling en modernisering van een eigen software pakket? Dan ben je hier aan het juiste adres! Jouw werkzaamheden gaan er als volgt uit zien: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "in-house" ontwikkelde multimedia platform. Je neemt de lead in

Bekijk vacature »

Junior PHP (Laravel) Developer

Functie omschrijving Wij zijn op zoek naar een PHP Laravel Developer! Sta je aan het begin van je carrière en ben je op zoek naar een leuke baan? Lees dan verder! Voor een softwarebedrijf in omgeving van Schiphol zijn wij op zoek naar een ervaren PHP (Laravel) Developer. Je gaat je bezighouden met het ontwikkelen van innovatieve bedrijfsapplicaties. Samen met het team, bestaande uit designers en developers, maak je mooie oplossingen voor bedrijven in diverse branches. Je zorgt dat de opgeleverde websites perfect werken en de klant meer dan tevreden is. Je kunt rekenen op een afwisselende baan met leuke

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je hier

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

08/11/2024 19:02:36
 
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.