webpagina openen in het 'hoofd-venster'

Status
Niet open voor verdere reacties.
tg09492

tg09492

Gebruiker
Lid geworden
26 mei 2007
Berichten
21
hallo, net nieuw hier en al weer een 3e vraag :D
ik ben bezig met een site voor school alleen nu heb ik

http://www.websitemaken.be/index.php?page=show_item&id=600

deze lay-out. maar ik wil zegmaar een gastenboek invoegen, die ik al aangemaakt heb, maar het is een gratis gastenboek, dus hij verwijst je door naar een site. Maar als ik er dan op klik opent hij een nieuw venster voor het gastenboek, maar ik wil dat hij in de content komt, zodat het er wat mooier uitziet. is er hier een oplossing voor?

alvast bedankt ;) greetz tim.
 
Het mooiste zou zijn de pagina in een iframe te plaatsen:

Code: 
<IFRAME SRC="http://www.domein.nl/gastenboek">
 
ik weet niet precies wat je bedoelt, maar als ik die code, met die website in mijn menu zet linkt ie niet door naar het hoofdscherm. Heb je wel die url bekeken zodat je kunt zien hoe mijn site ongeveer in elkaar zit? ;)
 
Met een iframe plaats je het gastenboek embedded in je site, dus je layout en menu enzo blijft allemaal staan.

Als je dat niet wil, dus dat de browser compleet naar je gastenboek gaat zet je gewoon target=_self in je linkje.

Code: 
<A href="..." target="_SELF">link</A>
 
het lukt gewoon niet, hij blijft in een niew venster openen :( hier is mijn index.html code, misschien kun jij ontdekken wat er is
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html> 
    <head> 
        <title> 
            Positioneren met css en html 
        </title> 
<style type="text/css"> 
body {
background-image:url("wallpaper1.jpg");
background-repeat: repeat-y;
background-color: #330000;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.container {
text-align: left; 
margin: 0 auto; 
width: 800px;
background-image: url(“ads.jpg”);
background-repeat: repeat-y;
border: solid 1px white;
} 

.header {
background-image:url("bannerr1.bmp");
height:112px;
border-bottom: solid 0px #CC0000;
}


.menu {
background-color: #CC0000;
float: left; 
width: 180px;
height: 699px;
}

.content { 
border-right: solid 5px #CC0000;
background-color: #000000;
padding: 33 0 3 180px; 
margin:0px; 
} 

.footer {
background-image:url("bg.jpg");
background-color: #000000;
clear: left; 
border: solid 1px #CC0000;
}

.linken{ 
border: solid 0px #000000; 
padding:2px; 
background-color: transparent; 
 font-size: 14px; 
  color: #e4e0c9; 
width:90px; 
dispaly:block; 
} 
</style> 
    </head> 
     
    <body> 
             
        <div class="container"> 
                     
            <div class="header">   
            </div> 
                         
            <div class="menu"> 
             

<HEAD> 
<script>

function hidestatus(){
window.status=''
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>


<TITLE>menu</TITLE> 
</HEAD>
<BODY BACKGROUND="b_menu.jpg">  
<BODY BGCOLOR="#CC0000">
<center>

<HEAD>

<style>A:hover {font-weight: bold}
</style>


<style type="text/css">
.buttonNormal
{
  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: #FFFFFF;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #CC0000;
  font-size:12px;
}

.buttonHighlight
{

  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: red;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #000000;
  font-size:12px;
}
.buttonDown
{
  PADDING-Bottom: 1px;
  PADDING-TOP: 4px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #000000;
  CURSOR: hand;
  font-size:12px;
}
.buttonCurrent
{
  PADDING-Bottom:3px;
  PADDING-TOP: 2px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #CC0000;
  font-size:12px;
}
<!--verander hierboven de kleuren naar eigen inzicht ( een lkeur is te herkennen aan het # teken ) -->
<!-- ook de grootte van het lettertype e.d. kun je hierboven aanpassen -->
</style>
<STYLE type=text/css>

A {
COLOR: white; FONT: 10pt Times New Roman; TEXT-DECORATION: none
}
A:hover {
COLOR: #CC0000
}
</STYLE>
<base target="TARGET="MAIN-WINDOW">
</HEAD>

<BODY>

<CENTER>
<IMG SRC="menu1.gif" WIDTH=78 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr>                       
<td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="Home.html" class="linken"><FONT FACE="ARIAL">Home</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="overmij.html" class="linken"><FONT FACE="ARIAL">Over mij</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="daar.html" class="linken"><FONT FACE="ARIAL">School</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="hier.html" class="linken"><FONT FACE="ARIAL">Lol</a></td></tr>
</TABLE>
<P><BR>
<CENTER>
<IMG SRC="CONTACT.jpg" WIDTH=179 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="links.html" class="linken"><FONT FACE="ARIAL">Links</a></td>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><A HREF="mailto:tim_gortworst@hotmail.com" class="linken"><FONT FACE="ARIAL">Mail Tim</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="http://www.tgortworst.mygb.nl/" class="linken"><FONT FACE="ARIAL">Gastenboek</a></td></tr>
</TABLE>
<P><BR>
<CENTER>
<IMG SRC="info.gif" WIDTH=66 HEIGHT=21><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="sitemap.html" class="linken"><FONT FACE="ARIAL">Sitemap</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="hier.html" class="linken"><FONT FACE="ARIAL">Website</a></td></tr>
</tr>
</table>
</BODY>
</HTML> 
                          
                             
            </div> 
                             
            <div class="content"> 
              

<STYLE type="text/css">
    BODY {scrollbar-3dlight-color:#CC0000;
           scrollbar-arrow-color:#FFFFFF;
           scrollbar-track-color:#CC0000;
           scrollbar-darkshadow-color:#FFFFFF;
           scrollbar-face-color:#000000;
           scrollbar-highlight-color:#FFFFFF;
           scrollbar-shadow-color:#CC0000}
  </STYLE>

<style>
<!--
BODY{
CURSOR: url(cursor3.cur);
}
-->
</style> 


                 <FONT COLOR="#FFFFFF"><h1><CENTER>Home</CENTER></h1><P><BR>
                Welkom iedereen op mijn Homepage! Deze Site is in opdracht gemaakt van Informatica. Er staan een heleboel dingen op. 
je kunt onder andere mijn cijfers en rooster bekijken, maar ook nog wat vakantie foto's en grappige filmpjes. 
kijk gerust maar even rond.<P>
<CENTER>En als je opmerkingen hebt over mijn site, wat er bijvoorbeeld beter kan of mag. Laat dan een berichtje achter in het gastenboek.</CENTER>
                <br> <P><BR><BR><P><BR><P><br> <P><BR><BR><P><BR><P><br> <P><BR><BR><P><BR><P>
		<br> <P><BR><BR><P><BR><P><br> <P><BR><BR><P><BR><P>
                 <P><BR><BR><P><BR><P><P><BR>
                                 
            </div> 
                         
            <div class="footer"><CENTER>

                             
            </div> 
                 
        </div> 
         
    </body> 
</html>

want ik heb ook een heel ander menu
 
Als dit je index.html is, dan klopt er iets niet:
je hebt een paar pagina's door elkaar gehusseld.
Oftewel:
je moet je code opschonen, staat meerdere keren body en head in.
Je style moet in de head staan.

Welk gastenbeoek heb je?
Welk menu heb je?

:cool:
 
nou als gastenboek heb ik er 1 van http://www.mygb.nl/ en als menu heb ik deze code
Code: 
<HEAD>

<style>A:hover {font-weight: bold}
</style>


<style type="text/css">
.buttonNormal
{
  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: #FFFFFF;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #CC0000;
  font-size:12px;
}

.buttonHighlight
{

  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: red;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #000000;
  font-size:12px;
}
.buttonDown
{
  PADDING-Bottom: 1px;
  PADDING-TOP: 4px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #000000;
  CURSOR: hand;
  font-size:12px;
}
.buttonCurrent
{
  PADDING-Bottom:3px;
  PADDING-TOP: 2px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #CC0000;
  font-size:12px;
}
<!--verander hierboven de kleuren naar eigen inzicht ( een lkeur is te herkennen aan het # teken ) -->
<!-- ook de grootte van het lettertype e.d. kun je hierboven aanpassen -->
</style>
<STYLE type=text/css>

A {
COLOR: white; FONT: 10pt Times New Roman; TEXT-DECORATION: none
}
A:hover {
COLOR: #CC0000
}
</STYLE>
<base target="TARGET="MAIN-WINDOW">
</HEAD>

<BODY>

<CENTER>
<IMG SRC="menu1.gif" WIDTH=78 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr>                       
<td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="Home.html" class="linken"><FONT FACE="ARIAL">Home</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="overmij.html" class="linken"><FONT FACE="ARIAL">Over mij</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="school.html" class="linken"><FONT FACE="ARIAL">School</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="lol.html" class="linken"><FONT FACE="ARIAL">Lol</a></td></tr>
</TABLE>
<P><BR>
<CENTER>
<IMG SRC="CONTACT.jpg" WIDTH=179 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="links.html" class="linken"><FONT FACE="ARIAL">Links</a></td>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><A HREF="mailto:tim_gortworst@hotmail.com" class="linken"><FONT FACE="ARIAL">Mail Tim</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="http://www.tgortworst.mygb.nl/" class="linken"><FONT FACE="ARIAL">Gastenboek</a></td></tr>
</TABLE>
<P><BR>
<CENTER>
<IMG SRC="info.gif" WIDTH=66 HEIGHT=21><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="sitemap.html" class="linken"><FONT FACE="ARIAL">Sitemap</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="website.html" class="linken"><FONT FACE="ARIAL">Website</a></td></tr>
</tr>
</table>
</BODY>
</HTML> 
                          
                             
            </div>
alleen als je deze code nu in een html documentje zet dan word ie heel breed maar op mijn site niet dus dat is wel ok. :D
 
Ja, maar niet waar je gastenboek vandaankomt, doch de url.

:cool:

//edit
al gevonden.
Staat geen code in waardoor je het niet zou kunen includen als iframe.

Zal vanavond even kijken.
 
Laatst bewerkt:
Je kunt je pagina gewoon als iframe includen.

Dus je moet een pagina maken, zoals deze:
PHP: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="description" content=" ">
<META name="keywords" content="  ">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css" media="all">
 @import url("zp.css"); 
</style>

<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
       </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<table  width="95%" border="1" cellspacing="2" cellpadding="2" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td width="140"    valign="top" >
			Menu
		</td>
		<!-- Row 1 Column 2 -->
		<td  valign="top" >
		<IFRAME id="content_frame" name="content_frame" src="http://www.tgortworst.mygb.nl/" frameBorder="0" width="100%" scrolling="auto"
height="500"></IFRAME>
			</td>
	</tr>
</table>
</body>

</html>

Je linkt dus niet rechtstreeks naar je gastenboek, doch via deze gastenboek.html pagina waar de iframe inzit.
Dus niet:
<a href="http://www.tgortworst.mygb.nl/" class="linken">
maar
<a href="gastenboek.html" class="linken">

De pagina is dus wat indeling betreft gelijk aan je originele pagina. (kop menu contentdeel footer)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan