Photoshop Site

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Ontwikkelaar

Functieomschrijving In deze uitdagende functie als Software Developer ga je de volgende taken uitvoeren: Maatwerk back-end software programmeren; API koppelingen bouwen; Software optimaliseren voor klanten; Bouwen maatwerk applicaties; Werken met Microsoft stack zoals C#, .NET (Core) en Entity framework; Bedrijfsprofiel Je gaat werken bij een klein softwareontwikkelingsbureau, die maatwerk software bouwt voor klanten door heel Nederland. Dit doen zij al meer dan 20 jaar. Het is van oorsprong een familiebedrijf, opgezet door de eigenaar, die er nog steeds werkt. Het team bestaat vooral uit back-end developers en één systeembeheerder. Je krijgt veel kans om jezelf te ontwikkelen en krijgt tevens

Bekijk vacature »

PHP Developer

Functie omschrijving Als PHP / Laravel developer zal je in een klein team terecht komen. Wij zijn op zoek naar een echte specialist, iemand die de balans weet te vinden tussen techniek en perfectie. In de aankomende jaren wilt dit bedrijf flink groeien en daarom zijn ze op zoek naar jou! Wat ga je doen? Je draagt bij aan het ontwikkelen en onderhouden van bestaande webapplicaties die boordevol functionaliteit zitten. Deze applicaties worden gebruikt door de organisatie zelf en ook door de klanten. Inmiddels wordt er gewerkt met Laravel 8 en zijn er diverse koppelingen naar externe leveranciers. Verder zal

Bekijk vacature »

Front end developer React Sportgames

Functie Als Front end developer ga jij aan de slag bij een gave en bekende organisatie op het gebied van sportgames. Jij gaat aan de slag in een scrumteam met 6 developers die gepassioneerd en actief bezig zijn om spelers kwalitatieve en mooie spelervaringen aan te bieden. Als scrumteam werken ze in drie wekelijkse sprints en begin je iedere ochtend met een stand-up. Als Front end developer werk jij bij deze organisatie voornamelijk met Javascript, html, css en React. Er wordt veel gebruikt gemaakt ook van C#, Docker en Kubernetes. Het team hecht veel waarde aan het leveren van hoogwaardige

Bekijk vacature »

Medior .NET developer

Functie Jij gaat als Medior .NET ontwikkelaar aan de slag in ons scrumteam met 6 developers die gepassioneerd en actief bezig zijn om onze spelers kwalitatieve en mooie spelervaringen aan te bieden. Als medior .NET developer ga jij werken aan een technisch hoogwaardig platform welke bezoekerspieken verwerkt van tienduizenden tot honderdduizenden gebruikers per minuut! Ons scrumteam werkt in drie wekelijkse sprints en wij beginnen iedere ochtend met een stand-up. Jij werkt bij ons met C# .NET, .NET Core, React.JS, Xamarin, Azure, Docker en Kubernetes. Wij hechten enorm veel waarde aan het leveren van hoogwaardige en kwalitatieve code. Zodra jij de

Bekijk vacature »

PHP Laravel Ontwikkelaar

Functie omschrijving Weet jij alles over Laravel en krijg je energie van het developen van software hiermee? Laat het weten want wij zoeken een PHP/Laravel developer in regio 's-Hertogenbosch voor klein bedrijf welke softwareoplossingen maakt voor hun klanten. Jouw taken hierbij: Softwareapplicaties ontwikkelen en verder optimaliseren in veel diverse projecten op basis van Agile/Scrum. Documentatie schrijven over applicaties. Uitleg geven over software en applicaties Klantcontact hebben over bestaande applicaties. Techstack: PHP, Laravel, HTML, CSS, Javascript. Bedrijfsprofiel Deze organisatie zit in de regio van 's-Hertogenbosch en is een klein bedrijf. Er werken circa 15 medewerkers, verdeeld in meerdere teams, zoals back-end

Bekijk vacature »

PHP Software Developer

Functie omschrijving PHP Software Developer gezocht! Voor een organisatie in de regio Zeist die zich bezighoud met het verbeteren van de medicatieveiligheid zoeken wij een Software Developer. In deze functie zijn wij op zoek naar een slimme en enthousiaste Developer die interesse heeft in farmacie, logistiek en ICT. Daarnaast beschik je over een goed analytisch vermogen en ben je van nature gestructureerd en resultaatgericht. Je moet in deze functie daadkrachtig, flexibel en communicatief goed zijn. Je verantwoordelijkheden bestaan uit: Object georiënteerd programmeren; Werken in een scrumteam aan de ontwikkeling van een medicatiebewakingssysteem; Meedenken over de mogelijkheden en onmogelijkheden van projecten;

Bekijk vacature »

Front-end Developer

Gezellige team, passie en een groene toekomst! Lees hier de vacature van Front-end Developer bij All in Power! All in power heeft zich tot doel gesteld écht bij te dragen aan de energietransitie. Dit doen wij door de markt voor energie volledig op zijn kop te zetten. Producenten van schone (wind- of zonne-)energie verkopen via ons platform hun energie rechtstreeks aan gebruikers. Of dit nu huishoudens, bedrijven of bijvoorbeeld laadpalen zijn ons platform maakt het uitwisselen van energie mogelijk. Zo maken we de business case van onze klanten veel sterker en loont het om (meer) te investeren in vergroening voor

Bekijk vacature »

Senior Cobol Applicatieontwikkelaar

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving In de applicatie ETM

Bekijk vacature »

Senior front end developer Digital Agency Amsterda

Functie Wij werken in multidisciplinaire teams aan verschillende projecten, echter blijf je niet gebonden aan 1 team. Dit houdt in dat wij verschillende specialisten in dienst hebben en deze door middel van een roulatiesysteem in multidisciplinaire teams laten werken. Het team bestaat vaak uit Frontend developer(s), Backend Developer(s), Designer(s), Tester(s) en Mobile Developer(s). Deze teams worden afgewisseld waardoor jij de mogelijkheid krijgt om met iedereen een keer samen te werken. Als Frontend Developer ben jij ónze Specialist op dit gebied. Jij werkt mee aan verschillende projecten voor verschillende klanten. Denk bijvoorbeeld aan klanten, zoals’; BAM, IDFA en Ultimaker. Hierbij zorg

Bekijk vacature »

Front-end Developer

Functie omschrijving Wij zijn op zoek naar een Front-end Developer! Als Front-end Developer binnen dit softwarebedrijf ga je de frontends voor zowel je eigen interne projecten als die voor klanten opzetten, onderhouden en uitbreiden. Je zet ideeën om naar mooie successen voor de klanten. Dat is in een notendop wat je gaat doen! Wat kun je verwachten? Je werkt aan de doorontwikkeling van bestaande maatwerkapplicaties. Bijvoorbeeld wanneer de klant de applicatie wil uitbreiden met een nieuwe feature; Samen met het team van backenders en desginers zet je nieuwe ideeën van klanten om naar mooie oplossingen; Je werkt met verschillende frameworks.

Bekijk vacature »

Back-end Programmeur

Functieomschrijving Heb jij kort geleden je HBO ICT in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een ambitieuze werkgever in de regio van Breda zijn wij op zoek naar een Back-end programmeur met affiniteit met C#.NET, SQL en MS Access. Samen met team bestaand uit ware ICT professionals ben je verantwoordelijk voor het bouwen van maatwerk software voor hun klanten. Belangrijk is dat je kennis of ervaring hebt van C#.NET en SQL. Je toont een flexibele en sociale houding naar klanten toe. Je denkt in nieuwe mogelijkheden & gaat graag de uitdaging aan. Bedrijfsprofiel De

Bekijk vacature »

Back End Developer

Als Back End developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Je hebt een focus op de back end van onze software, daarvoor werken wij hoofdzakelijk met C# en .NET. Wij hanteren een full-stack benadering, wat betekent dat je naast de back-end ook meehelpt bij andere onderdelen van de code. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein

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 »

.NET developer

Functie Jouw team van vier collega .NET developers is verantwoordelijk voor het bouwen van de ETL processen van jouw nieuwe werkgever. Op dit moment wordt de front-end gedaan door een extern team van professionals. Echter wilt jouw nieuwe werkgever graag intern deze kennis uitbreiden en heeft dan ook de ambitie om dit voor het eind van het jaar intern te gaan aanpakken. Dit betekend dat jij als .NET ontwikkelaar de ideale kans krijgt om jezelf samen met jouw collega’s te ontwikkelen als full stack developer. Als .NET ontwikkelaar werk jij bij deze gave werkgever met C# .NET, SQL, JavaScript, REST

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus 2023 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

Bekijk vacature »

Pagina: 1 2 volgende »

Nick Ven

Nick Ven

10/07/2007 18:25:00
Quote Anchor link
Ik heb een site gemaakt met photoshop maar ik ben evrgeten hoe het verder moet,

ik heb alles gesliced in photoshop en wat is dan makkelijker dat ik het in dreamweaver bewerkt? en http://throneking.100webspace.net moet ook in de layout gezet worden.

Of is het makkelijker als ik alles bewerk? en dan is de vraag hoe? ik heb het al 2 jaar niet meer gedaan en ben bijna alles vergeten

Bijvoorbeeld als ik zon plaatje heb (onbewerkt) :<td colspan="15">
<img src="images/Lay_01.gif" width="760" height="99" alt=""></td>

Moet het dan in dit worden gemaakt:

<td><img>"images/Lay_01.gif" width="760" height="99" alt=""></td></img>


Of wie zouw me daarmee willen helpen dan PM me maar even geef ik me msn.

Groetjes Nick,
 
PHP hulp

PHP hulp

20/11/2024 15:19:00
 
Bart van der veen

bart van der veen

10/07/2007 19:06:00
Quote Anchor link
<td colspan="15"> is verontrustend, leer werken met div...
 
Nick Ven

Nick Ven

10/07/2007 19:15:00
Quote Anchor link
ik heb nog niks gedaan? dit komt direct uit photoshop
 
Bart van der veen

bart van der veen

10/07/2007 19:39:00
Quote Anchor link
dat moet je photoshop ook niet laten doen, die maakt er zo'n puinhoop van. zelf slicen en dan zelf scripten...
 
Jan Koehoorn

Jan Koehoorn

10/07/2007 19:41:00
Quote Anchor link
Gewoon CSS gaan leren. Het is even een investering, maar je krijgt er nooit spijt van ;-)
 
Jurgen assaasas

Jurgen assaasas

10/07/2007 19:42:00
Quote Anchor link
je moet de html file weggooien en opnieuw schrijven met CSS div's. Tabellen zijn er voor bedoeld op data gestructureerd weer te geven, niet om een layout vast te houden.

Echter snap ik je punt wel. Ik en zovelen zijn ook begonnen met tabellen sites.
 
Nick Ven

Nick Ven

10/07/2007 19:46:00
Quote Anchor link
Ja maar dit:


<center><html>
<head>
<title>::Throne King The Game::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body { background-image: url(images/1.GIF); }
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Lay.psd) -->
<table id="Table_01" width="761" height="771" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15">
<img src="images/Lay_01.gif" width="760" height="99" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/Lay_02.gif" width="448" height="1" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Lay_03.gif" width="103" height="20" alt=""></td>
<td rowspan="2">
<img src="images/Lay_04.gif" width="119" height="20" alt=""></td>
<td colspan="3" rowspan="4">
<img src="images/Lay_05.gif" width="90" height="188" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="3">
<img src="images/Lay_06.gif" width="448" height="187" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Lay_07.gif" width="103" height="23" alt=""></td>
<td>
<img src="images/Lay_08.gif" width="119" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/Lay_09.gif" width="222" height="145" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="145" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/Lay_10.gif" width="81" height="483" alt=""></td>
<td colspan="2">
<img src="images/Lay_11.gif" width="173" height="163" alt=""></td>
<td colspan="2">
<img src="images/Lay_12.gif" width="7" height="163" alt=""></td>
<td colspan="9">
<img src="images/Lay_13.gif" width="417" height="163" alt=""></td>
<td rowspan="6">
<img src="images/Lay_14.gif" width="82" height="483" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="163" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/Lay_15.gif" width="174" height="78" alt=""></td>
<td colspan="10">
<img src="images/Lay_16.gif" width="423" height="77" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="77" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Lay_17.gif" width="21" height="162" alt=""></td>
<td rowspan="4">
<img src="images/Lay_18.gif" width="13" height="243" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/Lay_19.gif" width="192" height="164" alt=""></td>
<td rowspan="4">
<img src="images/Lay_20.gif" width="10" height="243" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Lay_21.gif" width="186" height="162" alt=""></td>
<td rowspan="4">
<img src="images/Lay_22.gif" width="1" height="243" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/Lay_23.gif" width="3" height="242" alt=""></td>
<td colspan="2">
<img src="images/Lay_24.gif" width="171" height="161" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="161" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/Lay_25.gif" width="192" height="81" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Lay_26.gif" width="186" height="81" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Lay_27.gif" width="192" height="79" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="170" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="159" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="119" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="82" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html></center>


moet ik tog allemaal veradnerne? maar in wat?
 
Robert Deiman

Robert Deiman

10/07/2007 19:52:00
Quote Anchor link
Kijk even op het profiel van Jan Koehoorn, die hieer eerder in het topic heeft gepost. Hij heeft wel een paar tutorials gescheven over divs.
Verder kan je ook even googlen naar CSSplay. :) Daar staan ook wel voorbeelden op.
 
Winston Smith

Winston Smith

10/07/2007 19:52:00
Quote Anchor link
In CSS misschien?

Laat maar, spuit 11.
Gewijzigd op 01/01/1970 01:00:00 door Winston Smith
 
Nick Ven

Nick Ven

10/07/2007 19:55:00
Quote Anchor link
Ok ik kijk wel even robert Bedankt;)
 
Bart van der veen

bart van der veen

10/07/2007 19:57:00
Quote Anchor link
post ff een jpg-je van je photoshopfile, dan kunnen helpen opstarten..
 
Nick Ven

Nick Ven

10/07/2007 20:01:00
Quote Anchor link
hoezo van me photoshop file? van me layout?

En Robert dit is niet wat ik bedoel:P


EdiT: hbe hem f fonline gezet:P

http://crimie.cr.funpic.de/
Gewijzigd op 01/01/1970 01:00:00 door Nick Ven
 
Jurgen assaasas

Jurgen assaasas

10/07/2007 20:10:00
Quote Anchor link
Dit is best makkelijk om om te bouwen naar CSS. ik zal even een beginnetje maken.
 
Nick Ven

Nick Ven

10/07/2007 20:15:00
Quote Anchor link
ok bedankt Jurgen:D
 
Jurgen assaasas

Jurgen assaasas

10/07/2007 20:58:00
Quote Anchor link
Bij deze een basis beginsel van je layout(in CSS).

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<style type="text/css">
html, body
{
margin: auto;
text-align: center;
background-color: #fff;
font-family: verdana, arial, sans;
}

#wrapper
{
height: 98%;
width: 800px;
border: 1px solid black;
text-align: left;
margin: auto;
background-color: #000;
}

#header
{
width: 100%;
border-bottom: 1px solid #000;
height: 200px;
background-color: red;
}

#holder1
{
Margin: 30px;
border: 1px solid #000;
width: 740px;
height: 250px;
background-color: #fff;
border: 1px solid red;
}

#blok1
{
float: left;
height: 200px;
width: 200px;
border: 1px solid #000;
margin-left: 20px;
margin-left: 20px;
margin-top: 20px;
}

#menu
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 195px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}

#blok2
{
float: right;
height: 200px;
width: 480px;
border: 1px solid #000;
margin: 20px;
margin-left: 10px;
}

#nieuws
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 475px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}

#holder2
{
Margin: 30px;
border: 1px solid #000;
width: 740px;
height: 250px;
background-color: #fff;
border: 1px solid red;
}


#blok3
{
float: left;
height: 200px;
width: 218px;
border: 1px solid #000;
margin-left: 20px;
margin-left: 20px;
margin-top: 20px;
}

#partners
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 213px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}

#blok4
{
float: left;
height: 200px;
width: 218px;
border: 1px solid #000;
margin-left: 20px;
margin-left: 20px;
margin-top: 20px;
}

#characters
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 213px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}

#blok5
{
float: left;
height: 200px;
width: 218px;
border: 1px solid #000;
margin-left: 20px;
margin-left: 20px;
margin-top: 20px;
}

#screenshots
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 213px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}

</style>

<html>
<head>
<title>een titel</title>
</head>
<body>

<div id="wrapper">
    <div id="header">
    </div>
    
    <div id="holder1">
        <div id="blok1">
            <div id="menu">Menu</div>
            <ul>
                <li>Link1</li>
                <li>Link2</li>
                <li>Link3</li>
                <li>Link4</li>
                <li>Link5</li>
            </ul>
            </div>
        <div id="blok2">
            <div id="nieuws">news</div>
            hier komt het laatste nieuws
        </div>
    </div>
    <div id="holder2">
        <div id="blok3">
            <div id="partners">
            Partners
            </div>
                <ul>
                    <li>Link1</li>
                    <li>Link2</li>
                    <li>Link3</li>
                    <li>Link4</li>
                    <li>Link5</li>
                </ul>
        </div>
        <div id="blok4">
            <div id="characters">
                Characters
            </div>
            Hier komen characters
        </div>
        <div id="blok5">
            <div id="screenshots">
                screenshots
            </div>
            Hier komen screenshots
        </div>
    </div>
    



</div>

</body>
</html>


Hij is ook te bekijken op jurgen-meijer.nl/css_layout.html


Natuurlijk kan het met minder regels maar ik heb het even zo gedaan voor het gemak. Dat je ook snapt wat er bedoeld wordt.
Gewijzigd op 01/01/1970 01:00:00 door Jurgen assaasas
 
Bart van der veen

bart van der veen

10/07/2007 21:03:00
Quote Anchor link
@jurgen niet slecht, style hoord in de head niet ervoor, en er zitten nog wat schoolheidsfoutjes in.. maar dat onze poststrater dan weer mooi oplossen..
 
Jurgen assaasas

Jurgen assaasas

10/07/2007 21:08:00
Quote Anchor link
Even een klein foutje, ik heb hem in FF bekeken, hij werkt niet helemaal lekker in IE6 maar dat kun je zelf wel oplossen door met margin en padding te spelen.
 
Robert Deiman

Robert Deiman

10/07/2007 21:17:00
Quote Anchor link
Nick Ven schreef op 10.07.2007 20:01:
hoezo van me photoshop file? van me layout?

En Robert dit is niet wat ik bedoel:P


EdiT: hbe hem f fonline gezet:P

http://crimie.cr.funpic.de/


Dit is precies waar het om draait. Je kan hiervan leren hoe je CSS kan gebruiken in combinatie met DIVS. Het gaat erom dat je niet alleen de layout werkend krijgt, maar dat je het ook snapt.
Dit is in vergelijking met een aantal jaren terug een "nieuwe" methode om je website in te delen. Tabellen horen daar niet voor gebruikt te worden, en daarvoor is de div in het leven geroepen.

Ik snap dat dit niet is wat je bedoeld, want het lost je probleem niet meteen op. Maar neem maar van mij aan dat het heel veel scheelt als je weet hoe het werkt. Op gegeven moment wil je de layout aanpassen en dan weet je niet wat je moet doen om het aan te passen ;)
 
Nick Ven

Nick Ven

10/07/2007 21:31:00
Quote Anchor link
Huh? maar dat blok 5 als ik dan kijk is dat
screenshot en deze code:


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
#blok5
{
float: left;
height: 200px;
width: 218px;
border: 1px solid #000;
margin-left: 20px;
margin-left: 20px;
margin-top: 20px;
}

#screenshots
{
font-size: 14px;
height: 20px;
border-bottom: 1px solid #000;
width: 213px;
padding-left: 5px;
background-color: red;
font-weight: bolder;
}



Als ik het goed begrijp :P maar dat is dan tog niet mijn site (A)
Gewijzigd op 01/01/1970 01:00:00 door Nick Ven
 
Jurgen assaasas

Jurgen assaasas

10/07/2007 21:34:00
Quote Anchor link
Nee dat is niet jou site, dat is de structuur van jou pagina. daar moet jij nog mee gaan klooien met de hoogtes en breedtes, padding, en margin en achtergronden.
 
Nick Ven

Nick Ven

10/07/2007 21:45:00
Quote Anchor link
Maar is dat heel index.php behalve de plaatjes enal?
 

Pagina: 1 2 volgende »



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.