Linken vanuit Textbox

Status
Niet open voor verdere reacties.

Bertal

Gebruiker
Lid geworden
24 okt 2005
Berichten
183
Hallo mensen,

Ik ben een site aan het maken met daarin textboxen met ronde hoeken. Nu wil ik vanuit die textboxen linken naar bijvoorbeeld een andere site. Dit kan niet, omdat hij dat de link gewoon niet ziet. Weet iemand hoe ik dit kan doen?
Ik zal mijn bron even geven:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">
  <meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">



<style type="text/css">
.naam{display:block}
.naam *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.0;
  background:#099FBD}
.naam1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #54ce96;
  border-right:1px solid #54ce96;
  background:#2ab4ac}
.naam2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #80ea80;
  border-right:1px solid #80ea80;
  background:#22aeb0}
.naam3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #22aeb0;
  border-right:1px solid #22aeb0;}
.naam4{
  border-left:1px solid #54ce96;
  border-right:1px solid #54ce96}
.naam5{
  border-left:1px solid #2ab4ac;
  border-right:1px solid #2ab4ac}
.naamfg{
  background:#099FBD}
</style>


</head>
<body background="pattern_c.gif">



<TABLE border="0" width="100%">

 <TR>
  <TD align="left" width="20%" colspan="2"></TD>


  <TD align="center" width="60%" colspan="1">

			<center>
  <img src="Untitled-1.gif" alt="" border="1.5" border-color="black"  width="400" height="100">
							</center>
</td>
<TD align="left" width="20%" colspan="1">





</tr>



</TD></TR>


 <TR>
  <TD align="left" width="20%" colspan="2" ><div>
  <b class="naam">
  <b class="naam1"><b></b></b>
  <b class="naam2"><b></b></b>
  <b class="naam3"></b>
  <b class="naam4"></b>
  <b class="naam5"></b></b>

  <div class="naam">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>>Menu<< <BR><BR>

  	<!-- Start Menu -->

	<table width="100%" border="0" cellspacing="3" cellpadding="2">
      <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'index.html'">Home</td>
      </tr>
	  <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Foto.html'">Foto's</td>
      </tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Rooster.html'">Roosterwijzigingen</td>
      </tr>
      <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Huiswerk.html'">Huiswerk</td>
      </tr>
      <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Agenda.html'">Agenda</td>
      </tr>
      <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Gastenboek.html'">Gastenboek</td>
      </tr>
      <tr>
        <td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'raad.html'">Forum</td>
      </tr>

    </table>

	<!-- Einde Menu -->

  </div>

  <b class="naam">
  <b class="naam5"></b>
  <b class="naam4"></b>
  <b class="naam3"></b>
  <b class="naam2"><b></b></b>
  <b class="naam1"><b></b></b></b>
</div></TD>


  <TD align="Left" width="60%" colspan="1"><div>
  <b class="naam">
  <b class="naam1"><b></b></b>
  <b class="naam2"><b></b></b>
  <b class="naam3"></b>
  <b class="naam4"></b>
  <b class="naam5"></b></b>

  <div class="naam">
>>Agenda<<
<BR> <BR>
klik<a href="www.google.nl" target="_blank">hier</a> om naar..... te gaan


  </div>

  <b class="naam">
  <b class="naam5"></b>
  <b class="naam4"></b>
  <b class="naam3"></b>
  <b class="naam2"><b></b></b>
  <b class="naam1"><b></b></b></b>
</div>
</td>



<TD align="left" width="20%" colspan="1">

<div>
  <b class="naam">
  <b class="naam1"><b></b></b>
  <b class="naam2"><b></b></b>
  <b class="naam3"></b>
  <b class="naam4"></b>
  <b class="naam5"></b></b>

  <div class="naam">
>>Nieuws<<
      <BR>
	<BR>
<marquee direction="up" scrollAmount='1.5' style="width:'100%';height:'80'">
Dit is nog ff een test!
</marquee>


  </div>

  <b class="naam">
  <b class="naam5"></b>
  <b class="naam4"></b>
  <b class="naam3"></b>
  <b class="naam2"><b></b></b>
  <b class="naam1"><b></b></b></b>
</div>



</tr>



</TD></TR>

</TABLE>



  </td></tr></table>
</body>
</html>

Ik hoop dat jullie er wat mee kunnen!

Alvast bedankt.

Groeten Bertal
 
Wat bedoel je met textboxen? Bij textboxen denk ik aan die dingen die in formulieren worden gebruikt...

Heb je ook een online voorbeeld? Dat kijkt (bij mij iig) makkelijker en wij kunnen de bron alsnog opvragen aangezien je alleen maar HTML gebruikt.
 
Ja,ja.....
even op je divjes letten.

Er zaten ook wat foutjes in, gelijk wegewerkt ;)

Nu werkt het wel.

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	 
	<head>
		 
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		 
		<title>
		</title>
		 
		<meta name="description" content="">
		 
		<meta name="keywords" content="">
		 
		<meta name="author" content="">
		 
		<meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">
		 
<style type="text/css">
 .naam{display:block;
}
 .naam *{ display:block; height:1px; overflow:hidden; font-size:14px; background:#099FBD} 
.naam1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #54ce96; border-right:1px solid #54ce96; background:#2ab4ac}
 .naam2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #80ea80; border-right:1px solid #80ea80; background:#22aeb0}
 .naam3{ margin-left:1px; margin-right:1px; border-left:1px solid #22aeb0; border-right:1px solid #22aeb0;} 
.naam4{ border-left:1px solid #54ce96; border-right:1px solid #54ce96} .naam5{ border-left:1px solid #2ab4ac; border-right:1px solid #54ce96} 
.naamfg{ background:#099FBD} 
.content
{ font-size:50px;
background-color:#ff8000;
display:block;
}
</style>
		 
	</head>
	 
	<body background="pattern_c.gif">
		 
		<TABLE border="0" width="100%">
			 
			<TR>
				 
				<TD align="left" width="20%" colspan="2">
				</TD>
				 
				<TD align="center" width="60%" colspan="1">
					 
					<center>
						 
						<img src="Untitled-1.gif" alt="" border="1.5" border-color="black" width="400" height="100">
						 
					</center>
					 
				</td>
				 
				<TD align="left" width="20%" colspan="1">
					 
					
					 
				</TD>
				
			</TR>
			 
			<TR>
				 
				<TD align="left" width="20%" colspan="2" >
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&gt;&gt;
							Menu
							&lt;&lt; 
							<BR>
							<BR>
							 
							<!-- Start Menu -->
							 
							<table width="100%" border="0" cellspacing="3" cellpadding="2">
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'index.html'">
										Home
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Foto.html'">
										Foto's
									</td>
									 
								</tr>
								 
								<tr>
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Rooster.html'">
										Roosterwijzigingen
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Huiswerk.html'">
										Huiswerk
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Agenda.html'">
										Agenda
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Gastenboek.html'">
										Gastenboek
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'raad.html'">
										Forum
									</td>
									 
								</tr>
								 
							</table>
							 
							<!-- Einde Menu -->
							 
						</div>
						 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
				</TD>
				 
				<TD align="Left" width="60%" colspan="1"  valign="top" >
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &gt;&gt; 
							Agenda
							&lt;&lt: <BR>
							 </div>


<!-- eigen div voor tekst begin -->
							<div class=" content" > klik <a href="www.google.nl" target="_blank">hier</a>
							 om naar..... te gaan 
 </div>		
<!-- eigen div voor tekst end -->										 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
					 
				</td>
				 
				<TD align="left" width="20%" colspan="1">
					 
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &gt;&gt; 
													Nieuws
						
							&lt;&lt: <BR>
							 
							<BR>
							 
							<marquee direction="up" scrollAmount='1.5' style="width:'100%';height:'80'">
								 Dit is nog ff een test! 
							</marquee>
							 
						</div>
						 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
					 
					
					 
				</TD>
			</TR>
			 
		</TABLE>
		 
		
		 
	</body>
	 
</html>

:cool:
 
Ja,ja.....
even op je divjes letten.

Er zaten ook wat foutjes in, gelijk wegewerkt ;)

Nu werkt het wel.

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	 
	<head>
		 
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		 
		<title>
		</title>
		 
		<meta name="description" content="">
		 
		<meta name="keywords" content="">
		 
		<meta name="author" content="">
		 
		<meta name="generator" content="Matrix Y2K from van IJperen Software Inc. - http://www.crystalfibers.com">
		 
<style type="text/css">
 .naam{display:block;
}
 .naam *{ display:block; height:1px; overflow:hidden; font-size:14px; background:#099FBD} 
.naam1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #54ce96; border-right:1px solid #54ce96; background:#2ab4ac}
 .naam2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #80ea80; border-right:1px solid #80ea80; background:#22aeb0}
 .naam3{ margin-left:1px; margin-right:1px; border-left:1px solid #22aeb0; border-right:1px solid #22aeb0;} 
.naam4{ border-left:1px solid #54ce96; border-right:1px solid #54ce96} .naam5{ border-left:1px solid #2ab4ac; border-right:1px solid #54ce96} 
.naamfg{ background:#099FBD} 
.content
{ font-size:50px;
background-color:#ff8000;
display:block;
}
</style>
		 
	</head>
	 
	<body background="pattern_c.gif">
		 
		<TABLE border="0" width="100%">
			 
			<TR>
				 
				<TD align="left" width="20%" colspan="2">
				</TD>
				 
				<TD align="center" width="60%" colspan="1">
					 
					<center>
						 
						<img src="Untitled-1.gif" alt="" border="1.5" border-color="black" width="400" height="100">
						 
					</center>
					 
				</td>
				 
				<TD align="left" width="20%" colspan="1">
					 
					
					 
				</TD>
				
			</TR>
			 
			<TR>
				 
				<TD align="left" width="20%" colspan="2" >
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&gt;&gt;
							Menu
							&lt;&lt; 
							<BR>
							<BR>
							 
							<!-- Start Menu -->
							 
							<table width="100%" border="0" cellspacing="3" cellpadding="2">
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'index.html'">
										Home
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Foto.html'">
										Foto's
									</td>
									 
								</tr>
								 
								<tr>
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Rooster.html'">
										Roosterwijzigingen
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Huiswerk.html'">
										Huiswerk
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Agenda.html'">
										Agenda
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'Gastenboek.html'">
										Gastenboek
									</td>
									 
								</tr>
								 
								<tr>
									 
									<td class="menu-item" onMouseOver="this.style.backgroundColor = '#22aeb0'" onMouseOut="this.style.backgroundColor = '#099FBD'" onClick="window.location = 'raad.html'">
										Forum
									</td>
									 
								</tr>
								 
							</table>
							 
							<!-- Einde Menu -->
							 
						</div>
						 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
				</TD>
				 
				<TD align="Left" width="60%" colspan="1"  valign="top" >
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &gt;&gt; 
							Agenda
							&lt;&lt: <BR>
							 </div>


<!-- eigen div voor tekst begin -->
							<div class=" content" > klik <a href="www.google.nl" target="_blank">hier</a>
							 om naar..... te gaan 
 </div>		
<!-- eigen div voor tekst end -->										 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
					 
				</td>
				 
				<TD align="left" width="20%" colspan="1">
					 
					<div>
						 
						<b class="naam">
							 
							<b class="naam1">
								<b>
								</b>
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam5">
							</b>
						</b>
						 
						<div class="naam">
							 &gt;&gt; 
													Nieuws
						
							&lt;&lt: <BR>
							 
							<BR>
							 
							<marquee direction="up" scrollAmount='1.5' style="width:'100%';height:'80'">
								 Dit is nog ff een test! 
							</marquee>
							 
						</div>
						 
						<b class="naam">
							 
							<b class="naam5">
							</b>
							 
							<b class="naam4">
							</b>
							 
							<b class="naam3">
							</b>
							 
							<b class="naam2">
								<b>
								</b>
							</b>
							 
							<b class="naam1">
								<b>
								</b>
							</b>
						</b>
						 
					</div>
					 
					
					 
				</TD>
			</TR>
			 
		</TABLE>
		 
		
		 
	</body>
	 
</html>

:cool:

Ookeej, harstikke bedankt! Zo is ie helemaal goed, echt super!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan