PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
T

Hoe krijg ik een div box op de goede plaats?

Door Timon van Es op 06-04-2015 17:22
4.298 views
Ik heb een probleem :(
Op mijn site zie je dat de div box inloggen onder de div box Welkom blijft.
Ik wil hem graag omhoog krijgen zodat hij naast de box Welkom komt te staan.
Hoe doe ik dit?
hier nog een screen voor als de site offline gaat

Alvast bedankt,

Timon
Ariën
07-04-2015 13:17
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.
T
Timon van Es
07-04-2015 13:21 gewijzigd op 07-04-2015 13:22
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:

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


[size=xsmall]Toevoeging op 07/04/2015 13:21:46:[/size]

Oke die code tags werkten niet...

[size=xsmall]Toevoeging op 07/04/2015 13:22:41:[/size]

Oke nou wel


[size=xsmall]Toevoeging op 07/04/2015 13:22:56:[/size]

Ja ik zag het al :)

[size=xsmall]Toevoeging op 07/04/2015 13:23:29:[/size]

Maar weet je de oplossing?
Ariën
07-04-2015 13:24
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?
E
E vH
07-04-2015 13:27
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:

<?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:

<!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:

<!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:
<?php
include "header.php";
include "content.php";
include "footer.php";
?>

Dan gebruik je in header.php de volgende code:

<!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:

<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:

<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
07-04-2015 13:28 gewijzigd op 07-04-2015 13:28
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!
T
Timon van Es
07-04-2015 14:07
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:

<?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:

<!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:

<!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:
<?php
include "header.php";
include "content.php";
include "footer.php";
?>

Dan gebruik je in header.php de volgende code:

<!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:

<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:

<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

[size=xsmall]Toevoeging op 07/04/2015 14:19:44:[/size]

Timon van Es op 07/04/2015 14:07:11

[quote="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:

<?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:

<!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:

<!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:
<?php
include "header.php";
include "content.php";
include "footer.php";
?>

Dan gebruik je in header.php de volgende code:

<!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:

<p>
hier een beetje tekst, gewoon html code zoals je ziet.....
</p>


En nu het laatste bestandje, footer.php:

<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
[/quote]

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

[size=xsmall]Toevoeging op 07/04/2015 14:22:06:[/size]

Nu zie ik dat het mijn index ook niet lukt om de ccs op te vragen http://newfm.nl
Ariën
07-04-2015 14:33
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
E vH
07-04-2015 14:35
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 ).
T
Timon van Es
07-04-2015 15:10
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.

Reageren

Inloggen om te reageren