Author Topic: How to put a site into my site? (Read 8369 times)

Jonas Wauters · « **on:** March 05, 2009, 10:23:16 AM »

Hello guys,
My nephew has bought a domain at one.com the site allows you to add the site with a build in site editing progam, but you're also free to edit the HTLM documents.
That's what I do, when there is something that the build in prog can't do he asks me if I could help him out. (e.g. it doesn't support moving Gif files, so I hosted one and added it to the HTML)
Now he would like to have a guestbook, he found a free guestbook, but it goes with a link.
Now he would like to have it in a screen still on his site, is there anyway I could do it?

Thanks in advance

Jonas

Info
This is his site
This is his guestbook

Glitch · « **Reply #1 on:** March 05, 2009, 10:37:27 AM »

Jonas...

You can always use an iframe to add his guestbook to his site...

Google

Jonas Wauters · « **Reply #2 on:** March 05, 2009, 11:28:59 AM »

Thank you, That was where I was looking for!
Strange I didn't find it myself, I did look for it for quite a while.
Well now it doesn't really fit in the page, is there anyway I can cutt of the left and right a bit since it's just white?

Edit: nvm I've found it, I can use frameborder="pix to cutt off"
Edit edit: that's not true xD frameborder can only be 1 or 0

Jonas

kpac · « **Reply #3 on:** March 05, 2009, 11:33:06 AM »

Can you post the code you have?

Jonas Wauters · « **Reply #4 on:** March 05, 2009, 11:51:43 AM »

Off caurse
here you go

Code: [Select]

<HTML>
<HEAD><TITLE>willemwauters.be</TITLE>
<STYLE type=text/css>

body, p, td{
font-family:verdana;
font-size: 8pt;
font-weight:normal;
color:#000000;
}

h1{
font-family:verdana;
font-size: 16pt;
font-weight:bold;
color:#8b8b8b;
}

h2{
font-family:verdana;
font-size: 9pt;
font-weight:bold;
color:#8b8b8b;
}

a{
color: #737c7a;
text-decoration: none;
}

a:hover{
color:#cccccc;
text-decoration: none;
}

.menu td a{
color:#ffffff;
font-size: 8pt;
text-decoration: none;
}

.menu td a:hover{
color:#cccccc;
text-decoration: none;
}


H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
</STYLE>
</HEAD>
<BODY style="MARGIN: 45px 0px 40px; BACKGROUND: #000080">
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 799px; POSITION: relative">
<TABLE style="POSITION: relative; BORDER-COLLAPSE: collapse; BACKGROUND: #000080; TOP: 0px; LEFT: 0px" id=maintable border=0 cellSpacing=0 borderColor=#8b8b8b cellPadding=0 width=800 align=center>
<TBODY>
<TR>
<TD></TD></TR>
<TBODY>
<TR>
<TD style="PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 8px" vAlign=bottom align=right>
<P><FONT color=#737c7a></FONT>&nbsp;</P></TD></TR></TBODY></TABLE>
</DIV></DIV>
<TBODY><TR><TD style="BACKGROUND: #8b8b8b" height="1"><IMG width=1 height=1></TD></TR></TBODY></TABLE> 
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=290 vAlign=center width=235>
<TABLE style="BORDER-COLLAPSE: collapse" class=menu border=1 cellSpacing=0 borderColor=#ffffff cellPadding=0 width="100%" metaid="WillemWauters" meta="menu"><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/index.html">Home</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/biografie.html">Biografie</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/programma.html">Programma</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/uitslagen.html">Uitslagen</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/fotoalbum.html">Fotoalbum</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #acacac url(/images/winter/menu-bg-active.gif) no-repeat">&raquo;&nbsp;<a href="/gastenboek1.html">Gastenboek</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/krantenknipsels.html">Krantenknipsels</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/page4.html">Links</a></td></tr></TABLE></TD>
<TD style="BACKGROUND: url(/images/winter/vertical-border.gif)" width=1></TD>
<TD style="BACKGROUND: no-repeat" height=290 vAlign=top width=564>
</TD></TR></TBODY></TABLE><TBODY><TR><TD style="BACKGROUND: #8b8b8b"><IMG width=1 height=1></TD></TR></TBODY>
<iframe src ="http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW" frameborder="0" width="1005" height="100%">
<p>Uw browser oindersteund geen ingeframde pagina, <a target="blank" href=http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW>klik hier om handmatig naar het gastenboek te gaan></a></p>
</iframe></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD style="PADDING-LEFT: 25px; PADDING-RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%" vAlign=top align=middle>
</FONT></P>

My problems:
I frame schould be next to the menu in stead of underneath, and the with borders left and right should be gone

Anyone who can help me?

Thanks in advance

Jonas

Glitch · « **Reply #5 on:** March 05, 2009, 12:16:21 PM »

Is this what you want, Jonas?

Code: [Select]

<HTML>
<HEAD><TITLE>willemwauters.be</TITLE>
<STYLE type=text/css>

body, p, td{
font-family:verdana;
font-size: 8pt;
font-weight:normal;
color:#000000;
}

h1{
font-family:verdana;
font-size: 16pt;
font-weight:bold;
color:#8b8b8b;
}

h2{
font-family:verdana;
font-size: 9pt;
font-weight:bold;
color:#8b8b8b;
}

a{
color: #737c7a;
text-decoration: none;
}

a:hover{
color:#cccccc;
text-decoration: none;
}

.menu td a{
color:#ffffff;
font-size: 8pt;
text-decoration: none;
}

.menu td a:hover{
color:#cccccc;
text-decoration: none;
}


H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
</STYLE>
</HEAD>
<BODY style="MARGIN: 45px 0px 40px; BACKGROUND: #000080">
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 799px; POSITION: relative">
<TABLE style="POSITION: relative; BORDER-COLLAPSE: collapse; BACKGROUND: #000080; TOP: 0px; LEFT: 0px" id=maintable border=0 cellSpacing=0 borderColor=#8b8b8b cellPadding=0 width=800 align=center>
<TBODY>
<TR>
<TD></TD></TR>
<TBODY>
<TR>
<TD style="PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-TOP: 8px" vAlign=bottom align=right>
<P><FONT color=#737c7a></FONT>&nbsp;</P></TD></TR></TBODY></TABLE>
</DIV></DIV>
<TBODY><TR><TD style="BACKGROUND: #8b8b8b" height="1"><IMG width=1 height=1></TD></TR></TBODY></TABLE> 
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD height=290 vAlign=center width=235>
<TABLE style="BORDER-COLLAPSE: collapse" class=menu border=1 cellSpacing=0 borderColor=#ffffff cellPadding=0 width="100%" metaid="WillemWauters" meta="menu"><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/index.html">Home</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/biografie.html">Biografie</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/programma.html">Programma</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/uitslagen.html">Uitslagen</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/fotoalbum.html">Fotoalbum</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #acacac url(/images/winter/menu-bg-active.gif) no-repeat">&raquo;&nbsp;<a href="/gastenboek1.html">Gastenboek</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/krantenknipsels.html">Krantenknipsels</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/page4.html">Links</a></td></tr></TABLE></TD>
<TD style="BACKGROUND: url(/images/winter/vertical-border.gif)" width=1></TD>
<TD style="BACKGROUND: no-repeat" height=290 vAlign=top width=564>
<iframe src ="http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW" frameborder="0" width="550" height="800">
<p>Uw browser oindersteund geen ingeframde pagina, <a target="blank" href=http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW>klik hier om handmatig naar het gastenboek te gaan></a></p>
</iframe></TD></TR></TBODY></TABLE><TBODY><TR><TD style="BACKGROUND: #8b8b8b"><IMG width=1 height=1></TD></TR></TBODY>
</TABLE>
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD style="PADDING-LEFT: 25px; PADDING-RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%" vAlign=top align=middle>
</FONT></P>

Jonas Wauters · « **Reply #6 on:** March 05, 2009, 12:35:34 PM »

Yeah I've had something like that too, only the menu is a bit messed up when you do it like that.
I want the menu like 50px off the left and 50px lower then the beginning of the iframe
I've tried word html edditing, but that totally changes my codation, and I don't like that.

Any thoughts?

Jonas

Glitch · « **Reply #7 on:** March 05, 2009, 12:44:02 PM »

Give me a few...

Glitch · « **Reply #8 on:** March 05, 2009, 01:05:39 PM »

Jonas...

I was just browsing through the site. It would seem that the images are all different sizes and it's throwing the pages off...each time one loads. It would be best to ensure the images are all the same size, so that the pages stay consistent. Every time you go to a new page, the menu moves.

Also...if it were me...I'd include another image on the guestbook page and place the iframe underneath...again...keeping with conformity on all the pages.

I hope you know what I'm referring to.

Jonas Wauters · « **Reply #9 on:** March 05, 2009, 01:06:24 PM »

Yeah I know but I don't know how I can get the menu at the same place everywhere :s
It's not the image who replaces the menu.

And yeah I could just put it untherneath

that would be easier xD

Thanks for the help and effort

Jonas

Glitch · « **Reply #10 on:** March 05, 2009, 01:11:43 PM »

You're using tables, right?

Your menu is inside a table. So are the images...

So, when you load a new page and the image is a different size, it'll throw off the position of the menu...

Jonas Wauters · « **Reply #11 on:** March 05, 2009, 01:47:44 PM »

Yeah but I messed that up earlier on, by removing some tables at sertain pages.
I'm planning on fixing that sometime soon.
BTW: I finally managed to get it wright

Code: [Select]

<HTML>
<HEAD><TITLE>willemwauters.be</TITLE>
<STYLE type=text/css>

body, p, td{
font-family:verdana;
font-size: 8pt;
font-weight:normal;
color:#000000;
}

h1{
font-family:verdana;
font-size: 16pt;
font-weight:bold;
color:#8b8b8b;
}

h2{
font-family:verdana;
font-size: 9pt;
font-weight:bold;
color:#8b8b8b;
}

a{
color: #737c7a;
text-decoration: none;
}

a:hover{
color:#cccccc;
text-decoration: none;
}

.menu td a{
color:#ffffff;
font-size: 8pt;
text-decoration: none;
}

.menu td a:hover{
color:#cccccc;
text-decoration: none;
}


H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
</STYLE>
</HEAD>
<BODY style="BACKGROUND: #000080; MARGIN: 45px 0px 40px">
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 799px; POSITION: relative">
<TABLE id=maintable style="BACKGROUND: #000080; LEFT: 0px; POSITION: relative; TOP: 0px; BORDER-COLLAPSE: collapse" borderColor=#8b8b8b cellSpacing=0 cellPadding=0 width=800 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND: #000080; BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px" vAlign=bottom align=right>
<P><FONT color=#737c7a></FONT>&nbsp;</P></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" height=1 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR></TR></TBODY></TABLE>
<TBODY>
<TR>
<TD vAlign=center width=235 height=290>
<TABLE class=menu style="BORDER-COLLAPSE: collapse" borderColor=#ffffff cellSpacing=0 cellPadding=0 width="100%" border=1 meta="menu" metaid="WillemWauters"><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/index.html">Home</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #acacac url(/images/winter/menu-bg-active.gif) no-repeat">&raquo;&nbsp;<a href="/biografie.html">Biografie</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/programma.html">Programma</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/uitslagen.html">Uitslagen</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/fotoalbum.html">Fotoalbum</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/gastenboek1.html">Gastenboek</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/krantenknipsels.html">Krantenknipsels</a></td></tr><tr>
<td align=left valign=middle height="25" style="padding-left: 25px; background: #8b8b8b url(/images/winter/menu-bg.gif) no-repeat">&raquo;&nbsp;<a href="/page4.html">Links</a></td></tr></TABLE></TD>
<TD style="BACKGROUND: url(/images/winter/vertical-border.gif)" width=1></TD>
<TD style="BACKGROUND: url no-repeat" vAlign=top width=564 height=290>
<P><IMG src="/Afbeelding%20047.jpg-for-web-large.jpg"></P></TD></TR></TBODY></TABLE><TBODY><TR><TD style="BACKGROUND: #8b8b8b"><IMG width=1 height=1></TD></TR></TBODY></TABLE> 
<TABLE style="BORDER-COLLAPSE: collapse; BACKGROUND: #000080" cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD style="PADDING-LEFT: 25px; PADDING-RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%" vAlign=top align=middle>
<P><SPAN style="FONT-SIZE: 20pt"><SPAN style="FONT-SIZE: 22pt"></SPAN></SPAN>&nbsp;</P>
<iframe src ="http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW" frameborder="0" width="550" height="1000">
<p>Uw browser oindersteund geen ingeframde pagina, <a target="blank" href=http://www.webhelpje.be/gastenboek/gastenboek.php?name=WillemW>klik hier om handmatig naar het gastenboek te gaan></a></p>
</iframe>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY>

Thanks for all the help

Jonas

Computer Hope Forum

News:

Author Topic: How to put a site into my site? (Read 8369 times)

Jonas Wauters

How to put a site into my site?

Glitch

Re: How to put a site into my site?

Jonas Wauters

Re: How to put a site into my site?

kpac

Re: How to put a site into my site?

Jonas Wauters

Re: How to put a site into my site?

Glitch

Re: How to put a site into my site?

Jonas Wauters

Re: How to put a site into my site?

Glitch

Re: How to put a site into my site?

Glitch

Re: How to put a site into my site?

Jonas Wauters

Re: How to put a site into my site?

Glitch

Re: How to put a site into my site?

Jonas Wauters

Re: How to put a site into my site?