pagina indeling zelfde als index

Code: Selecteer alles

<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		
		<title>...</title>
		
		<style type="text/css"> 
		... 
		</style> 
	</head> 

<body>



</body>

</html>

Code: Selecteer alles

<html>

	<head>

	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
	<title>V.A.S.</title> 


		<style type="text/css">
		body
		{
		background-color: #BFBFBF;
		}
		#navlist { width:100%; } 
		
		ul#navlist 
		{ 
		margin-left: 30px; 
		padding-left: 0; 
		white-space: nowrap; 
		} 
		
		#navlist li 
		{ 
		display: inline; 
		list-style-type: none; 
		} 
		
		#navlist a 
		{
		padding: 3px 10px; 
		} 
		
		#navlist a:link, #navlist a:visited
		{
		color: #fff; 
		background-color: #C44C4C; 
		text-decoration: none; 
		} 
		
		#navlist a:hover 
		{ 
		color: #fff; 
		background-color: #C44C4C; 
		text-decoration: none; 
		} 

		</style> 

	</head> 

<body>

	<div align="center"> 
		<table width=100%> 
			<tr> 
				<td> 
				<img src="Image/logo_links.jpg" width="116" height="155"border="1">
				</td>

				<td><center><font color="#0000FF"><h1>Verenigde Antwerpse Seingevers Merksem</h1><br/>
				Lokaal:&nbsp;Cafe & Feestzaal&nbsp;&quot;Bart&quot;&nbsp;Sint Bartholomeusstraat 9a Merksem</font></center>
				</td>

				<td> 
				<img src="Image/Veldrijden.jpg"border="1"align="right">
				</td>
			</tr>
		</table>
	</div>

	<hr color="#ffffff"> 

	<div id="navcontainer"> 
		<ul id="navlist"><center> 
			<li id="active"><a href="index.html">Home</a></li> 
			<li><a href="Bestuur.html">Bestuur</a></li> 
			<li><a href="Kalender.html">Kalender</a></li> 
			<li><a href="foto's.html">foto,s</a></li> 
			<li><a href="info.html">Info</a></li> 
			<li><a href="Nieuws.html">Nieuws</a></li> 
			<li><a href="http://www.feestzaalbart.be">Lokaal</a></li> 
		</ul> 
 	</div> 

	<hr color="#FFFFFF">

	<div align="center"> 
		<p>
			<img align "left" src="Image/Belgie.gif" width="85" height="90"border="" scr="Image/Belgie.gif">&nbsp;&nbsp; 
			<a href="Nieuws.html"><img src="Image/KBWB (75 x 90).jpg" width="75" height="90" alt="KBWB"></a> 
			<img src="Image/logo_1.jpg"border="1"> 
			<img src="Image/logo_2.jpg"border="1"> 
			<img src="Image/logo_3.jpg"border="1"> 
			<a href="http://www.wielerbondvlaanderen.be/"><img src="Image/logo_0.jpg"border="1"></a> 
			<img src="Image/logo_4.jpg"border="1"> 
			<a href="http://www.uci.ch/templates/UCI/UCI2/layout.asp?MenuId=MTUyMjQ"><img src="Image/logo_5.jpg"border="1"></a>
		</p>
	</div>
		
</body>

</html>

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Code: Selecteer alles

<!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=utf-8" />
<title>Untitled Document</title>

<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
      <table width="100%" align="center">
         <tr>
            <td><img src="Image/logo_links.jpg" width="116" height="155" border="1" alt=""/>
            </td>

            <td align="center" valign="middle"><h1>Verenigde Antwerpse Seingevers Merksem</h1><br/>
            Lokaal:&nbsp;Cafe & Feestzaal&nbsp;&quot;Bart&quot;&nbsp;Sint Bartholomeusstraat 9a Merksem
            </td>

            <td>
            <img src="Image/Veldrijden.jpg" border="1" align="right" alt=""/>
            </td>
         </tr>
      </table>
   

   <hr/>

   <div id="navcontainer">
      <ul id="navlist">
         <li><a href="index.html">Home</a></li>
         <li><a href="Bestuur.html">Bestuur</a></li>
         <li><a href="Kalender.html">Kalender</a></li>
         <li><a href="foto's.html">foto,s</a></li>
         <li><a href="info.html">Info</a></li>
         <li><a href="Nieuws.html">Nieuws</a></li>
         <li><a href="http://www.feestzaalbart.be">Lokaal</a></li>
      </ul>
</div>

   <hr/>

   <div align="center">
      <p>
         <img align="left" src="Image/Belgie.gif" width="85" height="90" border="" alt=""/>&nbsp;&nbsp;<a href="Nieuws.html"><img src="Image/KBWB (75 x 90).jpg" width="75" height="90" alt="KBWB"/></a><img src="Image/logo_1.jpg" border="1" alt=""/><img src="Image/logo_2.jpg" border="1" alt=""/>
         <img src="Image/logo_3.jpg" border="1" alt=""/>
         <a href="http://www.wielerbondvlaanderen.be/"><img src="Image/logo_0.jpg" border="1" alt=""/></a>
         <img src="Image/logo_4.jpg" border="1" alt=""/>
         <a href="http://www.uci.ch/templates/UCI/UCI2/layout.asp?MenuId=MTUyMjQ"><img src="Image/logo_5.jpg" border="1" alt=""/></a>
      </p>
   </div>
      
</body>
</html>

Code: Selecteer alles

@charset "utf-8";
/* CSS Document */
 body
      {
      background-color: #BFBFBF;
      }
      #navlist {
	width:100%;
	text-align: center;
}
      
      ul#navlist
      {
      margin-left: 30px;
      padding-left: 0;
      white-space: nowrap;
      }
      
      #navlist li
      {
      display: inline;
      list-style-type: none;
      }
      
      #navlist a
      {
      padding: 3px 10px;
      }
      
      #navlist a:link, #navlist a:visited
      {
      color: #fff;
      background-color: #C44C4C;
      text-decoration: none;
      }
      
      #navlist a:hover
      {
      color: #fff;
      background-color: #C44C4C;
      text-decoration: none;
      }