Using links or frames - Post ID 211113

User 69913 Photo


Ambassador
12 posts

I have a template (see link below for screen shot) trying to get the link from the menu (Quick Links) on the left to open on the main page of the same page. Can someone please help with instructions on how to do this.



http://gyazo.com/5dbed3fdc6a1711aa689dcad3d27afa3
User 38401 Photo


Senior Advisor
10,951 posts

Would be a lot more helpful to actually see the site itself and be able to see the code instead of a screenshot that doesn't show us much. :)

If you're talking about having the content of the site page show up where the rest of the site stays the same then you'd need to use php includes for that.
User 69913 Photo


Ambassador
12 posts

Thanks for the help

It is just plain html. The link from the menu is opening a new page using href. I want to keep the have the link open on the same page with in the frame/table. Here is one of the links

<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Caribbean&searchid=45878">Caribbean</a></li>

I want the link to show up as if it is part of the site.
User 38401 Photo


Senior Advisor
10,951 posts

As I said, without seeing how the code is actually setup, it's hard to tell you exactly what to do. You're talking about tables and frames yet I don't see anything except a bunch of images pieced together and a ton of scripts. There's no way to be sure how to tell you since we cannot see the actual code of the site. What I'm seeing for your menu on the left is one huge image and nothing more. Do you have a link to the site as a functional site with all the links working etc.?
User 69913 Photo


Ambassador
12 posts

Sorry. Still working on the site so it is not live. Here is the code from coffee cup

<!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=iso-8859-1" />
<title>Rainbow Travel</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head><div align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-6163913831681499";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_color_border = ["FFFF99","FFFFFF","99CCFF","FFFFFF"];
google_color_bg = ["FFFF99","ECF8FF","99CCFF","CCCCFF"];
google_color_link = ["0000CC","0000CC","3366FF","0000CC"];
google_color_url = "FF0000";
google_color_text = ["000000","6F6F6F","000000","000000"];
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><P>
<body>
<div class="outer">
<div id="rc1"></div>
<div id="headerbg">
<div><h1>Rainbow Travel</h1></div>
<div class="tag">For all of your Travel Needs</div>

</div>
<div id="headimage"></div><div class="inner_copy"></div>
<div style="clear:left;width:942px">
<div id="left-nav">
<div class="heading">Quick Links </div>
<div class="leftcolumn">
<ul>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=General&searchid=45879"></a>Searchh</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Caribbean&searchid=45878">Caribbean</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Aus&searchid=45880">Australia and Pacific</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Alaska&searchid=45881">Alaska</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Europe&searchid=45882">Europe</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=FarEast&searchid=45883">Far East Asia</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Bahamas&searchid=45884">Bahamas</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=MiddleEast&searchid=45885">Middle East</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=NewZealand&searchid=45886">New Zealand</a></li>
<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=SouthAmerica&searchid=45887">South America</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="heading">News and Events</div>
<div id="news-bg">
<div class="date">

<h4><script type="text/javascript">
<!--
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
document.write(month + "/" + day + "/" + year)
//-->
</script>
</h4>

</div>
<div class="news-txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim</div>
<div><div class="read-more" style="float:right"><a href="#">Read More</a></div></div>
</div>
<div id="news-bg">
<div class="date"></div>
<div class="news-txt"><!-- Feedzilla Widget BEGIN -->

<div class="feedzilla-news-widget feedzilla-02270664886744489" style="width:200px; padding: 0; text-align: center; font-size: 11px; border: 0;">
<script type="text/javascript" src="http://widgets.feedzilla.com/news/iframe/js/widget.js"></script>
<script type="text/javascript">
new FEEDZILLA.Widget({
style: 'slide-top-to-bottom',
culture_code: 'en_us',
c: '23',
sc: '1199',
title: 'Travel',
caption: 'Cruises',
order: 'relevance',
count: '10',
w: '200',
h: '300',
timestamp: 'true',
scrollbar: 'false',
theme: 'ui-lightness',
className: 'feedzilla-02270664886744489'
});
</script><br />
<a href="http://widgets.feedzilla.com/news/builder/index.html?utm_source=feedzilla&utm_medium=widget&utm_campaign=widget%2Blink" target="_blank">Get Your News Widget</a>
</div>

<!-- Feedzilla Widget END --></div>
<div>

</div>
</div>
</div>

<div id="right-nav">
<div class="heading">Welcome to the beginning of your Dream Vacation!</div>
<div id="main">

<p><img src="images/cruise_ship.jpg" alt"cruise ship" /><br />Rainbow Travel will provide you with everything that you need to make your dream cruise / vacation come true. Within our web site you will find all of the cruiselines. You will also find cruise ships, ship deck plans, cruise itineraries, ports of call and over 250,000 pages of cruise reference material. All of this to help you make your dream cruise / vacation come true.
<br /><br />
Since all cruise vacations are different, it is not always the price that should be focused upon, but his or her lifestyle. We have a great reputation with all of our clients and the highest regard from the cruise lines to place the right person on the right ship.
<br /><br />
There are many so called discount travel agencies that will take your money and book you. Yes, that is one part of the process, actually that last step. We provide a complete personal solution to your vacation. We know the travel industry and treat everyone's vacation as if we were traveling with you.
<br /><br />
All of the professional travel agents at Rainbow Travel have experienced over 75 cruises and are certified Elite Cruise Counslors (ECC) by Cruise Line International Assoc. (CLIA).
<br /><br />
The best way to ensure you are getting the best value is to make your reservation early and use the services of an experienced, knowledgeable travel professional. Often, travel agencies have promotions and specials available that are not offered through the cruise lines. Our clients who make early reservations continue to save, without having to sacrifice service and receive a price protection on their vacation.
<br /><br />
<b>Now is the time to start.</b><br /> You will need to consider some things before your journey begins. <ul>
<li>How long a cruise / vacation would you like?</li>
3 Days, 4 Days, 5 Days, 7 Days or Longer
<li>What ports of call / Countries would you like to visit?</li>
Mexico, Asia, Canada, Europe, Russia, Jamaica
<li>What type of stateroom would you like?</li>
Inside Cabin, Oceanview Stateroom, Verandah Stateroom or a Suite
<li>Which cruise line would you prefer?</li>
</ul>
<center>
<img src="http://rainbowtravel.com/images/1155.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://rainbowtravel.com/images/1151.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1150.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1152.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1153.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1176a.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1175.gif" width="160" height="40" border="0">&nbsp;&nbsp;
<img src="http://www.rainbowtravel.com/images/1189.gif" width="160" height="40" border="0">&nbsp;</center>
</div>
</div>
</div>
<div class="clear"></div>
<div id="rc4"></div>
<div id="bottom-bg">
<div id="bottom">
<div class="bottomlink"><a href="rainbowtravel.com">Homepage</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="about.com">About Us</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="products.com">Products</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="services.com">Services</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="contact.com">Contact</a></div>
</div>
</div>
<div id="rc5"></div><div class="clear"></div>
<div id="footer"><div class="fleft">Copyright 2013</div><div class="fright"></div><div class="fcenter"></div></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>

User 122279 Photo


Senior Advisor
14,646 posts

And your style sheet?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 69913 Photo


Ambassador
12 posts

Sorry on making it so tough for you to help. This is all a little new to me as to what I am trying to do.

.inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
.fleft {float:left}
.fright {float:right}
.fcenter {float:none;margin:0 auto;text-align:center}
.fclear {clear:both}
body {margin:0 auto;font-size:13px;font-family:arial;color:#444;background:#E8ECEF;margin-top:10px}
.outer {width:942px;text-align:left;margin:0 auto}
#headimage {width:345px;height:180px;background-image:url(../images/rainbowship.jpg);background-repeat:no-repeat;float:left;margin-bottom:2px}
#rc1 {background-image:url(../images/rc1.jpg);background-repeat:no-repeat;width:16px;height:180px;float:left}
#headerbg {background-image:url(../images/bg.jpg);background-repeat:repeat-x;width:570px;height:180px;float:left;padding-left:11px}
h1 {color:#fff;font-family:"Century Gothic";font-size:36px;padding-top:60px;line-height:40px;display:table-cell}
.tag {font-weight:bold;color:#555;font-size:12px;padding-left:10px;letter-spacing:2px}
#left-nav {width:250px;float:left;background-image:url(../images/left.jpg);background-repeat:no-repeat;background:#fff}
#right-nav {width:682px;float:left;background-image:url(../images/right.jpg);background-repeat:no-repeat;margin-left:10px;background:#fff}
#gap2 {width:10px;height:100px;float:left;font-size:1px}
#news-bg {width:200px;padding-top:10px;text-align:left;border-bottom:1px dashed #D2D2D2;margin:0 auto 5px auto}
.gap {height:20px;font-size:1px;clear:left}
.date {width:66px;height:18px;background:#eeb400;color:#fff;font-family:tahoma;font-size:11px;font-weight:bold;line-height:18px;padding-left:6px}
.news-txt {text-align:justify;color:#3B3B3B;font-family:tahoma;font-size:11px;padding-top:6px}
a {color:#177ABD;text-decoration:underline}
a:hover {color:#177ABD;text-decoration:none}
.read-more {font-size:11px;height:20px;line-height:20px;text-transform:uppercase;font-weight:bold;font-family:tahoma}
.read-more a {color:#1170B0;text-decoration:underline}
.read-more a:hover {color:#1170B0;text-decoration:none}
#main {text-align:justify;padding:10px}
#main img {float:left;border:2px solid #E8D9BD;margin:4px;width:200px;height:140px}
.heading {height:35px;line-height:35px;padding-left:25px;text-transform:uppercase;font-weight:bold;color:#000;font-family:"trebuchet MS";font-size:15px;text-align:left}
.leftcolumn {width:200px;padding-top:5px;padding-left:20px;float:left}
.leftcolumn ul {list-style-type:none;padding-left:0;margin:0;text-align:left;width:100%;padding-top:2px}
.leftcolumn ul li {padding-top:6px;padding-bottom:6px;border-bottom:1px solid #E8D9BD;margin:0}
.leftcolumn ul li a {text-align:left;padding-left:20px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#4E4739}
.leftcolumn ul li a:hover {color:#4E4739;padding-left:20px;font-weight:bold}
#rc4 {background-image:url(../images/rc4.gif);background-repeat:no-repeat;width:9px;height:59px;float:left;font-size:1px;margin-top:10px}
#rc5 {background-image:url(../images/rc5.gif);background-repeat:no-repeat;width:9px;height:59px;font-size:1px;margin-top:10px;float:left}
#bottom-bg {width:924px;background:#fff;height:59px;float:left;margin-top:10px}
.clear {clear:both}
#bottom {width:680px;padding-top:10px;margin:0 auto}
.sap3 {width:1px;float:left;height:32px;line-height:32px;color:#000}
.bottomlink {width:132px;text-align:center;height:32px;line-height:32px;font-weight:bold;text-transform:uppercase;float:left;font-family:"trebuchet MS";font-size:12px}
.bottomlink a {color:#177ABB;text-decoration:none}
.bottomlink a:hover {text-decoration:none;color:#000}
#footer {padding:11px}
User 122279 Photo


Senior Advisor
14,646 posts

I have other commitments right now, but I will have some time later today. If nobody else beats me to it, I'll see and find out what is doable.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,271 posts

<li><a href="http://www.latesttraveloffers.com/lton/ltonclct.asp?distributorcode=Cagent&distributoraccount=Caribbean&searchid=45878" target="_blank">Caribbean</a></li>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

As Eric pointed out but didn't embellish on, you need to remove the target="_blank" from your link code. Check out http://www.w3schools.com/ for tutorials on HTML/5 and CSS2/3 to learn how links should be setup. The target attribute is used to tell the browser what to do with the link, and blank means open it in a new page.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.