|
HTML - Making (focring?) New Links Open In Tabs
I have some buttons that open new pages in new windows. How do I tell or force the browser to open them in new tabs, instead of in new windows or the same window?
Similar TutorialsMy page loads correctly, but when I open a new tab in IE7 so the tab bar appears, my page shifts to the left, and the menu overlaps/ obscures parts of the images. I can't find a reason why this happens, can anyone help? A screenshot of the error can be found below: http://www.onetopsoccer.com/error.jpg The page itself is at http://www.onetopsoccer.com/index.shtml I need to know what the common practice is to open a printable page in a new window after a link is clicked. Something that you can print from the page or from the browser. Normally I would just open in a blank target but the window doesn't open up tight to the printable media. Any help would be great. Thanks! Is there a way to make an image or image map link to 2 different places when clicked? Thanks in advance Hello, I'm a new web designed building my first web page. I'm using Dreamweaver CS 3. I want to make certain links open in a new window or tab when the user clicks on them, and in Dreamweaver I thought this was done by adding the _top target to the link, but that seems to do nothing. So how do I do this? Website Address: http://taras.shacknet.nu/~public1/plpp/ Thank you! Hello Everybody, I want to create a website which has 1) Header Image 2) Menu and sub menu 3) Content (main data when above menu items are clicked) 5) Footer which should be there for every page. I have created the website using frames and got everything but when window is not 100% then content is not centered. I have done evenything in HTML. I want to re-design the webpage without using frames Please let me know how to display the content in same page when a menu item is clicked. Help me <!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>Untitled Document</title> <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> </head> <body> <div id = "container"> <div id = "left"> <ul> <li><a href = "http://www.freewebs.com/jazzclan/about.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_about.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/freeboard.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_freeboard.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/main.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_main.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/member.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_member.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/replay.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_replay.gif"></a></li> </ul> </div> <div id = "right"> <div id = "head"> </div> <div id = "main"> <div id = "headleft"></div> <div id = "headright"></div> <div id = "theleft"> Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column.... </div> <div id = "theright"> Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column.... </div> </div> <iframe id="iframe" src="http://freewebs.com/jazzclan/intro.htm" style="width:545px; margin:0px;" frameborder="0" hspace="0" vspace="0" scrolling="no"></iframe> </div> </div> </body> </html> The links, main, about, freeboard, ect. don't seem to open in the IFrame. Does anyone have any suggestions? Hi, I have a text link, when a user clicks it, I want multiple URLs to open in a new tab/window. I guess it's a javascript solution, yea? After searching the net for 30 mins I can't find anything. Thx in adv Hey, well i know alot of people put myspace questions here, and not to be another one of those myspaces i have a question... my myspace url is myspace.com/cherylishot haha dont ask. But on the bottom table i cannot get my links to align left to right, not vertical and in that scroll box. Any help would be appreciated thanks alot! Hello, On the website I'm currently building, I've got several places where I intend to use the <a name> tag to refer to different places around the page. However, when I link to that point, rather than having the page load with that point at the top of the page, I would like it to be positioned a specified amount further down the page. I'm racking my brains and coming up stumped - is there anyone who can think of a way that might be achieved? Hello, I'm using this tutorial on creating an ipod-esque "cover flow" photo album for a presentation I'm putting together: http://www.elated.com/articles/cover...ss-and-jquery/ What I'm trying to figure out is how do I make each image a clickable link that will open a url in a new window. I know the code is Code: <a href="URL" target="_blank"</a> but I have no idea where to begin and end the tags. I either need it where I can click on each picture, or the text under each picture so that each one has a separate URL that opens in a new window. thanks *please bear with me this is a simple problem which is sort of hard to explain* I run a very small (15 page) website for myself. The site consists of an image_list page, which is an index of 13 thumbnail images. Each thumbnail links to a single page, each page being a larger image of the respective thumbnail. These 13 individual pages are directed at the same base target window, _ximage. you can find the image_list window he http://www.winslowsmith.com/work/index.html click on any one of these thumbnail links and a new window (_ximage) will open. navigate back to the image_list and click another link, the _ximage window will reload with the new page. Pretty simple, right?, just a <base target=""> command. In safari this all looks swell, and the _ximage window, whether open or not, will always come to the foreground to load. Not the case in Firefox. My problem in Firefox is as follows: opening one of the given links in image_list will load a new window (or tab), with _ximage target, and the first time, that new window/tab with _ximage target will come to focus and be in the foreground. However, if the viewer leaves the _ximage window open, and navigates back to the image_list window and clicks another link, that link will load appropriately but the _ximage window will remain in the background. (and it works the same whether you are using windows or tabs to load your new pages). This is frustrating because it forces the viewer to click twice rather than just once to get to one of these 13 pages, and said pages are the reason people would traffic to the site. Is there any way to have the links to base (_ximage) target always load in the foreground in Firefox(even when the target window _ximage is open)? Is there code to tell the Firefox browser, hey this is an important window load it in the foreground? Is there a way to do it with anchors? any help is appreciated I have a pdf file that is the catalog for my business. Is there a way to make it so that i can create a link that says "view" and if people click on it, then the standard "FILE DOWNLOAD" box does not come up... and it just opens the file in a separate window.... and have a "download" link where if they click that... then it just downloads the file. I know that i am weird... but i think it would be something that not everybody has... and something that would be kinda cool. Thanks in advance.... Mark Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Hi, i'm trying to design a page with tabs and i got it, but the problem is, i have menu on the top of the tabs and when the drop down menu comes it is been getting overlapped with the tabs. and how do i attache my html file in here. please any one help me. This might not be html at all, but how do you get the little icon on the page tabs on people's browsers (like the lightbulb on this page) ? Can't find the info anywhere. Thanks. Hi There all, I have been looking around for tabs on the search engines. unfortunately all I can find is tabs with tabs . Below is 3 examples that I made with photoshop to give you an idea of what I am looking for. A tab type format without the tabs. The selector looks like a normal text type link line on top and on bottom but when the selected text is clicked it displays the content of the selected below/above (within the div box I think) it. I know that possibly <div>'s are involved but I have been struggling to figure out how to do this without the tabs that I see on the internet, and failed to design it so it looks like the images below. Can someone help me figure this out? Can this be done with just css or do I also need javascript as well?. As always, Thank you in Advance Hi I created two tabs form, my code is just on one page, my goal is to divide my page into two tabs, I created it using ASP web and it works just fine, my problem is when I change it to HTML. when I change everything to HTML and run it on I.E, everything appears on One Page not on two tabs as intended. Here is my code below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><link rel="shortcut icon" href="image/save.jpg" type="image/jpg" /><title> Home Page </title><link href="Styles/Site.css" rel="stylesheet" type="text/css" /> <title>EasyTabs Demo</title> <script src="../vendor/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="../vendor/jquery.hashchange.min.js" type="text/javascript"></script> <script src="../lib/jquery.easytabs.min.js" type="text/javascript"></script> <script type="text/javascript" src="thismust.js"></script> </script> </head> <body> <!--<form> --> <div id="tab-container" class='tab-container'> <ul class='etabs' style=""> <li class='tab'><a href="#CDD_page1">Page 1 of 2 Pages</a></li> <li class='tab'><a href="#CDD_page2">Page 2 of 2 Pages</a></li> </ul> <div class='panel-container'> <form name="form" method="post" action=""> <div id="CDD_page1"> <code> <fieldset><legend>DESCRIPTION OF CHANGE</legend> <table> <tr title="Brief Description of Change"><td class="style17"> Description of your Change Request <img src="req.gif" alt="Required" /> &nbs p; &n bsp; </td><!--<span title="Brief Description of Change">--> <td> <input name="BriefDescriptionofChange" type="text" id="MainContent_TextBox1" style="width:168px;" /> </td><!--</span>--></tr> <tr title="Change Reference Number And The Change Type"> <td class="style17"> Change Number <img src="req.gif" alt="Required" /> </td><!--<span title="Change Reference Number And The Change Type">--> <td class="style3"> <input name="ChangeNumberType" type="text" id="MainContent_TextBox3" value="" style="width:95px;" /> <select name="ChangeType" id="MainContent_DropDownList1" onchange="showEntry(this,this.value, 'Flare2')"> <option value="">-Select-</option> <option value="Flare">Flare</option> <option value="SR">SR</option> <option value="PAF">PAF</option> <option value="CR">CR</option> </select></td><!--</span>--></tr> <tr id="Flare" style="display: none;"> <td class="style17"> Hyperlink to Flare <img src="req.gif" alt="Required"/></td><td><input name="HyperlinktoFlare" type="text" id="MainContent_TextBox2" value="" style="width:168px;" /></td> </tr> <tr id="Flare2" style="display: none;"> <!--<span id="Flare2" style="display: none;">--> <td class="style17"> Flare Priority <img src="req.gif" alt="Required"/></td><td> <select name="FlarePriority" id="MainContent_DropDownList2" onchange="changePriority(this.selectedIndex)" style="width:168px;"> <option value="">-Select-</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> <!--</span>--></tr><!--</span>--> <tr title="Dependency"> <td class="style17"> Dependency<img src="req.gif" alt="Required"/></td><td> <input name="Dependency" type="text" id="MainContent_TextBox4" value="" style="width:168px;" /> </td></tr> <tr title="Developer"> <td class="style17"> Developer <img src="req.gif" alt="Required" /> </td><!--<span title="Developer">--> <td> <input name="Developer" class="reqtext" type="text" id="Developer" value= "" style="width:168px;" /> </td><!--</span>--></tr> <tr title="Dependency"> <td class="style17"> Unit Tester <img src="req.gif" alt="Required" /> </td><!--span title="Dependency">--> <td> <input name="UnitTester" class="reqUnit" type="text" id="MainContent_TextBox6" value= "" style="width:168px;" /> </td><!--</span>--></tr> <tr title="Developer"> <td class="style17"> Project Manager <img src="req.gif" alt="Required" /> </td><!--<span title="Developer"> --> <td> <input name="ProjectManager" type="text" id="MainContent_TextBox7" value= "" style="width:168px;" /> </td><!--</span>--></tr> </div> <div id="CDD_page2"> <code> <fieldset><legend>TEST STATUS AND REQUIREMENT</legend> <table class="style6"> <tr title="Is the COMPILED CODE and SOURCE CODE correct?"> <td class="style9"> SIT Test Status <img src="req.gif" alt="Required"/> </td> <td class="style10"> <select name="SITStatus" id="DropDownSIT" onchange="showSITtxtField(this,this.value)" style="width:168px;"> <option value="">-Select-</option> <option value="Not Applicable">Not Applicable</option> <option value="In Progress">In Progress</option> <option value="On Hold">On Hold</option> <option value="Signed Off">Signed Off</option> </select> </td> </tr > <!-- <span id="SITN/A" style="display: none;">--> <tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="SITN/A" style="display: none;"> <td class="style11"> What testing was done? <img src="req.gif" alt="Required"/></td> <td class="style4"> <input name="testingDone" id="Text13" type="text" value= "" style="width:168px;"/></td> </tr> <!-- </span> --> <span id="UAT" style="display: inline;"> <tr title="Is the COMPILED CODE and SOURCE CODE correct?"> <td class="style11"> UAT Test Status <img src="req.gif" alt="Required"/></td> <td class="style4"> <select name="UATTest" id="DropDownUAT" onchange="showUATtxtField(this,this.value)" style="width:168px;"> <option value="">-Select-</option> <option value="Not Applicable">Not Applicable</option> <option value="In Progress">In Progress</option> <option value="On Hold">On Hold</option> <option value="Signed Off">Signed Off</option> </select></td> </tr> </span> <tr > <td><a class="menuitem" href="#CDD_page1">Back</a></td><td><a class="menuitem" href="CDD_page1.aspx">Cancel</a> </td><td><input type="button" value="Submit" onclick="mySubmit();"/></td> </tr> </table> </code> </div> </form> </div> </div> </div> </div> </body> </html> Ok here is my dilemma, I have these tabs which are made in javascript and they are used for the user to navigate pages. See the code. However what I want is in one tab area or lets call it tab 1, I want an anchor link that takes us to tab 2 which is in tab 1. So someone could click on a link in page 1 or tab 1 and it will take them to tab 2. To get a better understanding of what I am talking about I have put the code here for you guys to check out: HTML Code: <!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Simple Tabber Example</title>
<script type="text/javascript" src="../tabber/tabber.js"></script>
<link rel="stylesheet" href="../tabber/example.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="../tabber/example-print.css" TYPE="text/css" MEDIA="print">
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<style type="text/css">
<!--
.header { FONT-WEIGHT: bolder; FONT-SIZE: 20px; COLOR: #ff6603; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smsubheader { FONT-WEIGHT: bolder; FONT-SIZE: 13px; COLOR: #ff6603; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subheader { FONT-WEIGHT: bolder; FONT-SIZE: 16px; COLOR: #ff6603; LINE-HEIGHT: 22px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.style48 {FONT-WEIGHT: bolder; FONT-SIZE: 20px; COLOR: #FF9933; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.style50 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style54 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style56 {color: #000000}
.style58 {color: #333333}
.style65 {FONT-SIZE: 20px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold;}
.style69 {FONT-WEIGHT: bolder; FONT-SIZE: 13px; COLOR: #FF9933; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.style70 {color: #FF9933}
.style71 {
COLOR: #FF9933;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}
.style73 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.style74 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style75 {FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px;}
.style76 {font-size: 14px}
.style77 {
color: #666666;
font-size: 18px;
}
.style80 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
}
-->
</style>
</head>
<body>
<h1>Tabber Example</h1>
<p>← <a href="http://www.barelyfitz.com/projects/tabber/">Tabber Home</a></p>
<div class="tabber">
<div class="tabbertab">
<h2>Tab 1</h2>
<p><a href="#lala">make me</a></p>
</div>
<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>
<div class="tabbertab"> <a name="lala"></a>
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>
</body>
</html>
Is there anyway to make a tab system like that and have links within tab one which take you to areas in tab 2? thanks. Hi, I am designing a website and i am trying to achieve the following text1 _________text2 ________________text3 only where the ____ are just white spaces is there any way of doing this without resorting to  's? CSS? Thanks Gary |
|||||||