tekst in een tekstvak bij klikken van de buttons

Status
Niet open voor verdere reacties.

plintjes

Gebruiker
Lid geworden
20 sep 2016
Berichten
51
Ik ben wat aan het proberen voor een kennisje, ik heb een layout gemaakt voor een website, nu zou ik graag willen dat wanneer ik op een button klik, de pagina opent op een deel van de pagina, ik krijg dat maar niet voor elkaar, wie kan mij hierbij helpen

-----------
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../../Documents/Stuntenmetplinten.nl/mm_training.css" type="text/css" />
</head>
<body bgcolor="#64748B">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#26354A">
<td width="15" nowrap="nowrap"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="15" height="1" border="0" /></td>
<td height="137" colspan="3" nowrap="nowrap" background="../../../Documents/Stuntenmetplinten.nl/slider1.png" class="logo">stuntenl <span class="tagline">| Moderne MDF plinten incl. montage vanaf €9,95</span></td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>

<tr bgcolor="#FF6600">
<td colspan="6"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
</tr>

<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#FFCC00">
<td width="15" nowrap="nowrap">&nbsp;</td>
<td width="705" colspan="3" height="24">
<table border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">Home</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">Wie zijn wij</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="montage.html">montage</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">materiaal</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="plintkeuze.html" target="_self" class="bodyText">plintkeuze</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">Tarieven</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">Algemene voorwaarden</a></td>
<td class="navText" align="center" nowrap="nowrap"><a href="javascript:;">Contact </a></td>
</tr>
</table> </td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>

<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#FF6600">
<td colspan="6"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="1" height="4" border="0" /></td>
</tr>

<tr bgcolor="#D3DCE6">
<td width="230" colspan="2" valign="top" bgcolor="#26354A"><img src="../../../Documents/Stuntenmetplinten.nl/mm_training_photo.jpg" alt="Home Page Image" width="230" height="286" border="0" /><br />
<table border="0" cellspacing="0" cellpadding="0" width="230">
<tr>
<td width="230" class="sidebarText" id="padding"><a href="javascript:;">Next Event &gt;</a><br />
Include a short description here.<br />

&nbsp;<br /> </td>
</tr>
</table> </td>
<td width="50" valign="top"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="440" valign="top" class="bodyText"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="440">
<tr>
<td class="pageName"><p>Welkom </p></td>
</tr>

<tr>
<td class="bodyText">
<p>hier moet de tekst komen van de buttons</p>

</td>
</tr>
</table>
*<br />
&nbsp;<br /> </td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>

<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="../../../Documents/Stuntenmetplinten.nl/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr>
<td width="15">&nbsp;</td>
<td width="215">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="440">&nbsp;</td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
</table>
</body>
</html>

_________________
 
Welke Dreamweaver gebruik je eigenlijk? Serieus versie 2005?
Die is al 11 jaar verouderd en maakt de meest verouderde code aan die je kan bedenken. Zo zijn tabellen niet bedoeld voor layoutindelingen. Kijk eens naar div'jes en CSS.
 
ik heb ook DW cc 2015

ik heb dus ook de ccDW 2015, maar daar staan niet de sjablonen in welke ik wil gebruiken... vandaar, maar het kan dus niet wat ik wil ? iemand een andere optie ?
 
buttons werken deels niet?

Ik ben toch maar aan de slag gegaan met cc 2015 maar ik loop toch wat tegen problemen aan,

als ik de buttons volg tot en met montagevereisten, doen de buttons niet, de andere doen wel wat maar verwijzen telkens naar de contact pagina. waar ga ik de fout in? is er iemand die mij kan helpen,

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>stuntenmetplinten.nl</title>
<META Name="keywords" Content="Eric Salomons, plinten, montage, stuntenmetplinten.nl, goedkope plinten, plint montage, plinten inclusief montage,MDF plinten, vochtwerende plinten, vochtwerende mdf plinten, strakke plinten, blokplinten, monteren plinten, plinten lijmen, verstekzagen, kitten, werkspot,">
<META Name="description" Content="Scherp geprijsde MDF plinten inclusief montage vanaf € 9,95 (p/m). http://www.stuntenmetplinten.nl , ">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<META NAME="Author" CONTENT="stuntenmetplinten.nl">
<!-- Custom styles for this template -->
<link href="css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<!--

Fantasy Template

http://www.templatemo.com/tm-393-fantasy

-->
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="container" id="home">
<div class="header">
<a href="#">
<img src="images/pms.jpg" alt="stuntenmetplinten.nl" class="templatemo-logo">
</a>
<form action="#" method="get" class="navbar-form pull-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" id="keyword" name="keyword">
</div>
<button type="submit" class="btn btn-default" name="Search">Go</button>
</form>
</div>
<img src="images/slider1.png" alt="header image" class="templatemo-header-img img-responsive cleaner">
<div class="navbar templatemo-nav" id="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav nav-justified">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="wiezijnwij.html">Wie zijn wij</a></li>
<li><a href="montage.html">Montage</a></li>
<li><a href="materiaal.html">Materiaal</a></li>
<li><a href="plintkeuze.html">Plintkeuze</a></li>
<li><a href="projecten.html">Projecten</a></li>
<li><a href="contact.html">Montagevereisten</a></li>
<li><a href="contact.html">Tarieven</a></li>
<li><a href="contact.html">Voorwaarden</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- nav -->
</div>
<div class="row" id="thumbnails_container">
<div class="col-md-12">
<h2>Stuntenmetplinten.nl</h2>
<p> Bent u op zoek naar kwalitatieve en decoratieve plinten voor een betaalbare prijs? Dan bent u bij de stuntenmetplinten.nl aan het juiste adres. plintengigant.nl heeft jarenlange ervaring in het monteren en leveren van MDF plinten van topkwaliteit. Wij leveren een all inclusive product, d.w.z. Dat alle plint prijzen vermeld op de website, inclusief montage, BTW, plint, kit zijn

Bekijk onze website of mail voor een afspraak en laat u deskundig adviseren!

Werkzaamheden worden volledig uitgevoerd in eigen beheer

Omdat we onze werkzaamheden volledig in eigen beheer uitvoeren, zijn de lijntjes bij ons kort. Degene met wie u de offerte bespreekt, is ook betrokken bij de realisatie van de opdracht. Deze werkwijze zorgt ervoor dat we onze plinten van hoge kwaliteit tegen een zeer scherp m1-tarief kunnen aanbieden.

Aan onze website wordt nog dagelijks gewerkt, excuses voor het ongemak. Alle informatie op onze website is onder voorbehoud van typefouten.
.</p>
<h3>Agency News</h3>
<p>Duis nec porta risus, non auctor dui. Ut id sapien blandit, molestie lacus sit amet, hendrerit neque. Duis sed sem nibh. Etiam semper, justo at dictum porttitor, nisl dui tempor augue, eget ultrices nisi orci vitae quam. Integer id tellus consectetur, pellentesque neque nec, aliquam ligula. Curabitur urna enim, ultrices dapibus fringilla vel, volutpat nec est. Sed dignissim feugiat libero, non pulvinar libero consequat nec.</p>
<h3>New Faces</h3>
</div>

<div class="row">
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 1" class="img-responsive"><p>moderne plint 1</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 2" class="img-responsive"><p>moderne plint 2</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 3" class="img-responsive"><p>moderne plint 3</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 4" class="img-responsive"><p>moderne plint 4</p></a></div>
</div>

<div class="row">
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 5" class="img-responsive"><p>moderne plint 5</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 6" class="img-responsive"><p>moderne plint 6</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 7" class="img-responsive"><p>moderne plint 7</p></a></div>
<div class="col-xs-6 col-sm-3 col-md-3"><a href="preview.html" class="thumbnail"><img src="images/moderneplint.jpg" alt="Model Girl 8" class="img-responsive"><p>moderne plint 8</p></a></div>
</div>

<div class="col-xs-12 col-md-12">
<a href="#" class="btn btn-primary" role="button">Previous</a>
<a href="#" class="btn btn-primary" role="button">1</a>
<a href="#" class="btn btn-primary" role="button">2</a>
<a href="#" class="btn btn-primary" role="button">3</a>
<a href="#" class="btn btn-primary" role="button">4</a>
<a href="#" class="btn btn-primary" role="button">Next</a>
</div>

</div> <!-- thumbnail area -->
</div>
<footer class="container">
<div class="credit row">
<div class="col-md-6 col-md-offset-3">
<div id="templatemo_footer">
Copyright © 2016 <a href="#">Stuntenmetplinten.nl</a>
</div>
</div>
<div class="col-md-3">
<div style="text-align: right">
<a rel="nofollow" href="https://www.facebook.com/profile.php?id=100013646911828" target="_parent">
<img src="images/facebook.png" alt="volg ons op facebook">
</a>
<a href="https://www.instagram.com/stuntenmetplinten.nl/"><img src="images/instagram.png" alt="volg ons op instagram"></a>
<a href="https://www.werkspot.nl/vakman/mijn-profiel"><img src="images/werkspot.png" alt="volg ons op werkspot"></a>
</div>
</div>
</div>
</footer>
</div>
<!-- templatemo 393 fantasy -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/templatemo_script.js"></script>
</body>
</html>
 
Heb je een voorbeeld die we kunnen zien?
 
Ik zit wat rond te klikken, en ik zie niks geks.
Kan je wat meer verduidelijking geven over je probleem?
 
volgens mij werkt het ook nu, als ik voorvertoning doe in browser dan werkt het niet, dus daar zat het probleem, ik krijg alleen nu de Facebook, instagram en werkspot niet gelijk op 1 lijn? weet je hoe dat kan ?
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan