Foute code in HTML, maar ik het niet vinden

**pepweb** · 2 juli 2012, 18:41

Hallo allemaal!

Ik ben een jongen van 14 jaar en begin een beetje van HTML te leren. Ik heb voor 2 leraren een site gemaakt voor hun toekomstige politieke partij. Ik had een "bèta" site gemaakt: www.ontwikkel-pep.webklik.nl
Alles ziet er daar prima uit en alles werkt goed.
Toen ging ik alles overzetten naar onze officiële site:
www.positiefenpraktisch.nl
Helaas is er toen iets mis gegaan.
De tekst loopt dwars door de groene zij balk heen, en de kopjes "PEP! nieuws", "PEP! talk" en "Zoeken" zijn helemaal naar onder geschoven.
Ik had dit foutje op de "ontwikkel" site ook al gehad. Toen kwam ik erachter dat ik de <p> tags verkeerd had gebruikt. Maar nu kom ik er echt niet achter. Kunnen jullie me helpen?

Alvast bedankt!
Webmaster PEP!
www.positiefenpraktisch.nl

**pepweb** · 2 juli 2012, 18:49

Hier is de HTML code van www.ontwikkel-pep.webklik.nl, die is goed:

HTML Code:

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
<p>
 
<meta name="keywords" content="PEP!, politiek, positief, praktisch, maatschappelijk, verantwoord, ondernemen, uitgangspunten, aktie, actie, evenement, leuk, betrokken, solidair, verantwoordelijkheid, shirt, t-shirt, standpunten, groen rechts, grondrechten, twitter, tweet">
 
<meta name="description" content="PEP! Positief en Praktisch">
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Xhtml18</title>
 
<link href="http://www.webklik.nl/user_files/2012_06/399841/CSS%20PEP%20aangepast.css" mce_href="http://www.webklik.nl/user_files/2012_06/399841/CSS%20PEP%20aangepast.css" rel="stylesheet" type="text/css" media="screen"></p>
 
 
 
 
 
<div id="wrapper">
 
    <div id="header-wrapper">
 
        <div id="header">
 
            <div id="logo">
 
                <h1><span>PEP!</span></h1>
 
                <p>Positief en Praktisch.</p>
 
            </div>
 
            <div id="menu">
 
                <ul>
 
                    <li class="current_page_item"><a href="http://www.ontwikkel-pep.webklik.nl/page/homepage" mce_href="http://www.ontwikkel-pep.webklik.nl/page/homepage">Homepage</a></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/agenda" mce_href="http://www.ontwikkel-pep.webklik.nl/page/agenda">PEP! agenda</a></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/shop" mce_href="http://www.ontwikkel-pep.webklik.nl/page/shop">PEP!shop</a></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/politiek" mce_href="http://www.ontwikkel-pep.webklik.nl/page/politiek">PEP! Politiek</a></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/over" mce_href="http://www.ontwikkel-pep.webklik.nl/page/over">Over PEP!</a></li>
                                        
                                        <li><a href="http://www.ontwikkel-pep.webklik.nl/page/fotos" mce_href="http://www.ontwikkel-pep.webklik.nl/page/fotos">PEP! foto's</a></li>  
 
                </ul>
 
            </div>
 
        </div>
 
    </div>
 
    <!-- end #header -->
 
 
    <div id="page">
 
        <div id="page-bgtop">
 
            <div id="page-bgbtm">
<div id="content2">
                    <div class="post">
 
                        <h2 class="title">Welkom op de vernieuwde site van PEP!&nbsp;</h2><p><br></p></div>Dit is de vernieuwde site van PEP!<p>Wij hopen dat u de site handig en overzichtelijk vind</p></div>
 
                <!-- end #content -->
 
                <div id="sidebar">
 
                    <ul>
 
                        <li>
 
                            <h2>PEP! nieuws</h2>
 
                            <p>Lees onze nieuwsberichten <a href="http://ontwikkel-pep.webklik.nl/page/nieuws" mce_href="http://ontwikkel-pep.webklik.nl/page/nieuws" title="Ga naar de nieuwsberichten" style="">HIER</a>. &nbsp;</p><p><br></p>
 
                        </li>
 
                        <li>
 
                            <h2>PEP! talk</h2><div>
<p>Stem op de nieuwe Poll en Tweet mee! Klik <a href="http://ontwikkel-pep.webklik.nl/page/talk" mce_href="http://ontwikkel-pep.webklik.nl/page/talk" title="Ga naar PEP! talk">HIER</a>!</p><p><br></p></div></li>
 
                        <h2>Zoeken:</h2><li><form method="get" action="http://www.google.nl/search" target="blank">
<input name="ie" value="utf-8" type="hidden"> 
<input name="oe" value="utf-8" type="hidden"> 
<input name="domains" value="Positiefenpraktisch.nl" type="hidden"> 
<input name="sitesearch" value="Positiefenpraktisch.nl" type="hidden"> 
<input name="q" maxlength="255" value="" size="20"> 
<input value="Zoeken" type="submit">
</form><p><br></p><p><br></p></li>
 
                                
 
                            </ul></div>
 
                            <div style="clear: both;" mce_style="clear: both;">&nbsp;</div>
 
                    
 
</div>
 
                <!-- end #sidebar -->
 
                <div style="clear: both;" mce_style="clear: both;">&nbsp;</div>
 
            </div>
 
        </div>
 
    
 
    <!-- end #page -->
 
 
 
<div id="footer">
 
    <p>Copyright (c) 2012 PEP!</p>
 
</div>
 
<!-- end #footer --></div>

Hier is de HTML van www.positiefenpraktisch.nl:

HTML Code:

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
<p>
 
<meta name="keywords" content="PEP!, politiek, positief, praktisch, maatschappelijk, verantwoord, ondernemen, uitgangspunten, aktie, actie, evenement, leuk, betrokken, solidair, verantwoordelijkheid, shirt, t-shirt, standpunten, groen rechts, grondrechten, twitter, tweet">
 
<meta name="description" content="PEP! Positief en Praktisch">
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Xhtml18</title>
 
<link href="http://www.webklik.nl/user_files/2012_04/386304/Layout%281%29.css" mce_href="http://www.webklik.nl/user_files/2012_04/386304/Layout%281%29.css" rel="stylesheet" type="text/css" media="screen"></p>
 
 
 
 
 
<div id="wrapper">
 
    <div id="header-wrapper">
 
        <div id="header">
 
            <div id="logo">
 
                <h1>PEP!</h1>
 
                <p>Positief en Praktisch</p>
 
            </div>
 
            <div id="menu">
 
                <ul>
 
                    <li class="current_page_item"><a href="http://www.ontwikkel-pep.webklik.nl/page/homepage" mce_href="http://www.ontwikkel-pep.webklik.nl/page/homepage">Homepage</a><br bogus="1"></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/agenda" mce_href="http://www.ontwikkel-pep.webklik.nl/page/agenda">PEP! agenda</a><br bogus="1"></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/shop" mce_href="http://www.ontwikkel-pep.webklik.nl/page/shop">PEP!shop</a><br bogus="1"></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/politiek" mce_href="http://www.ontwikkel-pep.webklik.nl/page/politiek">PEP! Politiek</a><br bogus="1"></li>
 
                    <li><a href="http://www.ontwikkel-pep.webklik.nl/page/over" mce_href="http://www.ontwikkel-pep.webklik.nl/page/over">Over PEP!</a><br bogus="1"></li>
                                        
                                        <li><a href="http://www.ontwikkel-pep.webklik.nl/page/fotos" mce_href="http://www.ontwikkel-pep.webklik.nl/page/fotos">PEP! foto's</a><br bogus="1"></li>  
 
                </ul>
 
            </div>
 
        </div>
 
    </div>
 
    <!-- end #header -->
 
 
    <div id="page">
 
        <div id="page-bgtop">
 
            <div id="page-bgbtm">
<div id="content2">
                    <div class="post">
 
                        <h2 class="title">PEP! voor allen, allen PEP! <br></h2><p><br></p></div>PEP! organiseert acties waarvan een deel van de opbrengst naar een goed doel gaat. Bij deze acties worden voornamelijk leerlingen van de CSG Willem van Oranje in Oud-Beijerland ingezet. Zo wil PEP! jongeren ervan bewust maken dat ook zij een verschil kunnen maken in hun omgeving.<p><br></p><p><a href="http://www.pepweb.webklik.nl/page/agenda" mce_href="http://www.pepweb.webklik.nl/page/agenda">Lees meer over de eerstvolgende PEP! actie.</a><br bogus="1"></p><p><br></p><p>Doe jij ook vrijwilligerswerk of zet jij je in voor een goed doel? Laat het ons weten!</p><p><span style="font-size: medium;" mce_style="font-size: medium;"><span mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;" class="Apple-style-span">PEP! vakantiefoto</span></span></p>
Stuur ons je leukste PEP!-vakantiefoto! Hang een PEP! vlag aan de Eiffeltoren, schrijf PEP! in het zand aan de Costa del Sol of ga ‘planken’ in je PEP! T-shirt en maak er een foto van! Wees creatief, want de meest originele foto valt in de prijzen. De inzendingen worden op de PEP!-site geplaatst.<p><br></p>
<p>PEP! wenst je een prettige vakantie.</p><p><a href="http://www.pepweb.webklik.nl/page/agenda" mce_href="http://www.pepweb.webklik.nl/page/agenda"><img src="http://www.webklik.nl/user_files/2012_04/386304/Button_foto.png" mce_src="http://www.webklik.nl/user_files/2012_04/386304/Button_foto.png" height="43" width="221"></a><br></p>
 
 
</div>
 
                <!-- end #content -->
 
                <div id="sidebar">
 
                    <ul>
 
                        <li>
 
                            <h2>PEP! nieuws</h2>
 
                            <p>Lees onze nieuwsberichten <a href="http://ontwikkel-pep.webklik.nl/page/nieuws" mce_href="http://ontwikkel-pep.webklik.nl/page/nieuws" title="Ga naar de nieuwsberichten" style="">HIER</a>. &nbsp;</p><p><br></p>
 
                        </li>
 
                        <li>
 
                            <h2>PEP! talk</h2><div>
<p>Stem op de nieuwe Poll en Tweet mee! Klik <a href="http://ontwikkel-pep.webklik.nl/page/talk" mce_href="http://ontwikkel-pep.webklik.nl/page/talk" title="Ga naar PEP! talk">HIER</a>!</p><p><br></p></div></li>
 
                        <h2>Zoeken:</h2><li><form method="get" action="http://www.google.nl/search" target="blank">
<input name="ie" value="utf-8" type="hidden"> 
<input name="oe" value="utf-8" type="hidden"> 
<input name="domains" value="Positiefenpraktisch.nl" type="hidden"> 
<input name="sitesearch" value="Positiefenpraktisch.nl" type="hidden"> 
<input name="q" maxlength="255" value="" size="20"> 
<input value="Zoeken" type="submit">
</form><p><br></p><p><br></p></li>
 
                                
 
                            </ul></div>
 
                            <div style="clear: both;" mce_style="clear: both;">&nbsp;</div>
 
                    
 
</div>
 
                <!-- end #sidebar -->
 
                <div style="clear: both;" mce_style="clear: both;">&nbsp;</div>
 
            </div>
 
        </div>
 
    
 
    <!-- end #page -->
 
 
 
<div id="footer">
 
    <p>Copyright (c) 2012 PEP!</p>
 
</div>
 
<!-- end #footer --></div>

De CSS is bij beide het zelfde, die staat hier:
http://www.webklik.nl/user_files/201...out%281%29.css

Zien jullie de fout?

**Tha Devil** · 2 juli 2012, 21:23

**klimmer** · 2 juli 2012, 23:22

Heb je gewoon letterlijk dezelfde pagina's gebruikt voor beide site's? (Kopiëren&plakken)

**pepweb** · 3 juli 2012, 12:06

Ik heb meerdere malen letterlijk alles gekopieërd en geplakt. Ook heb ik meerdere malen alles aangepast vaan positiefenpraktisch.nl, maar dat mocht ook niet werken. Via die site heb ik ook proberen te zoeken, maar die vond ook niet echt fouten. Ja, kleine foutjes van mij, maar die hielpen niks.
Allemaal bedankt voor jullie hulp alvast!

**Naarling** · 3 juli 2012, 12:17

Een politieke partij die aan kinderarbeid doet? tsk tsk

Maar serieus, het probleem is volgens mij dat beide sites niet dezelfde CSS bestanden gebruiken. Op de tijdelijke site heb je dit staan:

HTML Code:

1
<link rel="stylesheet" href="/styles/default/sites/cached/15/392449/11.css" media="screen" />

Op de normale site, dit:

HTML Code:

1
<link rel="stylesheet" href="/styles/default/sites/cached/15/378912/16.css" media="screen" />

Ik weet niet waar die gecachte CSS bestanden mee zijn aangemaakt (ik weet immers niet waar je de site mee gemaakt hebt), maar als ik de link op de nieuwe site dezelfde maak als op de oude site lijkt alles goed te werken.

**pepweb** · 3 juli 2012, 16:08

Ja erg hè?!
Nee hoor ik doe het vrijwillig.

Even zonder dollen, die CSS is volgens mij van Webklik waar ik de site maak. Daar kan het niet aan liggen.

**pepweb** · 5 juli 2012, 16:43

Ondertussen is het door Webklik opgelost. Ze hebben de domeinnaam verhuist naar ontwikkel-pep.
Hij doet het nu:
www.positiefenpraktisch.nl
Bedankt allemaal!

Onderwerp: Foute code in HTML, maar ik het niet vinden

Onderwerp opties

Zoek in onderwerp

Vraag is niet opgelost

Foute code in HTML, maar ik het niet vinden

Berichtenregels

Helpmij.nl

Helpmij.nl en business

Contact