Opmaak problemen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack Developer/ Applicatie Ontwikkelaar

Wat jij doet Als Applicatie Ontwikkelaar ben je onderdeel van het team die de Rimote omgeving ontwikkeld en onderhoud. Hierbij kan je denk aan de cloud, on premise en webapplicaties welke worden gebruikt in bijvoorbeeld industriële bakkerijen, biogasinstallaties en kwekerijen. Deze applicaties verzorgen (remote) de aansturing en monitoring van processen, machines en robots. Van a tot z ben je betrokken bij projecten. Dit betekent vanaf ontwerp tot oplevering. Je moet samen met jouw team een goed product neer zetten. Dit begint met het opzetten van het ontwerp. De basis van de software moet staan als een huis. Daarvoor moet jij

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn ze op zoek naar een Technische front end developer. Momenteel hun front end back end team gescheiden aan het werk. Hier willen ze verandering in krijgen. Omdat ook veel interne applicaties ontwikkeld worden zoeken ze iemand die hen kan helpen om de interne applicaties te voorzien van de juiste Vue.js componenten. Zodoende willen ze de interactie tussen front end en back end versoepelen en de volgende stap binnen het platform gaan zetten. Deze componenten die jij ontwikkeld zullen in elk project gebruikt worden. Het back end team bestaat momenteel uit 8 ontwikkelaars

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 »

Medior Front-end Developer

Bij Getnoticed doen wij wat we leuk vinden, websites bouwen en online marketing. Voor veel van onze klanten doen we dan ook allebei. Wel zo fijn om campagnes te draaien voor conversiegerichte websites die in eigen beheer zijn. In onze vestiging in Nederweert zit onze development afdeling en worden de websites gebouwd. Op dit moment zijn we op zoek naar jou: dé Medior Front-end Developer die net als wij, het hoofd boven het maaiveld durft uit te steken! In het kort Even een paar punten die omschrijven wat deze toffe baan inhoudt: Het uitwerken van designs tot functionele layouts Je

Bekijk vacature »

Network Engineer (f/m/d) in Heidelberg

Network Engineer (f/m/d) The IT Services team operates and supports the IT infrastructure and services at EMBL headquarters in Heidelberg and at the laboratory’s sites in Barcelona and Rome. As part of IT Services, the Network team is responsible for managing and developing the network infrastructure in our data centres, on campus, and to our external network providers. As a leading scientific institution with highly data-intensive research, extensive data flows at and between the laboratory’s six sites and to the Internet, EMBL is connected to national and international scientific networks using state-of-the-art technologies from vendors including Cisco, Extreme Networks and

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Ontwikkelprocessen verder optimaliseren en verder ontwikkelen met C#; CI/CD-pipelines automatiseren; Ontwikkelen van herbruikbare componenten; Front-end pagina's gebruiksvriendelijk maken. Hier ga je werken Als junior .NET Developer kom je terecht binnen een grote en internationale organisatie. Zij streven naar een positieve impact op de mens, milieu en maatschappij. Het bedrijf is oorspronkelijk een familiebedrijf en werkt aan de productie van hoogwaardige en technische systemen voor de gezondheidszorg. Momenteel willen zij betere ontwikkelprocessen creëren op internationaal gebied en staat kwaliteit en veiligheid voor hun op nummer 1! Als junior .NET Developer werk je aan het ontwikkelen van verbeterde

Bekijk vacature »

Software Developer C++ en Perl

Ben je een slimme en enthousiaste universitair opgeleide bèta die graag bij een relatief klein softwarebedrijf wil werken waar de sfeer goed is en eigen inbreng gewaardeerd wordt? Wij, IntelliMagic in Leiden, ontwikkelen technisch hoogwaardige software op het gebied van IT infrastructuur performance analytics. Het type software zorgt voor intellectueel interessante uitdagingen. We ontwerpen de producten zelf en verkopen deze als off-the-shelf software aan grote bedrijven in Europa en de VS. Wij zoeken een ervaren C++ software engineer met kennis van Perl voor een van onze ontwikkelteams. Werkzaamheden Samen met de andere ontwikkelaars specificeren, ontwerpen en implementeren van nieuwe functionaliteit

Bekijk vacature »

.NET developer WO niveau voor predictive software

Bedrijfsomschrijving Dit bedrijf uit Den Bosch is om precies te zijn 15 medewerkers groot en ze ontwikkelen (predicitve) planning software. Dit doen zij voor allerlei mooie en bekende organisaties (bierbrouwerijen, gemeentes, oliemaatschappijen en diverse multinationals). Wegens meer en grotere vraag vanuit de klanten komen er nu posities vrij voor onder andere een .NET developer. Het bedrijf is goed met openbaar vervoer te bereiken. Functieomschrijving Je komt hier te werken in een team van 3 .NET developers en bent betrokken bij het gehele ontwikkelproces. Dus van idee naar ontwerp en van ontwikkeling tot testen en implementatie. Bij voorkeur ben je niet

Bekijk vacature »

Software Developer

Functie omschrijving Heb jij affiniteit met ICT en een WO diploma in de pocket? Dan ben je hier aan het juiste adres. Voor een opdrachtgever in Amsterdam zijn wij op zoek naar kandidaten die (enige) ervaring hebben met Java, Javascript, C of C++. Je zal door middel van trainingen worden opgeleid tot een volwaardige Software Developer. Er wordt tijdens de training natuurlijk veel aandacht besteedt aan de vaktechnische aspecten, maar er gaat ook veel aandacht uit naar jouw persoonlijke ontwikkeling. Bedrijfsprofiel Bij deze opdrachtgever in de omgeving van Amsterdam zoeken ze meerdere enthousiaste kandidaten die hun carrière willen starten met

Bekijk vacature »

In-house .NET software developer

Functie omschrijving Ben jij op zoek naar een uitdagende in-house development functie? Maak jij graag hét verschil m.b.t. interne automatisering? Haal jij energie uit het automatiseren van processen voor je eigen collega's? Dan hebben wij de perfecte vacature voor je! Voor een gezellig Brabants familiebedrijf, zijn wij op zoek naar een .NET software developer. Je gaat in deze zelfstandige functie werken aan de ontwikkeling van eigen applicaties & en het koppelen van deze applicaties aan de ingekocht software. Jouw werkzaamheden zien er als volgt uit: Het management team signaleert behoeftes vanuit de business. Vervolgens worden deze behoeftes uitgewerkt en geprioriteerd.

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 »

Senior Node.js developer Digital Agency

Functie Door de groei van de organisatie zijn ze op zoek naar een Tech Lead. Als tech lead ben jij verantwoordelijk Als Back end Node.js developer kom je terecht in een van de 8 multidisciplinaire teams in het projectenhuis. Afhankelijk van jouw interesses, wensen en capaciteiten word je bij projecten en onderwerpen naar keuze betrokken. Als ervaren ontwikkelaar zul jij vaak leiding nemen in de projecten en in het team een aanvoerder zijn van technische discussies. Uiteindelijk wil jij natuurlijk de klantwensen zo goed mogelijk vertalen naar robuuste code. De projecten kunnen varieren van langlopende- tot kleinschalige trajecten. Voorheen werkte

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden

Bekijk vacature »

Junior Java Developer

Dit ga je doen Full stack web- en appdevelopment; Vertalen van de functionele wensen naar de technische specificaties; Sturing geven aan/klank board zijn voor de software teams; Trainen van de software teams; Sparren met klanten; Meedenken over architectuur. Hier ga je werken De organisatie is een bureau welke websites en mobiele applicaties bouwt voor verschillende toonaangevende organisaties. Hierbij richten zij zich voornamelijk op de sectoren leisure, overheid en zorg. De sfeer intern kenmerkt zich door informaliteit, gezelligheid en ambitie. Ze werken dag in dag uit samen om mooie producten op te leveren voor hun klanten. Op dit moment zijn er

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 »
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

10/11/2024 21:00:37
 
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.