nieuwe content op zelfde pagina inladen vraagje

Status
Niet open voor verdere reacties.

hoedjuh

Gebruiker
Lid geworden
3 jan 2017
Berichten
13
hallo allemaal,

ik heb een vraagje ,
ik heb een layout gevonden nu heb ik links de menu staan en boven header met logo .
nu zou ik graag willen dat als ik in menu op bevoorbeeld aanmelden klik , de aanmeld pagina in het midden word weer gegeven.
dus niet dat je na een nieuwe pagina gaat maar gewoon op zelfde pagina blijft en dat het dus in midden word weergeven.
en dit zou ik dan graag met alle links van mijn menu willen doen .
je blijft dus op dezelfde pagina alleen veranderd dan in het midden gedeelte de content als ik op andere menu knop klik.

wie weet hoe ik dit moet doen? ik heb gegoogeld maar vind het niet dus vandaar dat ik even hier vraag,
alvast bedankt
 
bedankr departs , maar hoe moet ik dit nu dan toepassen
dit is 1 van mijn linken wat in menu staan
PHP:
<li><a href="http://galgje.php">Galgje</a></li>

en hier de code van het midden gedeelte waar ik het dus graag wil hebben
PHP:
<div id="middle">
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
					
					<p>hier moet dus galgje komen als je in menu op galgje klikt</p> 
					
					</div>
				<div class="postfooter"></div>
			</div>
 
Hi Hoed,

Kijk hier eens naar.. doet het prima.. hoe je de pagina indeelt moet je zelf weten .. tables werken ook nog prima..
Niet vergeten JQuery nog toe te voegen.
Code:
<script type="text/javascript">
    $(document).ready(function() {

        $(".buttons").on("click", function(){  
            $("#loader").load($(this).attr("page"));
            return false;
        });
    });
</script>

<li><a href="#" title="" class="buttons" page="page1.html">Link 1</a></li>
<li><a href="#" title="" class="buttons" page="page2.html">Link 2</a></li>


<div id="loader"></div>
 
het spijt me departs maar ik begrijp het helaas niet helemaal.
moet ik deze code dus plaatsen in het midden gedeelte?
en waar moet ik die jQuery zetten?
alvast bedankt
 
Code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
In de head-sectie plaatsen, en dat hele stuk Javascript hoort ook in de head-sectie.
 
bedankt php4u , maar helaas wil het me nog niet lukken.
ik heb een galgje.php script . in menu staat donations en dat moet galgje worden.
en als je er op klikt dan wilde ik dat dus graag in midden van de site te zien krijgen
ik heb helaas geen idee hoe ik nu verder moet.
alvast super bedankt voor jullie antwoord

hier het hele script van layout ik heb in de header dat toegevoegd wat je zij.
PHP:
<!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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $(".buttons").on("click", function(){  
            $("#loader").load($(this).attr("page"));
            return false;
        });
    });
</script>

<li><a href="galgje.php" title="" class="buttons" page="page2.html">Link 2</a></li>
<li><a href="#" title="" class="buttons" page="page2.html">Link 2</a></li>


<div id="loader"></div>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title> template</title>
</head>

<body>
<div id="container">
	<div id="header">
		<ul>
			<li><a href="http://www.freewebsitetemplates.com">Join now</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	</div>
	<div id="content">
		<div id="left">
			<div class="menu">
				<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<ul>
						<li><a href="http://www.freewebsitetemplates.com">Home</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Donations</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Downloads</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Feedback</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Shout_Box</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Surveys</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Ventrilo</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Web Links</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Your Account</a></li>
					</ul>
				</div>
				<div class="menufooter"></div>
			</div>
			<div class="menu">
			<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="right">
			<div class="menu">
				<div class="menuheader"><h3>Team</h3></div>
				<div class="menucontent">
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member5.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 5</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member6.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 6</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member7.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 7</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member8.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 8</a></span>
					</div>
					<div class="clear"></div>
				</div>
				
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="middle">
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
					<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
					
					<p>This is a template designed by free website templates for you for free you can replace all the text by your own 
					text. This is just a place holder so you can see how the site would look like.</p> 
					
					<p>You can remove any link to our websites from this template you're  free to use the template without linking 
					back to us. Don't want your boss to know you used a free website template ;) .</p>
					
					<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
					
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="postfooter"></div>
			</div>
		
			</div>
		</div>
	</div>
	<div id="footer">
		<ul>
			<li><a href="galgje.php">Join now</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	<span>Copyright © 2006 Call of duty 2. All rights reserved.</span>	</div>	
</div>
</body>
</html>

als je dus in menu op galgje klikt had ik dat dus hier graag willen laten zien in dit gedeeltje. dus dat in plaats van deze tekst galgje kunt zien.
PHP:
<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
					
					<p>This is a template designed by free website templates for you for free you can replace all the text by your own 
					text. This is just a place holder so you can see how the site would look like.</p> 
					
					<p>You can remove any link to our websites from this template you're  free to use the template without linking 
					back to us. Don't want your boss to know you used a free website template ;) .</p>
					
					<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
					
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
 
Ik zei <head> sectie, hè? ;-)
Je HTML-code structuur klopt nu nergens naar.
 
excuus php4u ik dacht ook dat ik het daar tussen gezet had
ik heb het opnieuw gedaan en nu staat het er wel tussen .
maar hoe krijg ik dat dan nu dat galgje in midden gedeelte komt ?

PHP:
<!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=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title> template</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $(".buttons").on("click", function(){  
            $("#loader").load($(this).attr("page"));
            return false;
        });
    });
</script>

<li><a href="galgje.php" title="" class="buttons" page="page1.html">Link 1</a></li>
<li><a href="#" title="" class="buttons" page="page2.html">Link 2</a></li>


<div id="loader"></div>
</head>

<body>
<div id="container">
	<div id="header">
		<ul>
			<li><a href="http://www.freewebsitetemplates.com">Join now</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	</div>
	<div id="content">
		<div id="left">
			<div class="menu">
				<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<ul>
						<li><a href="http://www.freewebsitetemplates.com">Home</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Donations</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Downloads</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Feedback</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Shout_Box</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Surveys</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Ventrilo</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Web Links</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Your Account</a></li>
					</ul>
				</div>
				<div class="menufooter"></div>
			</div>
			<div class="menu">
			<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="right">
			<div class="menu">
				<div class="menuheader"><h3>Team</h3></div>
				<div class="menucontent">
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member5.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 5</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member6.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 6</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member7.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 7</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member8.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 8</a></span>
					</div>
					<div class="clear"></div>
				</div>
				
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="middle">
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
					<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
					
					<p>This is a template designed by free website templates for you for free you can replace all the text by your own 
					text. This is just a place holder so you can see how the site would look like.</p> 
					
					<p>You can remove any link to our websites from this template you're  free to use the template without linking 
					back to us. Don't want your boss to know you used a free website template ;) .</p>
					
					<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
					
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="postfooter"></div>
			</div>
		
			</div>
		</div>
	</div>
	<div id="footer">
		<ul>
			<li><a href="galgje.php">Join now</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	<span>Copyright © 2006 Call of duty 2. All rights reserved.</span>	</div>	
</div>
</body>
</html>
 
Met alle respect maar het ziet ernaar uit dat je de allereerste grondbeginselen van het programmeren nog niet beheerst.
 
Dat klopt departs , ik ben het momenteel aan het leren.
helaas heb ik niemand die mij helpt hierbij , ik ben al heel erg dankbaar dat jij en php4u me beetje helpen.
maar zou jij niet script willen aanpassen zodat het werkt , dan kan ik teminste ervan leren en zien hoe je het gedaan hebt.
ik heb uren lang afgegoogeld maar kan niet vinden helaas, soms heb je gewoon hulp nodig zodat je weer verder kunt.
ik wil dus dat als je in menu op galgje klikt , galgje in de middle menu word weergegeven.
zodat mensen dus niet steeds naar een andere pagina toegaan maar dus gewoon gelijk de informatie op dezelfde pagina krijgen , ik heb nu galgje als voorbeeld gebruikt.

alvast iedergeval super bedankt voor de moeite die je al gedaan hebt en jij ook php4u
groetjes
 
Heb je al ervaring met HTML als eerste? Want ik zag dat je de HTML-code eerst ernstig door elkaar geschopt had.
 
Ik zou niet te hard van stapel lopen, en zorg dat je eerst HTML en de basis van CSS onder de knie krijgt.
Wat je nu eigenlijk wilt doen is een slipcursus terwijl je nog niet eens een auto kan besturen....
 
Laatst bewerkt:
Ik zou niet te hard van stapel lopen, en zorg dat je eerst HTML en de basis van CSS onder de knie krijgt.
Wat je nu eigenlijk wilt doen is een slipcursus terwijl je nog niet eens een auto kan besturen....

k ga maar weer eens opnieuw beginnen bij html leren.
vind alleen jammer dat ik nog steeds antwoord hierop niet gevonden heb.
waarom passen jullie script niet aan en laten het als voorbeeld zien? voor jullie is het nog geen 1min werk.
je helpt niet alleen mij ermee maar ook hoop anderen die hier uit komen als ze google
 
Om een antwoord op je vraag te geven:
Code:
<div id="loader"></div>
Dit op de juiste plek zetten waar jij het wilt tonen. En dat hoort inej body, en niet in je head.
Ken je HTML-opbouw.
 
bedankt php4u
ik heb het gedaan zoals je zij maar helaas blijft het 2 pagina openen

hier de code
PHP:
<!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=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title> template</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<body>
<script type="text/javascript">
        $(document).ready(function() {

            $("#button2").on("click", function(){  
                $("#loader").load($("#button2").attr("page"));
                return false;
            });
        });
    </script>
<div id="container">
	<div id="header">
		<ul>
			<li><a href="#" title="" id="button2" page="galgje.php">Galgje</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	</div>
	<div id="content">
		<div id="left">
			<div class="menu">
				<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<ul>
						<li><a href="http://www.freewebsitetemplates.com">Home</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Donations</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Downloads</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Feedback</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Shout_Box</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Surveys</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Ventrilo</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Web Links</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Your Account</a></li>
					</ul>
				</div>
				<div class="menufooter"></div>
			</div>
			<div class="menu">
			<div class="menuheader"><h3>Menu</h3></div>
				<div class="menucontent">
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="right">
			<div class="menu">
				<div class="menuheader"><h3>Team</h3></div>
				<div class="menucontent">
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member5.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 5</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member6.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 6</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member7.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 7</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member8.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 8</a></span>
					</div>
					<div class="clear"></div>
				</div>
				
				<div class="menufooter"></div>
			</div>
		</div>
		
		<div id="middle">
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
				<div id="loader"></div>
				</div>
				<div class="postfooter"></div>
			</div>
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
					<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
					
					<p>This is a template designed by free website templates for you for free you can replace all the text by your own 
					text. This is just a place holder so you can see how the site would look like.</p> 
					
					<p>You can remove any link to our websites from this template you're  free to use the template without linking 
					back to us. Don't want your boss to know you used a free website template ;) .</p>
					
					<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
					
					<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
					<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
				</div>
				<div class="postfooter"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		<ul>
			<li><a href="http://www.freewebsitetemplates.com">Join now</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Login</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Forums</a></li>
			<li><a href="http://www.freewebsitetemplates.com">News</a></li>
			<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
			<li class="last"><a href="http://www.freewebsitetemplates.com">contact</a></li>
		</ul>
	<span>Copyright © 2006 Call of duty 2. All rights reserved.</span>	</div>	
</div>
</body>
</html>

hier de code waar ik het dus de pagina inlaad
PHP:
<div id="middle">
			<div class="post">
				<div class="postheader"><h1>Post title</h1></div>
				<div class="postcontent">
				<div id="loader"></div>
				</div>
				<div class="postfooter"></div>
			</div>
 
Zet eens een voorbeeld online...?
 
Beste
ik ga af van volgende code/text
dit is 1 van mijn linken wat in menu staan
PHP Code:
<li><a href="http://galgje.php">Galgje</a></li>
Dus eerste vraag plaats eens op een zichtbare plaats in de tekst
PHP:
<?php $s = 'dit kan "lezen" plaats het'; echo '!!!!!HELLO WORLD!!!!! '.'a'.   "l". 's'.$s."op het forum"  ;?>
Dus wat wat zie je dan ongeveer op het scherm na hello world.

kan je het lezen dan is je webserver [ok].

kan je het niet lezen dan ga je eens naar je browser en typt 127.0.0.1 wat zie je ,je typt localhost wat zie je , je typt ::1 wat zie je.

komt er een scherm met nr 404 pagina niet gevonden.

dan zal je eerst een testserver zoals xamp,wamp enz dienen te installeren.

vervolgens zal je link bovenaan galgje.php er mogelijks als volgt uit moeten zien 127.0.0.1:80/je directory/galgje.php.

Mijn idee over html kunnen is relatief tot je moet weten dat elke <tagname> moet sluiten met een zelfde tag </tagname> tagname voldoen aan de norm html5 en of namespaces .
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan