Footer past zich niet aan.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full stack Python developer

Functie Samen met andere collega’s (een product owner, een software manager en een ervaren ontwikkelaar) ga jij onze producten verder ontwikkelen. Jouw verantwoordelijkheden zullen bestaan uit: – Verder wil gaan met de ontwikkeling van onze bestaande producten; nieuwe features! – Meedenkt over de roadmap van onze producten – Als sparringpartner kan optreden op het gebied van development – Zelf ook nieuwe ideeën op tafel durft te leggen en deze van scratch af aan wilt bouwen Hieronder ook een paar voorbeelden van projecten waar we momenteel mee bezig zijn of binnenkort aan willen beginnen: – Real-time interactie creëren in onze web

Bekijk vacature »

Software developer (Python)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en houden ze zo nu en dan pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Je hebt in je werk oog voor kwaliteit, risico’s en het klantbelang. Communicatie met

Bekijk vacature »

Java Developer

Functie Wat ga je doen als Java developer? Jij komt terecht binnen een informeel team waarin je verantwoordelijk bent voor de backend systemen voor grote klanten als Ziggo en KPN. Als Medior Java developer werk je in teamverband en soms individueel. Gedurende de werkweek zal je veelvuldig sparren met je collega’s voor een goede implementatie van de software. Ben jij een echte Java developer? Ben je geïnteresseerd in de nieuwste technieken en de laatste ontwikkelingen? Dan ben je hier aan het juiste adres! Eisen Wat wordt er van jou verwacht? • Minimaal HBO/WO denk- en werkniveau; • Analytisch sterk, open

Bekijk vacature »

Front-end Developer

Do you want to work with the latest technologies on the development of new systems and applications? Create elegant interfaces using VueJS for thousands of users? Get moving and strengthen Nederlandse Loterij as a Front-end Developer. Thanks to your efforts, our services are always presented in style. As a Front-end Developer you are responsible for website development and improving customer experience based on data analyze. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Front-end Developer you score by: Writing elegant, testable components without side-effects to provide functionality to the users Website development, adding

Bekijk vacature »

PHP developer (Symfony, Doctrine)

Functie Als PHP developer wordt er een hoge mate van zelfstandigheid verwacht, maar ook dat je goed opereert in een team waar kennis wordt gedeeld en dingen als codereviews erg veel voorkomen. Kwaliteit staat voorop, mede hierom werken ze bijvoorbeeld zonder echte deadlines in hun sprints. De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden

Bekijk vacature »

Full Stack .NET Developer

Dit ga je doen Als developer nieuwe gave features ontwikkelen; Werken met technieken als C#, Angular 12 en Javascript,; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een team van 7 professionals ben je als Full Stack .NET Developer verantwoordelijk voor het ontwikkelen van applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Wil je van meerwaarde

Bekijk vacature »

Lead Java Developer

Dit ga je doen Je taken bestaan onder andere uit: Het aansturen van een development team bestaande uit 8 collega's op technisch maar ook HR gebied; Het maken van strategische keuzes omtrent de (nieuw)bouw van deze applicatie; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java, Spring, Angular, REST); Reviewen van code en feedback geven op collega developers. Hier ga je werken Als Lead Software Developer ben je verantwoordelijk voor één van de vier Agile Java ontwikkelteams die bouwen aan technologie die duizenden instanties wereldwijd verbindt. Dit Agile team, data Jira en Confluence gebruikt en

Bekijk vacature »

PHP Developer gezocht!

Functie omschrijving Wij zijn op zoek naar een PHP Developer! Ben jij op zoek naar een nieuwe uitdaging? Lees dan snel verder! Voor een organisatie in de regio Utrecht 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

Bekijk vacature »

Node.js developer looking for a challenging consul

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Senior .NET developer

Klaar voor een nieuwe uitdaging? Welke technologieën gaan schuil achter de dagelijkse energievoorziening? Als senior .NET developer bij Kenter maak jij samen met je team het verschil, zowel voor de interne organisatie als voor eindklanten. Samen bouwen jullie aan innovatieve dienstverlening met behulp van de nieuwste technologieën en tools. Het is een functie met veel vrijheid, goede arbeidsvoorwaarden én je draagt jouw steentje bij aan de energietransitie. Klinkt dit als iets voor jou? Lees dan verder of solliciteer direct! Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare

Bekijk vacature »

.Net Ontwikkelaar

Dit ga je doen Het ontwerpen en ontwikkelen van software voor klanten; Het bijdragen van kennis en ervaring; Het integreren van van de software en afstemmen met klanten; Het functioneel testen van de ontwikkelde software. Hier ga je werken Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en

Bekijk vacature »

SQL ontwikkelaar

Functieomschrijving Voor een gave werkgever in regio Breda zijn wij per direct op zoek naar een SQL ontwikkelaar/ functioneel consultant. Hier wordt jij mede verantwoordelijk voor zowel de design en implementatie van SQL-databases als voor het verstaan van de processen van klanten naar het vertalen van deze processen naar IT-oplossingen. Jouw takenpakket komt als volgt uit te zien: Je test de ontwikkelde oplossingen om er zeker van te zijn dat deze voldoen aan de functionele specificaties en de behoeften van de organisatie; Je ontwerpt, ontwikkelt en implementeert SQL-databases om de data behoeften van de organisatie te ondersteunen; Je stelt op

Bekijk vacature »

Traineeship Fullstack developer (WO, 0 tot 3 jaar

Functie Zoals beschreven ga je vanaf start aan de slag bij een passende opdrachtgever, hierbij kijken ze echt naar jouw wensen, kennis/ervaring maar ook de reisafstand. Momenteel hebben ze meerdere klanten waarbij ze groepen hebben opgezet wat maakt dat er diverse uitdagende kansen liggen. Naast het werken bij de opdrachtgever, en het volgen van de masterclasses, zul je regelmatig met de andere trainees in contact zijn. Niet alleen op professioneel vlak maar juist ook bij de borrels en kwartaaluitjes! Kortom; een jaar lang hard aan jezelf werken in combinatie met gezelligheid en plezier. Spreek dit jou aan? Dan komen we

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 »

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

bert vanesser

22/01/2014 00:06:01
Quote Anchor link
Dag beste, ik heb een probleem met de footer op mijn pagina. Deze wilt zich niet centreren en ik weet niet hoe ik dit op orde krijg. (Al veel geprobeerd en vele forums afgegaan)

Hopelijk is er iemand hier die het de uitdaging waard vindt en weet wat er gaande is! :)

Zie hieronder code van de pagina waar alles correct gaat:
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Title -->
<title>Lumotronic</title>

<!-- CSS -->
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />

<!-- JS -->
<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.js"></script>
<script type="text/javascript" src="/js/jquery.functions.js"></script>
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/Comfortaa_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Comfortaa' });
            Cufon.replace('h2', { fontFamily: 'Comfortaa' });
            Cufon.replace('h3', { fontFamily: 'Comfortaa' });
            Cufon.replace('h4', { fontFamily: 'Comfortaa' });
            
            function ShowImage(url){
                $('#ProductImage').attr('src','/image.php?width=471&height=260&image=' + url);
            }
            
            $(document).ready(function()
            {
                //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
                $(".firstpane p.menu_head").click(function()
                {
                    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                       $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
                //slides the element with class "menu_body" when mouse is over the paragraph
                $(".secondpane p.menu_head").mouseover(function()
                {
                     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                     $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
            });
        </script>

<!--<script type="text/javascript" src="/assets/js/font-delicious.js"></script>-->

</head>
<body>

<div id="Layout">
  <!-- BEGIN HEADER -->
  <div id="Top">
    <div id="Logo">
      <h1><a href="index.php"><img src="/images/logoB.jpg" alt="Lumotronic" title="Lumotronic" /></a></h1>
    </div>
    <!-- end div #Logo -->
    <div id="TopContent">
      <ul>
      </ul>
    </div>
    <!-- end div #TopContent -->
    <div id="Nav">
      <div class="NavBody">
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/products.php">Products</a></li>
          <li><a href="/download.php">Downloads</a></li>
          <li><a href="/news.php">News</a></li>
          <li><a href="/contact.php">Contact</a></li>
          <!--<li class="search">
            <input type="image" class="action" src="images/search-action.jpg" />
            <input type="text" class="searchfeild" />
          </li>-->
        </ul>
      </div>
    </div>
    <!-- end div #Nav -->
  </div>
  <!-- end div #Top -->
  <!-- END HEADER -->
   <!-- BEGIN CONTENT -->
  <div id="Content">
    <div class="LeftSide">
    
          <div class="leftBox">
        <h3><a href="/categorie/12/general-lighting">General lighting</a></h3>
      
        <div class="leftBoxBody">
          <ul class="cat-link">
                          <li ><a href="/categorie/21/architectural-spots">Architectural spots</a></li>
                        <li ><a href="/categorie/50/downlighters">Downlighters</a></li>
                        <li ><a href="/categorie/31/drivers-controllers">Drivers / Controllers</a></li>
                        <li ><a href="/categorie/25/industrial-lighting">Industrial lighting</a></li>
                        <li ><a href="/categorie/14/lamp-replacements">Lamp replacements</a></li>
                        <li ><a href="/categorie/80/led-lighting-fixture">Led lighting fixture</a></li>
                        <li ><a href="/categorie/13/led-strips-accessories">Led strips + Accessories</a></li>
                        <li ><a href="/categorie/83/lumoluce-series">Lumoluce series</a></li>
                        <li ><a href="/categorie/90/panel-lights">Panel Lights</a></li>
                        <li ><a href="/categorie/51/pendel-lamps">Pendel lamps</a></li>
                        <li ><a href="/categorie/24/public-lighting">Public lighting</a></li>
                      </ul>
        </div>
      </div>
          <div class="leftBox">
        <h3><a href="/categorie/11/lt-components">LT Components</a></h3>
      
        <div class="leftBoxBody">
          <ul class="cat-link">
                          <li ><a href="/categorie/92/cdil-components">CDIL COMPONENTS</a></li>
                        <li ><a href="/categorie/40/filament-replacement-leds">Filament replacement leds</a></li>
                        <li ><a href="/categorie/93/hitano-capacitors">HITANO CAPACITORS</a></li>
                        <li ><a href="/categorie/38/leds">Leds</a></li>
                        <li ><a href="/categorie/79/pcb-mounting-leds">PCB-Mounting leds</a></li>
                        <li ><a href="/categorie/91/power-mate">POWER MATE</a></li>
                        <li ><a href="/categorie/28/professional-led-indicators">Professional led indicators</a></li>
                        <li ><a href="/categorie/41/solid-state-relays">Solid state relays</a></li>
                      </ul>
        </div>
      </div>
    
    </div>
    <!-- end div #LeftSide -->
    <div class="RightSide"><!-- slideshow start -->
      <div id="slideshow">
        <ul id="slides">
                          <li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 4;"><a href="/product/335/warm-white-led"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p335-NVSW119A.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/335/warm-white-led" class="title">WARM WHITE LED</a> NS3L183A-H3</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 3;"><a href="/product/557/professional-led-indicators"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p557-608-312-04 lit.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/557/professional-led-indicators" class="title">Professional led indicators</a> Marl 608 Series</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 2;"><a href="/product/775/lt-led-bulb-5.5w-nichia-dimmable"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p775-LT-LR157.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/775/lt-led-bulb-5.5w-nichia-dimmable" class="title">LT led bulb 5.5W Nichia dimmable</a> LT-LR157</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 1;"><a href="/product/777/lt-cree-4w-mr16-replacement"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p777-LT-LR115.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/777/lt-cree-4w-mr16-replacement" class="title">LT cree 4W MR16 replacement</a> LT-LR115</span></li>
                      </ul>
        <div id="slideshow_violator" class="clearfix">
          <div style="display: block;" id="project_caption"></div>
          <div id="slide_navigation" class="clearfix"></div>
        </div>
      </div>
      <!-- slideshow end -->    
  <div class="bredCrum" style="margin-bottom:38px;">
        <h4>Last Products</h4>
      </div>

                      <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/391/-banana-downlighter"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p391-LT-DL525-535.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/391/-banana-downlighter"> BANANA Downlighter</a></h4>
                    <p>LT-DL525</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/861/11-serie-double-power"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p861-LT-ST13X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/861/11-serie-double-power">11 SERIE DOUBLE POWER</a></h4>
                    <p>LT-ST13X-B</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/848/17-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p848-LT-ST17X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/848/17-serie-ledstrip">17 serie ledstrip</a></h4>
                    <p>LT-ST17X</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/157/19-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p157-LT-ST19X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/157/19-serie-ledstrip">19 serie ledstrip</a></h4>
                    <p>LT-ST19X</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/716/25-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p716-LT-ST251.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/716/25-serie-ledstrip">25 serie ledstrip</a></h4>
                    <p>LT-ST251</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/854/4-channel-single-color-rf-dimming-controller"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p854-LT-CTC02 Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/854/4-channel-single-color-rf-dimming-controller">4 CHANNEL SINGLE COLOR RF DIMMING CONTROLLER</a></h4>
                    <p>LT-CTC02</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/856/5-channel-dmx512-controller"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p856-LT-CTC05 TEK-FOTO.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/856/5-channel-dmx512-controller">5 CHANNEL DMX512 CONTROLLER</a></h4>
                    <p>LT-CTC05</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/866/all-the-range"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p866-HITANO.gif" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/866/all-the-range">ALL THE RANGE</a></h4>
                    <p>HITANO CAPACITORS</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/864/all-the-range-possible"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p864-P DUKE.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/864/all-the-range-possible">ALL THE RANGE POSSIBLE</a></h4>
                    <p>POWER MATE COMPONENTS</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/865/complete-product-range-"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p865-cdil.gif" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/865/complete-product-range-">COMPLETE PRODUCT RANGE </a></h4>
                    <p>CDIL COMPONENTS</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/853/controller-for-lt-ctc01"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p853-LT-CTR01 foto1.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/853/controller-for-lt-ctc01">CONTROLLER FOR LT-CTC01</a></h4>
                    <p>LT-CTR01</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/389/downlighter-driver-included"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p389-LT-DL508.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/389/downlighter-driver-included">Downlighter + Driver included</a></h4>
                    <p>LT-DL508</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/177/ledstrip-profile-type-b"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p177-LT-PROF2B.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/177/ledstrip-profile-type-b">Ledstrip profile TYPE B</a></h4>
                    <p>LT-PROF2B</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/847/ledstrip-profile-type-w"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p847-LT-PROF2W Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/847/ledstrip-profile-type-w">Ledstrip profile TYPE W</a></h4>
                    <p>LT-PROF2W</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/779/lt-7w-gu10-lamp-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p779-LT-LR532.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/779/lt-7w-gu10-lamp-replacement">LT 7W GU10 lamp replacement</a></h4>
                    <p>LT-LR532</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/133/lt-gu10-4w-spot"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p133-LT-LR135.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/133/lt-gu10-4w-spot">LT GU10 4W Spot</a></h4>
                    <p>LT-LR135</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/862/lt-gu10-7w-spot"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p862-LT-LR136.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/862/lt-gu10-7w-spot">LT GU10 7W Spot</a></h4>
                    <p>LT-LR136</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/227/lt-high-bay-200w"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p227-AT-IL445.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/227/lt-high-bay-200w">LT high bay 200W</a></h4>
                    <p>LT-IL445</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/385/lt-lamp-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p385-LT-LR512.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/385/lt-lamp-replacement">LT Lamp replacement</a></h4>
                    <p>LT-LR512</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/714/lt-nichia-6.5w-gu10-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p714-LT-LR139.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/714/lt-nichia-6.5w-gu10-replacement">LT nichia 6.5W GU10 replacement</a></h4>
                    <p>LT-LR139</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/859/lt-cbor1204-rgbw"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p859-LT-CBOR1204.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/859/lt-cbor1204-rgbw">LT-CBOR1204 RGBW</a></h4>
                    <p>LT-CBOR1204 RGBW</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/863/lt-il435-comp"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p863-LT-IL435COMP.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/863/lt-il435-comp">LT-IL435 COMP</a></h4>
                    <p>LT-IL435 COMP</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/214/lt-monodim10"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p214-LT-MONODIM10 NEW.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/214/lt-monodim10">LT-MONODIM10</a></h4>
                    <p>LT-MONODIM10</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/833/panel-light"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p833-LT-PL060643.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/833/panel-light">Panel light</a></h4>
                    <p>LT-PL060643</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li class="last">
                <div class="catThum">
                                            <a href="/product/852/rgbw-rf-wifi-controller-reciever"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p852-LT-CTC01 Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/852/rgbw-rf-wifi-controller-reciever">RGB(W) RF/WIFI CONTROLLER / RECIEVER</a></h4>
                    <p>LT-CTC01</p>
                </div>
            </li>
                        </ul><div class="clr"></div></div>
            </div>
    <!-- end div #RightSide-->
    <div class="clr"></div>
    <!-- BEGIN FOOTER -->
    <div id="Footer">
      <div class="footerbody">
        <div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
      </div>
    </div>
    <!-- END FOOTER -->
  </div>
  <!-- END CONTENT -->
  <div id="Footerimg"> </div>
</div>
<!-- end div #Layout -->

</body>
</html>


En hier de code van de pagina waar het nu misgaat bij het centreren.
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Title -->
<title>Lumotronic</title>

<!-- CSS -->
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />

<!-- JS -->
<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.js"></script>
<script type="text/javascript" src="/js/jquery.functions.js"></script>
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/Comfortaa_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Comfortaa' });
            Cufon.replace('h2', { fontFamily: 'Comfortaa' });
            Cufon.replace('h3', { fontFamily: 'Comfortaa' });
            Cufon.replace('h4', { fontFamily: 'Comfortaa' });
            
            function ShowImage(url){
                $('#ProductImage').attr('src','/image.php?width=471&height=260&image=' + url);
            }
            
            $(document).ready(function()
            {
                //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
                $(".firstpane p.menu_head").click(function()
                {
                    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                       $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
                //slides the element with class "menu_body" when mouse is over the paragraph
                $(".secondpane p.menu_head").mouseover(function()
                {
                     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                     $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
            });
        </script>

<!--<script type="text/javascript" src="/assets/js/font-delicious.js"></script>-->

</head>
<body>

<div id="Layout">
  <!-- BEGIN HEADER -->
  <div id="Top">
    <div id="Logo">
      <h1><a href="index.php"><img src="/images/logoB.jpg" alt="Lumotronic" title="Lumotronic" /></a></h1>
    </div>
    <!-- end div #Logo -->
    <div id="TopContent">
      <ul>
      </ul>
    </div>
    <!-- end div #TopContent -->
    <div id="Nav">
      <div class="NavBody">
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/products.php">Products</a></li>
          <li><a href="/download.php">Downloads</a></li>
          <li><a href="/news.php">News</a></li>
          <li><a href="/contact.php">Contact</a></li>
          <!--<li class="search">
            <input type="image" class="action" src="images/search-action.jpg" />
            <input type="text" class="searchfeild" />
          </li>-->
        </ul>
      </div>
    </div>
    <!-- end div #Nav -->
  </div>
  <!-- end div #Top -->
  <!-- END HEADER -->
<style type="text/css">
<!--
.style5 {color: #FFFFFF}
-->
</style>
  <blockquote>&nbsp;</blockquote>
  <div class="bredCrum" style="margin-bottom:38px;">
        <h4 align="left"> <span class="style5">__</span>Welcome</h4>
</div>

<div class="detailInfo">
  <table width="200" border="0">
    <tr>
      <td>&nbsp;</td>
      <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="300" align="right">
        <param name="movie" value="../images/Banner EX.swf" />
        <param name="quality" value="high" />
        <embed src="../images/Banner EX.swf" width="300" height="300" align="right" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
      </object></td>
    </tr>
  </table>
  <p align="left">&nbsp;</p>
</div>

    </div>
    <!-- end div #RightSide-->
    <div class="clr"></div>
    <!-- BEGIN FOOTER -->
    <div id="Footer">
      <div class="footerbody">
        <div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
      </div>
    </div>
    <!-- END FOOTER -->
  </div>
  <!-- END CONTENT -->
  <div id="Footerimg"> </div>
</div>
<!-- end div #Layout -->

</body>
</html>


Website links:
Correcte footer: http://www.lumotronic.eu/products.php
Footer die niet werkt: http://www.lumotronic.eu/

Alvast bedankt voor uw hulp.

Groetjes :)
Gewijzigd op 22/01/2014 00:11:44 door Bert vanesser
 
PHP hulp

PHP hulp

08/11/2024 17:10:34
 
Chris PHP

Chris PHP

22/01/2014 08:07:20
Quote Anchor link
En je verwacht dat we de opmaak van classes en id's kunnen behandelen zonder een css sheet?

Wellicht je code even reduceren naar alleen de 'relevante' code waarom het gaat, en dan voornamelijk ook je CSS sheet.

Wat me al wel opvalt is dat je ongelofelijk veel div's hebt, bijvoorbeeld waarom een <div id="Footerimg"> </div> terwijl je footer in een andere div en hoger staat?

En waarom een div alleen voor je logo? Geef je logo of je link <a></a> gewoon een class of een id mee en pas die aan.

Mijn advies is zoiezo om stukken minder div's te gebruiken, als ik je code zo snel overkijk kan dat namelijk makkelijk. Het wordt op deze manier al gauw onoverzichtelijk en lastiger met stylen.
Gewijzigd op 22/01/2014 08:07:50 door Chris PHP
 
Joakim Broden

Joakim Broden

22/01/2014 08:27:07
Quote Anchor link
Durf te wedden dat je een paar div's niet correct hebt af gesloten..
 
Obelix Idefix

Obelix Idefix

22/01/2014 09:33:53
Quote Anchor link
Dat is hem op http://www.pfz.nl/forum/topic/10349-problemen-met-footer-die-niet-centreerd/ ook al verteld.
Volgens TS maakt het echter niet uit (zie #11 in dat topic)
Daarna post hij daar een voorbeeld waar het goed gaat en fout gaat.
Het is vast toeval dat in het goede script wel even vaak <div> als </div> staat.
Gewijzigd op 22/01/2014 09:34:24 door Obelix Idefix
 
Bert vanesser

bert vanesser

22/01/2014 12:47:41
Quote Anchor link
Metal Hertog Jan op 22/01/2014 08:27:07:
Durf te wedden dat je een paar div's niet correct hebt af gesloten..


Goedemiddag,

Inderdaad waren er Div's niet afgesloten/te veel. Het probleem was voor mij om deze te vinden aangezien er 3x doorverwezen werd en er in een bestand afsluiting stond zonder een opening. Uiteindelijk na wat puzzelen gelukt, maar had effect op andere pagina's waar alles goed ging. Dus vervolgens eenzelfde kopie voor de homepage gemaakt en deze vervolgens anders benoemd en linkjes op homepage aangepast.

Nu zit ik met het volgende probleem: de footer zelf waar de tekst instaat moet in de websitekader komen en dit gebeurt niet. Op de andere pagina's wel, zie hier code van de pagina die ik heb aangepast:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Title -->
<title>Lumotronic</title>

<!-- CSS -->
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />

<!-- JS -->
<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.js"></script>
<script type="text/javascript" src="/js/jquery.functions.js"></script>
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/Comfortaa_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Comfortaa' });
            Cufon.replace('h2', { fontFamily: 'Comfortaa' });
            Cufon.replace('h3', { fontFamily: 'Comfortaa' });
            Cufon.replace('h4', { fontFamily: 'Comfortaa' });
            
            function ShowImage(url){
                $('#ProductImage').attr('src','/image.php?width=471&height=260&image=' + url);
            }
            
            $(document).ready(function()
            {
                //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
                $(".firstpane p.menu_head").click(function()
                {
                    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                       $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
                //slides the element with class "menu_body" when mouse is over the paragraph
                $(".secondpane p.menu_head").mouseover(function()
                {
                     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                     $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
            });
        </script>

<!--<script type="text/javascript" src="/assets/js/font-delicious.js"></script>-->

</head>
<body>

<div id="Layout">
  <!-- BEGIN HEADER -->
  <div id="Top">
    <div id="Logo">
      <h1><a href="index.php"><img src="/images/logoB.jpg" alt="Lumotronic" title="Lumotronic" /></a></h1>
    </div>
    <!-- end div #Logo -->
    <div id="TopContent">
      <ul>
      </ul>
    </div>
    <!-- end div #TopContent -->
    <div id="Nav">
      <div class="NavBody">
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/products.php">Products</a></li>
          <li><a href="/download.php">Downloads</a></li>
          <li><a href="/news.php">News</a></li>
          <li><a href="/contact.php">Contact</a></li>
          <!--<li class="search">
            <input type="image" class="action" src="images/search-action.jpg" />
            <input type="text" class="searchfeild" />
          </li>-->
        </ul>
      </div>
    </div>
    <!-- end div #Nav -->
  </div>
  <!-- end div #Top -->
  <!-- END HEADER -->
<style type="text/css">
<!--
.style5 {color: #FFFFFF}
-->
</style>
  <blockquote>&nbsp;</blockquote>
  <div class="bredCrum" style="margin-bottom:38px;">
        <h4 align="left"> <span class="style5">__</span>Welcome</h4>
</div>

<div class="detailInfo">
  <table width="200" border="0">
    <tr>
      <td>&nbsp;</td>
      <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="300" align="right">
        <param name="movie" value="../images/Banner EX.swf" />
        <param name="quality" value="high" />
        <embed src="../images/Banner EX.swf" width="300" height="300" align="right" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
      </object></td>
    </tr>
  </table>
  <p align="left">&nbsp;</p>
</div>

    
    <div class="clr"></div>
    <!-- BEGIN FOOTER -->
    <div id="Footer">
      <div class="footerbody">
        <div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
      </div>
    </div>
    <!-- END FOOTER -->

  <div id="Footerimg"> </div>


</body>
</html>


En hier de code waar de footer wel in de kader komt.

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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Title -->
<title>Lumotronic</title>

<!-- CSS -->
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />

<!-- JS -->
<script type="text/javascript" src="/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.js"></script>
<script type="text/javascript" src="/js/jquery.functions.js"></script>
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/Comfortaa_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Comfortaa' });
            Cufon.replace('h2', { fontFamily: 'Comfortaa' });
            Cufon.replace('h3', { fontFamily: 'Comfortaa' });
            Cufon.replace('h4', { fontFamily: 'Comfortaa' });
            
            function ShowImage(url){
                $('#ProductImage').attr('src','/image.php?width=471&height=260&image=' + url);
            }
            
            $(document).ready(function()
            {
                //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
                $(".firstpane p.menu_head").click(function()
                {
                    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                       $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
                //slides the element with class "menu_body" when mouse is over the paragraph
                $(".secondpane p.menu_head").mouseover(function()
                {
                     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                     $(this).siblings().css({backgroundImage:"url(left.png)"});
                });
            });
        </script>

<!--<script type="text/javascript" src="/assets/js/font-delicious.js"></script>-->

</head>
<body>

<div id="Layout">
  <!-- BEGIN HEADER -->
  <div id="Top">
    <div id="Logo">
      <h1><a href="index.php"><img src="/images/logoB.jpg" alt="Lumotronic" title="Lumotronic" /></a></h1>
    </div>
    <!-- end div #Logo -->
    <div id="TopContent">
      <ul>
      </ul>
    </div>
    <!-- end div #TopContent -->
    <div id="Nav">
      <div class="NavBody">
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/products.php">Products</a></li>
          <li><a href="/download.php">Downloads</a></li>
          <li><a href="/news.php">News</a></li>
          <li><a href="/contact.php">Contact</a></li>
          <!--<li class="search">
            <input type="image" class="action" src="images/search-action.jpg" />
            <input type="text" class="searchfeild" />
          </li>-->
        </ul>
      </div>
    </div>
    <!-- end div #Nav -->
  </div>
  <!-- end div #Top -->
  <!-- END HEADER -->
   <!-- BEGIN CONTENT -->
  <div id="Content">
    <div class="LeftSide">
    
          <div class="leftBox">
        <h3><a href="/categorie/12/general-lighting">General lighting</a></h3>
      
        <div class="leftBoxBody">
          <ul class="cat-link">
                          <li ><a href="/categorie/21/architectural-spots">Architectural spots</a></li>
                        <li ><a href="/categorie/50/downlighters">Downlighters</a></li>
                        <li ><a href="/categorie/31/drivers-controllers">Drivers / Controllers</a></li>
                        <li ><a href="/categorie/25/industrial-lighting">Industrial lighting</a></li>
                        <li ><a href="/categorie/14/lamp-replacements">Lamp replacements</a></li>
                        <li ><a href="/categorie/80/led-lighting-fixture">Led lighting fixture</a></li>
                        <li ><a href="/categorie/13/led-strips-accessories">Led strips + Accessories</a></li>
                        <li ><a href="/categorie/83/lumoluce-series">Lumoluce series</a></li>
                        <li ><a href="/categorie/90/panel-lights">Panel Lights</a></li>
                        <li ><a href="/categorie/51/pendel-lamps">Pendel lamps</a></li>
                        <li ><a href="/categorie/24/public-lighting">Public lighting</a></li>
                      </ul>
        </div>
      </div>
          <div class="leftBox">
        <h3><a href="/categorie/11/lt-components">LT Components</a></h3>
      
        <div class="leftBoxBody">
          <ul class="cat-link">
                          <li ><a href="/categorie/92/cdil-components">CDIL COMPONENTS</a></li>
                        <li ><a href="/categorie/40/filament-replacement-leds">Filament replacement leds</a></li>
                        <li ><a href="/categorie/93/hitano-capacitors">HITANO CAPACITORS</a></li>
                        <li ><a href="/categorie/38/leds">Leds</a></li>
                        <li ><a href="/categorie/79/pcb-mounting-leds">PCB-Mounting leds</a></li>
                        <li ><a href="/categorie/91/power-mate">POWER MATE</a></li>
                        <li ><a href="/categorie/28/professional-led-indicators">Professional led indicators</a></li>
                        <li ><a href="/categorie/41/solid-state-relays">Solid state relays</a></li>
                      </ul>
        </div>
      </div>
    
    </div>
    <!-- end div #LeftSide -->
    <div class="RightSide"><!-- slideshow start -->
      <div id="slideshow">
        <ul id="slides">
                          <li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 4;"><a href="/product/38/luca-adjustable"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p38-L05451.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/38/luca-adjustable" class="title">Luca adjustable</a> L05451</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 3;"><a href="/product/285/green-led"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p285-LT-5mm LED.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/285/green-led" class="title">GREEN LED</a> NEPG510S</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 2;"><a href="/product/475/blue-led"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p475-NSSB064.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/475/blue-led" class="title">BLUE LED</a> NSSB064</span></li>
                             <li style="position: absolute; top: 0px; left: 0px; display: ; z-index: 1;"><a href="/product/249/white-led"><img src="/image.php?width=693&amp;height=256&amp;cropratio=3:1&amp;image=/files/p249-NSPWR60CS.jpg" width="693" height="256" alt="" /></a><span class="slide_caption"> <a href="/product/249/white-led" class="title">WHITE LED</a> NSPWR70CS</span></li>
                      </ul>
        <div id="slideshow_violator" class="clearfix">
          <div style="display: block;" id="project_caption"></div>
          <div id="slide_navigation" class="clearfix"></div>
        </div>
      </div>
      <!-- slideshow end -->    
  <div class="bredCrum" style="margin-bottom:38px;">
        <h4>Last Products</h4>
      </div>

                      <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/391/-banana-downlighter"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p391-LT-DL525-535.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/391/-banana-downlighter"> BANANA Downlighter</a></h4>
                    <p>LT-DL525</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/861/11-serie-double-power"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p861-LT-ST13X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/861/11-serie-double-power">11 SERIE DOUBLE POWER</a></h4>
                    <p>LT-ST13X-B</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/848/17-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p848-LT-ST17X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/848/17-serie-ledstrip">17 serie ledstrip</a></h4>
                    <p>LT-ST17X</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/157/19-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p157-LT-ST19X.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/157/19-serie-ledstrip">19 serie ledstrip</a></h4>
                    <p>LT-ST19X</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/716/25-serie-ledstrip"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p716-LT-ST251.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/716/25-serie-ledstrip">25 serie ledstrip</a></h4>
                    <p>LT-ST251</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/854/4-channel-single-color-rf-dimming-controller"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p854-LT-CTC02 Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/854/4-channel-single-color-rf-dimming-controller">4 CHANNEL SINGLE COLOR RF DIMMING CONTROLLER</a></h4>
                    <p>LT-CTC02</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/856/5-channel-dmx512-controller"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p856-LT-CTC05 TEK-FOTO.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/856/5-channel-dmx512-controller">5 CHANNEL DMX512 CONTROLLER</a></h4>
                    <p>LT-CTC05</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/866/all-the-range"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p866-HITANO.gif" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/866/all-the-range">ALL THE RANGE</a></h4>
                    <p>HITANO CAPACITORS</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/864/all-the-range-possible"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p864-P DUKE.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/864/all-the-range-possible">ALL THE RANGE POSSIBLE</a></h4>
                    <p>POWER MATE COMPONENTS</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/865/complete-product-range-"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p865-cdil.gif" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/865/complete-product-range-">COMPLETE PRODUCT RANGE </a></h4>
                    <p>CDIL COMPONENTS</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/853/controller-for-lt-ctc01"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p853-LT-CTR01 foto1.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/853/controller-for-lt-ctc01">CONTROLLER FOR LT-CTC01</a></h4>
                    <p>LT-CTR01</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/389/downlighter-driver-included"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p389-LT-DL508.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/389/downlighter-driver-included">Downlighter + Driver included</a></h4>
                    <p>LT-DL508</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/177/ledstrip-profile-type-b"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p177-LT-PROF2B.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/177/ledstrip-profile-type-b">Ledstrip profile TYPE B</a></h4>
                    <p>LT-PROF2B</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/847/ledstrip-profile-type-w"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p847-LT-PROF2W Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/847/ledstrip-profile-type-w">Ledstrip profile TYPE W</a></h4>
                    <p>LT-PROF2W</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/779/lt-7w-gu10-lamp-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p779-LT-LR532.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/779/lt-7w-gu10-lamp-replacement">LT 7W GU10 lamp replacement</a></h4>
                    <p>LT-LR532</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/133/lt-gu10-4w-spot"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p133-LT-LR135.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/133/lt-gu10-4w-spot">LT GU10 4W Spot</a></h4>
                    <p>LT-LR135</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/862/lt-gu10-7w-spot"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p862-LT-LR136.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/862/lt-gu10-7w-spot">LT GU10 7W Spot</a></h4>
                    <p>LT-LR136</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/227/lt-high-bay-200w"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p227-AT-IL445.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/227/lt-high-bay-200w">LT high bay 200W</a></h4>
                    <p>LT-IL445</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/385/lt-lamp-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p385-LT-LR512.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/385/lt-lamp-replacement">LT Lamp replacement</a></h4>
                    <p>LT-LR512</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/714/lt-nichia-6.5w-gu10-replacement"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p714-LT-LR139.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/714/lt-nichia-6.5w-gu10-replacement">LT nichia 6.5W GU10 replacement</a></h4>
                    <p>LT-LR139</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/859/lt-cbor1204-rgbw"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p859-LT-CBOR1204.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/859/lt-cbor1204-rgbw">LT-CBOR1204 RGBW</a></h4>
                    <p>LT-CBOR1204 RGBW</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li >
                <div class="catThum">
                                            <a href="/product/863/lt-il435-comp"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p863-LT-IL435COMP.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/863/lt-il435-comp">LT-IL435 COMP</a></h4>
                    <p>LT-IL435 COMP</p>
                </div>
            </li>
                        <li >
                <div class="catThum">
                                            <a href="/product/214/lt-monodim10"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p214-LT-MONODIM10 NEW.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/214/lt-monodim10">LT-MONODIM10</a></h4>
                    <p>LT-MONODIM10</p>
                </div>
            </li>
                        <li class="last">
                <div class="catThum">
                                            <a href="/product/833/panel-light"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p833-LT-PL060643.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/833/panel-light">Panel light</a></h4>
                    <p>LT-PL060643</p>
                </div>
            </li>
                            </ul><div class="clr"></div></div>
                                <div class="catrow"><ul>
                            <li class="last">
                <div class="catThum">
                                            <a href="/product/852/rgbw-rf-wifi-controller-reciever"><img src="/image.php?width=203&amp;height=186&amp;cropratio=3:2&amp;image=/files/p852-LT-CTC01 Foto.jpg" alt="" /></a>
                                    </div>
                <div class="catDetail">
                    <h4><a href="/product/852/rgbw-rf-wifi-controller-reciever">RGB(W) RF/WIFI CONTROLLER / RECIEVER</a></h4>
                    <p>LT-CTC01</p>
                </div>
            </li>
                        </ul><div class="clr"></div></div>
            </div>
    <!-- end div #RightSide-->
    <div class="clr"></div>
    <!-- BEGIN FOOTER -->
    <div id="Footer">
      <div class="footerbody">
        <div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
      </div>
    </div>
    <!-- END FOOTER -->
  </div>
  <!-- END CONTENT -->
  <div id="Footerimg"> </div>


</body>
</html>
 
Chris PHP

Chris PHP

22/01/2014 12:50:47
Quote Anchor link
Kijk nou eens naar je footer.

<div id="Footer">
<div class="footerbody">
<div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
</div>
</div>
<div id="Footerimg"> </div>

Waarom 4 div's voor 1 footer? Leg me de logica nu eens uit. Want hoe je de HTML van je pagina opmaakt is volstrekt onoverzichtelijk en overbodig.

En waarom "lege" div's gebruiken over je pagina?
Gewijzigd op 22/01/2014 12:52:12 door Chris PHP
 
Bert vanesser

bert vanesser

22/01/2014 13:28:49
Quote Anchor link
Chris NVT op 22/01/2014 12:50:47:
Kijk nou eens naar je footer.

<div id="Footer">
<div class="footerbody">
<div class="footercontent"> &copy; Copyrights 2014 <span class="blue">Lumotronic</span> | <a href="http://www.bme.be" target="_blank">Website by BME</a> </div>
</div>
</div>
<div id="Footerimg"> </div>

Waarom 4 div's voor 1 footer? Leg me de logica nu eens uit. Want hoe je de HTML van je pagina opmaakt is volstrekt onoverzichtelijk en overbodig.

En waarom "lege" div's gebruiken over je pagina?


Dag Chris,

Helaas is dit website die niet door mij gebouwd is, is van het bedrijf. Per pagina zijn er veel verwijzingen naar andere php documenten. Uiteindelijk heb ik het probleem van hierboven opgelost door enkele wijzigingen ook in content te maken.

Nu rest mij nog een laatste probleem. De footering onderaan de pagina past zijn kleur niet aan de achtergrond buiten de website aan. Dit doet die wel als ik doorklik naar de andere pagina's. Weet u wat dit kan zijn?

Alvast bedankt.
 



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.