Hoe krijg ik een div box op de goede plaats?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pagina: « vorige 1 2 3 4

- Ariën  -
Beheerder

- Ariën -

07/04/2015 13:17:29
Quote Anchor link
Maak een contact.php:

Includeer daar je header.inc.php waar je hele doctype, html-tag en <head> sectie in staat evenals je startende <body>-tag.

Includeer dan je menu.inc.php, waar je menu in wordt opgebouwd.

Plaats dan je contactformulier erin

includeer dan footer.inc.php waarmee je de <body> en html-tag afsluit, en eventueel vaste inhoud laat zien die je onderaan je site hebt staan.
 
PHP hulp

PHP hulp

19/12/2024 09:42:48
 
Timon van Es

Timon van Es

07/04/2015 13:21:30
Quote Anchor link
Aar C op 07/04/2015 13:17:29:
Maak een contact.php:

Includeer daar je header.inc.php waar je hele doctype, html-tag en <head> sectie in staat evenals je startende <body>-tag.

Includeer dan je menu.inc.php, waar je menu in wordt opgebouwd.

Plaats dan je contactformulier erin

includeer dan footer.inc.php waarmee je de <body> en html-tag afsluit, en eventueel vaste inhoud laat zien die je onderaan je site hebt staan.


Oke ik ga kijken of dat werkt maar dan nog die ander vraag.
Want ik had naar jou advies geluisterd om alleen de belangrijke informatie te includen dus ik heb een apart bestand aangemaakt header_nodig.php en die geinclude die werkt perfect en geen errors maar dan menu_nodig.php die heb ik geinclude en dan krijg ik opeens deze errors: http://prntscr.com/6qo5vp

Mijn menu 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
22
23
24
25
26
27
28
29
30
31
32
    <div id="nav"></div>
        <div id="nav_wrapper"></div>
            <ul>
                <li><a href="#">Home</a>
                    <ul>
                        <li><a href="home.php" target="content">Home</a></li>
                        <li><a href="statistieken.php" target="content">Statistieken</a></li>
                        <li><a href="/home">Contact</a></li>
                    </ul>
                <li><a href="#">Nieuws</a>
                    <ul>
                        <li><a href="/home">Nieuwsoverzicht</a></li>
                        <li><a href="/home">Internationaal</a></li>
                        <li><a href="/home">Nederland</a></li>
                        <li><a href="/home">Retronet</a></li>
                    </ul>
                <li><a href="#">Radio</a>
                    <ul>
                        <li><a href="/home">Shout/Request</a></li>
                        <li><a href="/home">Rooster</a></li>
                        <li><a href="/home">Shows</a></li>
                    </ul>
                <li><a href="#">NewFM</a>
                    <ul>
                        <li><a href="/home">Medewerkers</a></li>
                        <li><a href="/home">Solliciteren</a></li>
                        <li><a href="/home">Facebook</a></li>
                    </ul>
                <li><a href="#">Registreren</a></li>
            </ul>
        </div>
    </div>


Toevoeging op 07/04/2015 13:21:46:

Oke die code tags werkten niet...

Toevoeging op 07/04/2015 13:22:41:

Oke nou wel


Toevoeging op 07/04/2015 13:22:56:

Ja ik zag het al :)

Toevoeging op 07/04/2015 13:23:29:

Maar weet je de oplossing?
Gewijzigd op 07/04/2015 13:22:30 door Timon van Es
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 13:24:19
Quote Anchor link
Ik neem aan dat je nu je kleine delen van je HTML staat te valideren, wat uiteraard weinig nut heeft omdat het geen geheel is?
 
Timon van Es

Timon van Es

07/04/2015 13:26:01
Quote Anchor link
Oke die andere errors heb ik gefixt dat kwam door foute divs maar nu dit http://prntscr.com/6qo7hv
 
E vH

E vH

07/04/2015 13:27:33
Quote Anchor link
Ik ga even heel erg kort door de bocht.

Op je website zie ik inderdaad ook meerdere html tags en title tags.

Mag ik aannemen dat je de index.php ongeveer zo hebt opgebouwd:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?php
include "newfm.nl.php"
include "menu.php";
include "inloggen.php";
include "page title.php";
?>


en dan heb je 4 losse php bestandjes?

Kan het dan ook kloppen dat je deze php bestandjes als volgt heb opgebouwd:

Eerste bestandje:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <title>NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
    <link href="http://newfm.nl/new/style/web_page.css" type="text/css" rel="stylesheet">
</head>
<body>    
<div class="top">
</div>


2e bestandje:
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
<!DOCTYPE html>
<html>
<head>
    <title>Menu</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>
    <div id="nav"></div>
        <div id="nav_wrapper"></div>
            <ul>
                <li><a href="#">Home</a>
                    <ul>
                        <li><a href="home.php" target="content">Home</a></li>
                        <li><a href="statistieken.php" target="content">Statistieken</a></li>
                        <li><a href="/home">Contact</a></li>
                    </ul>
                <li><a href="#">Nieuws</a>
                    <ul>
                        <li><a href="/home">Nieuwsoverzicht</a></li>
                        <li><a href="/home">Internationaal</a></li>
                        <li><a href="/home">Nederland</a></li>
                        <li><a href="/home">Retronet</a></li>
                    </ul>
                <li><a href="#">Radio</a>
                    <ul>
                        <li><a href="/home">Shout/Request</a></li>
                        <li><a href="/home">Rooster</a></li>
                        <li><a href="/home">Shows</a></li>
                    </ul>
                <li><a href="#">NewFM</a>
                    <ul>
                        <li><a href="/home">Medewerkers</a></li>
                        <li><a href="/home">Solliciteren</a></li>
                        <li><a href="/home">Facebook</a></li>
                    </ul>
                <li><a href="#">Registreren</a></li>
            </ul>
    </div>

</body>

</html>

3e en 4e ook op de zelfde manier, maar dan met andere inhoud?

Als dat het geval is ( en ik weet zeker dat dit het geval is ;-) )

probeer dan is het volgende:

index.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?php
include "header.php";
include "content.php";
include "footer.php";
?>


Dan gebruik je in header.php de volgende code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
    <title>Website van NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>


merk je op dat ik de rest van de html structuur nu nog niet heb afgemaakt ( body en html tags zijn niet afgesloten ).

nu maak je een bestandje: content.php
gebruik deze code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>&copyright phphulp.nl</p>
</body>
</html>


Als je dit voor elkaar hebt, bekijk je broncode dan is opnieuw... ziet er relaxed uit he?

Stel je wilt een menu maken, dan include je tussen header.php en content.php, menu.php
En dan maak je een bestandje menu.php
en daar zet je dan alleen je menu in.. geen html of title tags etc gebruiken...


Als je bovenstaande snapt, dan snap je ook wat je fout doet met je huidige website ;-)
Als je het niet snapt... vraag je je zelf dan af waar je mee bezig bent, dit is behoorlijk jip en janneke taal namelijk.
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 13:28:30
Quote Anchor link
Timon van Es op 07/04/2015 13:26:01:
Oke die andere errors heb ik gefixt dat kwam door foute divs maar nu dit http://prntscr.com/6qo7hv

Wat ik net dus hiervoor zei!
Gewijzigd op 07/04/2015 13:28:47 door - Ariën -
 
Timon van Es

Timon van Es

07/04/2015 14:07:11
Quote Anchor link
Elmar vH op 07/04/2015 13:27:33:
Ik ga even heel erg kort door de bocht.

Op je website zie ik inderdaad ook meerdere html tags en title tags.

Mag ik aannemen dat je de index.php ongeveer zo hebt opgebouwd:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?php
include "newfm.nl.php"
include "menu.php";
include "inloggen.php";
include "page title.php";
?>


en dan heb je 4 losse php bestandjes?

Kan het dan ook kloppen dat je deze php bestandjes als volgt heb opgebouwd:

Eerste bestandje:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <title>NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
    <link href="http://newfm.nl/new/style/web_page.css" type="text/css" rel="stylesheet">
</head>
<body>    
<div class="top">
</div>


2e bestandje:
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
<!DOCTYPE html>
<html>
<head>
    <title>Menu</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>
    <div id="nav"></div>
        <div id="nav_wrapper"></div>
            <ul>
                <li><a href="#">Home</a>
                    <ul>
                        <li><a href="home.php" target="content">Home</a></li>
                        <li><a href="statistieken.php" target="content">Statistieken</a></li>
                        <li><a href="/home">Contact</a></li>
                    </ul>
                <li><a href="#">Nieuws</a>
                    <ul>
                        <li><a href="/home">Nieuwsoverzicht</a></li>
                        <li><a href="/home">Internationaal</a></li>
                        <li><a href="/home">Nederland</a></li>
                        <li><a href="/home">Retronet</a></li>
                    </ul>
                <li><a href="#">Radio</a>
                    <ul>
                        <li><a href="/home">Shout/Request</a></li>
                        <li><a href="/home">Rooster</a></li>
                        <li><a href="/home">Shows</a></li>
                    </ul>
                <li><a href="#">NewFM</a>
                    <ul>
                        <li><a href="/home">Medewerkers</a></li>
                        <li><a href="/home">Solliciteren</a></li>
                        <li><a href="/home">Facebook</a></li>
                    </ul>
                <li><a href="#">Registreren</a></li>
            </ul>
    </div>

</body>

</html>

3e en 4e ook op de zelfde manier, maar dan met andere inhoud?

Als dat het geval is ( en ik weet zeker dat dit het geval is ;-) )

probeer dan is het volgende:

index.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?php
include "header.php";
include "content.php";
include "footer.php";
?>


Dan gebruik je in header.php de volgende code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
    <title>Website van NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>


merk je op dat ik de rest van de html structuur nu nog niet heb afgemaakt ( body en html tags zijn niet afgesloten ).

nu maak je een bestandje: content.php
gebruik deze code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>&copyright phphulp.nl</p>
</body>
</html>


Als je dit voor elkaar hebt, bekijk je broncode dan is opnieuw... ziet er relaxed uit he?

Stel je wilt een menu maken, dan include je tussen header.php en content.php, menu.php
En dan maak je een bestandje menu.php
en daar zet je dan alleen je menu in.. geen html of title tags etc gebruiken...


Als je bovenstaande snapt, dan snap je ook wat je fout doet met je huidige website ;-)
Als je het niet snapt... vraag je je zelf dan af waar je mee bezig bent, dit is behoorlijk jip en janneke taal namelijk.


Ja ik had het idd precies zoal je zegt inmiddels heb ik dit precies gedaan en het werkt idd ontzettend bedankt

Toevoeging op 07/04/2015 14:19:44:

Timon van Es op 07/04/2015 14:07:11:
Elmar vH op 07/04/2015 13:27:33:
Ik ga even heel erg kort door de bocht.

Op je website zie ik inderdaad ook meerdere html tags en title tags.

Mag ik aannemen dat je de index.php ongeveer zo hebt opgebouwd:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?php
include "newfm.nl.php"
include "menu.php";
include "inloggen.php";
include "page title.php";
?>


en dan heb je 4 losse php bestandjes?

Kan het dan ook kloppen dat je deze php bestandjes als volgt heb opgebouwd:

Eerste bestandje:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <title>NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
    <link href="http://newfm.nl/new/style/web_page.css" type="text/css" rel="stylesheet">
</head>
<body>    
<div class="top">
</div>


2e bestandje:
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
<!DOCTYPE html>
<html>
<head>
    <title>Menu</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>
    <div id="nav"></div>
        <div id="nav_wrapper"></div>
            <ul>
                <li><a href="#">Home</a>
                    <ul>
                        <li><a href="home.php" target="content">Home</a></li>
                        <li><a href="statistieken.php" target="content">Statistieken</a></li>
                        <li><a href="/home">Contact</a></li>
                    </ul>
                <li><a href="#">Nieuws</a>
                    <ul>
                        <li><a href="/home">Nieuwsoverzicht</a></li>
                        <li><a href="/home">Internationaal</a></li>
                        <li><a href="/home">Nederland</a></li>
                        <li><a href="/home">Retronet</a></li>
                    </ul>
                <li><a href="#">Radio</a>
                    <ul>
                        <li><a href="/home">Shout/Request</a></li>
                        <li><a href="/home">Rooster</a></li>
                        <li><a href="/home">Shows</a></li>
                    </ul>
                <li><a href="#">NewFM</a>
                    <ul>
                        <li><a href="/home">Medewerkers</a></li>
                        <li><a href="/home">Solliciteren</a></li>
                        <li><a href="/home">Facebook</a></li>
                    </ul>
                <li><a href="#">Registreren</a></li>
            </ul>
    </div>

</body>

</html>

3e en 4e ook op de zelfde manier, maar dan met andere inhoud?

Als dat het geval is ( en ik weet zeker dat dit het geval is ;-) )

probeer dan is het volgende:

index.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?php
include "header.php";
include "content.php";
include "footer.php";
?>


Dan gebruik je in header.php de volgende code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
    <title>Website van NewFM.nl</title>
    <link href="http://newfm.nl/new/style/styles.css" type="text/css" rel="stylesheet">
</head>

<body>


merk je op dat ik de rest van de html structuur nu nog niet heb afgemaakt ( body en html tags zijn niet afgesloten ).

nu maak je een bestandje: content.php
gebruik deze code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<p>&copyright phphulp.nl</p>
</body>
</html>


Als je dit voor elkaar hebt, bekijk je broncode dan is opnieuw... ziet er relaxed uit he?

Stel je wilt een menu maken, dan include je tussen header.php en content.php, menu.php
En dan maak je een bestandje menu.php
en daar zet je dan alleen je menu in.. geen html of title tags etc gebruiken...


Als je bovenstaande snapt, dan snap je ook wat je fout doet met je huidige website ;-)
Als je het niet snapt... vraag je je zelf dan af waar je mee bezig bent, dit is behoorlijk jip en janneke taal namelijk.


Ja ik had het idd precies zoal je zegt inmiddels heb ik dit precies gedaan en het werkt idd ontzettend bedankt


Alleen nu heb ik toch een probleem als ik dit doe:(
Als je kijkt naar http://newfm.nl/home.php
Ik heb precies jouw instructies gedaan alleen je ziet dat alleen de css van het menu laad van de footer en van de header laad de css niet
Waarom niet????

Toevoeging op 07/04/2015 14:22:06:

Nu zie ik dat het mijn index ook niet lukt om de ccs op te vragen http://newfm.nl
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 14:33:19
Quote Anchor link
Ik zie gewoon een basis-stijl op de site?
Los daarvan is het herhaaldelijk gebruik van &nbsp; niet gewenst. Je kan met float:right in CSS ook iets rechts uitlijnen.
 
E vH

E vH

07/04/2015 14:35:31
Quote Anchor link
op home.php:

Footer word wel degelijk aangeroepen...namelijk web_page.css, regel 38.

Ik zie in firefox een zwarte balk van 1000px breed.

in index.php roep je de footer niet aan ( zie broncode ).


Ik weet niet wat je bedoeld met de header, bedoel je die pixel poppetjes? ( die zie ik gewoon ).
 
Timon van Es

Timon van Es

07/04/2015 15:10:55
Quote Anchor link
Elmar vH op 07/04/2015 14:35:31:
op home.php:

Footer word wel degelijk aangeroepen...namelijk web_page.css, regel 38.

Ik zie in firefox een zwarte balk van 1000px breed.

in index.php roep je de footer niet aan ( zie broncode ).


Ik weet niet wat je bedoeld met de header, bedoel je die pixel poppetjes? ( die zie ik gewoon ).


Het is al verholpen ik weet niet meer precies wat er mis ging maar er werd iets fout aangevraagd.
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 15:16:06
Quote Anchor link
http://newfm.nl/

En toch zie ik weer een dubbele doctype...
 
Timon van Es

Timon van Es

07/04/2015 15:20:32
Quote Anchor link
Aar C op 07/04/2015 15:16:06:
http://newfm.nl/

En toch zie ik weer een dubbele doctype...


oh ik zie het idd ook dat is raar ik ga het even fixen
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 15:21:18
Quote Anchor link
Die herhalende &nbsp; is ook niet netjes.
 
Timon van Es

Timon van Es

07/04/2015 15:22:13
Quote Anchor link
Aar C op 07/04/2015 15:16:06:
http://newfm.nl/

En toch zie ik weer een dubbele doctype...


zo dat is weggehaald dat kwam omdat ik nog ergens mee bezig was
 
E vH

E vH

07/04/2015 16:04:31
Quote Anchor link
En nu de overige tips doorvoeren, zoals Aar al aangaf

-> Alle &nsbsp; verwijderen, maak hier een float: right van.
-> je hebt 2 css stylesheets, dit kan er prima 1 worden.
-> Ruim je inline css op en plaats die in je css bestand

Verder goed bezig!

Tips:
--> Houd rekening met resoluties. Ik gebruik zelf 1920x1080, je pixelplaatje herhaalt zich.
--> Net zoals mobiele gebruikers ;-) ziet er niet uit ;-)


Trouwens, sinds wanneer is © toegestaan in de validator? in de broncode word keihard © gebruikt ipv &copy;
Gewijzigd op 07/04/2015 16:05:37 door E vH
 
- Ariën  -
Beheerder

- Ariën -

07/04/2015 16:07:53
Quote Anchor link
© valt onder UTF-8 encoding, en die staat bij HTML5 standaard aan.
En even verder te borduren op wat Elmar zegt over het schalen van je site, verdiep je eens in Responsive Webdesign:
http://nl.wikipedia.org/wiki/Responsive_webdesign
 

Pagina: « vorige 1 2 3 4



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.