|
HTML - Href Works In Ie8, Chrome Ect Not
Hi,
I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
_____________________________________________________
CSS:
_________________________________________________
a, a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:hover { font-size: 24px }
#navigation ul {
padding: 24px 0px;
}
#navigation ul li {
margin: 0;
list-style-type: none;
}
#navigation {
font-size: 20px;
font-weight: bold;
float: left;
text-align: center;
width: 199px;
}
#navigation .center {
background: url('images/navi-backgr.png') repeat-y top left;
}
____________________________________________________________
xHTML:
____________________________________________
<div id="navigation">
<div class="center">
<ul>
<li style="color: #feffd8; font-size: 5">Thispage</li>
<li> <a href="another.html">Anotherpage</a></li>
<li> <a href="third.html">Thirdpage</a></li>
<li> <a href="fourth.html">Fourthpage</a></li>
<li> <a href="last.html">Lastpage</a></li>
</ul>
</div>
</div> <!-- /navigation -->
____________________ tnx, Lug. Similar TutorialsWhat's wrong? When you look at the main page, everything looks fine in all browsers. But when you go to one of the pages where the main page is longer than the menu, like this page, the menu gets "stretched" in IE... But not in FF or Chrome. I've searched and searched in my HTML codes, and tried all I can think of, but nothing solves the problem. I just can't find the error. I hope someone can look at the HTML codes and help me The following webpage uses an a href to turn the chunk of java code into a link to the bottom of the page, while this works in Safari it doesn ot in FireFox v2/3 (I have not got IE, can somebody confirm). How can I make the java applet link work under FF? http://lovelago.googlepages.com/java_button_2.html Code: <!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" lang="en"><head><!-- charset must remain utf-8 to be handled properly by Processing -->
<meta http-equiv="content-type" content="text/html; charset=utf-8"><title>java_button_eg : Built with Processing</title>
<style type="text/css">
/* <![CDATA[ */
body {
margin: 60px 0px 0px 55px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
background-color: #ddddcc;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
a { color: #3399cc; }
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:active { color: #3399cc; text-decoration: underline; }
a:hover { color: #3399cc; text-decoration: underline; }
/* ]]> */
</style></head><body>
<a href="#Bottom"> <div id="content">
<div id="java_button_eg_container">
<!--[if !IE]> -->
<object classid="java:java_button_eg.class" type="application/x-java-applet" archive="java_button_eg.jar" standby="Loading Processing software..." height="100" width="100">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="outer">
<!--<![endif]-->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab" standby="Loading Processing software..." height="100" width="100">
<param name="code" value="java_button_eg">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="inner">
<p>
<strong>
This browser does not have a Java Plug-in.
<br>
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</div>
<p>
</p>
<p>
Source code: <a href="http://lovelago.googlepages.com/java_button_eg.pde">java_button_eg</a>
</p>
<p>
Built with <a href="http://processing.org/" title="Processing.org">Processing</a>
</p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="Bottom">Bottom</a>
</body></html>
My site here is working in FF v3.5.9 but when I just recently loaded it in Safari and Chrome the page just doesn't work. I don't understand why because I developed it and tested it when using Safari and Chrome is built on Webkit too. http://www.meta.projectmio.com/sss.html It seems like a recent thing, but it still works in FireFox so I don't know what's going on? Any ideas? http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? Hello, I specified an if/else statement. Now, I would like to, in addition to "getting an element by Id", include an anchor (i.e., href="#span1"). below is what I have so far. where do I insert my reference to an anchor (i.e., href=...)? thanks! <SCRIPT language="JavaScript"> <!-- function getSet() { var r=Math.random(); if (r>0.5) {document.getElementById('set1').style.visibility='visible'; else {document.getElementById('set2').style.visibility='visible'; } //--> </SCRIPT> I'm trying to setup HREF (Hyperlinks) to go to UNC. The reason for this, is that I need to have users click a link on the page to install their printers, so any example of a UNC (that they could type into the run line) would be: \\PRINT-SERVER\PRINTER1 or \\Print-server\Printer2 But, when I type this in to my HREF statement, I get a permissions error when I try to click the link. However, if I copy that same link into the run line, it works. Can anyone help me here? Thanks very much in advance! Hi: I'm trying to understand the following <a href> puzzle: <a href="#;return false;" onclick="answer('q11');"> lotsa stuff in here </a> In the above brief fragment of an html page (with Javascript), Can anyone provide a 'word' explanation of the following 'phrase' taken from the above: href="#;return false;" (what is that # sign doing there anyway) btw, there is a javascript function in the header of the page that is (I guess) directly related to this 'phrase' -- but I don't understand the relationship. TIA, -Mel Smith I added this to my index file to create links Quote: <p> <a> href="mission.html">read about our mission</a> <br> <a> Read the <a> href="http://buzz.headfirstlabs.com">caffeine buzz</a> </p> but in the browser this is exactly what I am seeing: href="mission.html">read about our mission Read the href="http://buzz.headfirstlabs.com">caffeine buzz help? I am making a simple webpage with a menubar (pictures as navigation) and an iframe. I want the pictures in the navigation bar to open different external webpages in the iframe. Now the problem is that these three pictures (blog, works, contact) are linked with href to a javascript because of the image swap effect. (i.e href=javascript:staySet). How do I make them open pages in the iframe when they already have a href value? The page can be viewed he http://stereocilia.net/ This is what I have so far: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style type="text/css">
html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { display:block; width:100%; border:none; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {
display: block;
text-align: center;
}
body,td,th {
color: #000;
}
body {
background-image: url(http://www.stereocilia.net/background.jpg);
background-repeat: no-repeat;
background-color: #eeeeee;
}
</style>
<Script Language=JavaScript>
var prevClicked = "";
function staySet(curr){
tmpStr = curr.toString();
if (prevClicked != "")
{
document.getElementById(prevClicked).disabled = false;
document.getElementById(prevClicked).src = prevClicked+'1.png'
}
document.getElementById(tmpStr).disabled = true;
document.getElementById(tmpStr).src = tmpStr+'2.png';
prevClicked = tmpStr;
}
</Script>
</head>
<body bgcolor="#ffffff" leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">
<div align="center"><table border="0" bordercolor="" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr style="background-color:#121616">
<th scope="col"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="ina.png" fwstyle="Dreamweaver" fwdocid = "592585180" fwnested="0" -->
<tr>
<td><img src="ina_spacer.gif" width="214" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="5"></a></td>
<td><img src="spacer.gif" width="1" height="100" border="0" alt="" /></td>
</tr>
</table></th>
</tr>
</table>
</div></td>
</tr>
<tr>
<td><div align="center">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546">
<tr>
<td><img src="ina_blank.png"/></td>
<td><a href=javascript:staySet('A')><img src='A1.png' border="0px" id='A' onMouseover="SwapImage('A')" onMouseout="SwapImage('A')"></a> </td>
<td><a href=javascript:staySet('B')><img src='B1.png' border="0px" id='B' onMouseover="SwapImage('B')" onMouseout="SwapImage('B')"></a> </td>
<td><a href=javascript:staySet('C')><img src='C1.png' border="0px" id='C' onMouseover="SwapImage('C')" onMouseout="SwapImage('C')"></a> </td>
<td valign="top"><p style="margin:0px"></p></td>
<td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
</table>
</div></td>
</tr>
</table>
<iframe
name="iframe"
width="100%"
height="100%"
src="http://www.htmlforums.com/"
frameborder="0"
scrolling="yes" >
</iframe>
</iframe>
</div>
</body>
</html>
I have a link that handles being clicked with javascript. Currently I am doing the following: <a href="#" id="foo"> click me </a> And I handle the event of when foo is clicked in javascript. Ideally I would like it not to show the fake hyperlink when hovering over the link. Is there a better way to do what I am trying to accomplish? I want to keep the mouse icon changing when hovering over the link. Thanks, Mike Hello all I am having yet another (i know, i know...) issue with http://fishcaves.com , if you click the logo at the top left in safari it simply redirects you to the main page (fishcaves.com). However when I click the main logo in FF for some reason it pulls uphttp://fishcaves.com/fishcaves.com which obviously doesnt exist. I am confused because the href works like it is supposed to in safar but not FF. Not sure about IE. Any advice would be excellent, thanks. Drew Hi, new to list. I have a php page which has the results of a database query listed in 3 columns. One of the columns is a href with uses a name and code, opens up a form within an iframe and is supposed to use the list items in the form, however on one of them it only uses part of it - eg. <a href=http://<servername>/production/job_load.php/?code=$row[5]&job_name=$row[4] target=\"rpt_frame\">$row[4]<a> If $row[4] is "BOB and Fred" for example, it will only use "Bob" and ignore everything after the first space. It's an issue in several applications and I've had to work around it but I really need it this time. Everything else works fine. Any suggestions anyone? ok so i'm using a CMS and I have a page created a header, a left column, and a body I'm trying to have links in the left column display information in the body when clicked however since its a CMS the body doesn't have an actual html page? i've tried <a href="xxxxx.html" target="body">xxxxx</a> However it doesn't work I'm not sure how i'm supposed to be able to link to the body...is there a way that I can label the body? http://www.rrexecutivesuites.com/design_plans.htm This above link takes you to the website I'm working on. It also takes you to the page I'm having trouble with. You've got a list of thumbs in an iframe on the righthand side and an enlarged view of the thumb on the lefthand side. You click on one of the thumbs and its enlarged view appears on the lefthand side. There's something annoying about the thumbs though. When you click on one, it scrolls back up to the top. I'd prefer that nothing happens except that the enlarged view changes to match the thumb the user clicks on. Right now, I have href="#" in the a tag for each thumb, and this seems to bring it back to the top (its real functionality is specified in the onclick="..." attribute). I'd like to have nothing at all, but when I don't include a value for href, it ceases to be a link. Is there some value to assign to href that maintains it as a link yet keeps it from doing anything (except for changing the enlarged view) - something like a null value? Hi, i have a problem with a intranet page that i am editing. I created it using quanta plus on my laptop testing with Firefox and it worked fine. I then moved the file to my network drive at my work place and tested with IE and again this worked fine. I then moved the file to the intranet webserver and this is when things started to go wrong. When i click on the the link to open the excel file for some reason IE adds the webserver to the path. eg when i hover over the link, the text at the bottom of the screen reads //webserver/file:R:/shares/file.xls. Of course this path is incorrect so the window fails to open. Has anyone come across this problem before and know how to fix this? See below for example code. Any help/advice greatly appreciated. Rgds Barry <a href="file:R:/shares/file.xls" target=_BLANK><big>Click Here<big></a> Total beginner here so please treate me gently... I have just written my 1st bit of html, using frameset and tables. All has worked ok, nothing grand, just 3 frames. Frame19(name="banner") is like an address banner, frame2("nav") is a navigation bar using a table and frame3("main") being like a main page which changes dependent on the navigation bar cell chosen. I've used href to navigate with which is working fine when only one action is required but I can't seem to get two actions to work, ie selecting in the navigation frame changes the other two frames. Have tried several variations of multiple href's but never get anywhere, expect it's syntax but stuck now. Ideally I want to select within the nav frame which then updates the banner and main frames, is this possible? bit of nav.htm I'm using: <tr> <td><font color="#000000" face="Calibri" size="3"><a href="Smain.htm" target="main">Scouts </a></font> </td> </tr> Thanks for any help Hi there, I`ve been doing some programming in java and delphi, but now its time for me to try to learn some html/css, and later some php. Anyways, I`m making this test site, where the meny consists of 4 text elements, all containing a href: <a href="foto.html" target="myFrame" id="menu_items">foto</a>; I`m using an external .css file to controll the graphics of the site, and there I have edited the a:visited, hover, active... When I click on one of the menu items, the color changes, as when I hover too. But I would like the first element of my menu, home, to be active when the page loads. How can I do this? Hope you understand my question. Thanks in advance! EDIT: Ok, there has to be an easy answer to this one, so maybe I just didn't explain my problem good enough. =) When I enter the page for the first time (after writing the adress in the adressbar and clicking "GO"), the page loads, and shows the "home" section. My page contains the site-logo, menu, and an iframe which shows the pages (home, foto, contact, and so on) as html files included in the site. As a default, it loads with the home.html in the iframe, and therefor the text "home" in the menu wont change color to the active color, which I set in the external .css file. But when I click on either of the menu items now, after loading the page, it changes color and works fine. What I want, is to set the "home" text in the meny to the active color (or in the active state) when the page is loaded. Sorry for any bad english, doing my best. And again, thanks I am using the a-href tag on text and images for links to other pages. All is good and working. With text, if the text I link is coloured, with the h-ref tag, regardless of text colour, it becomes blue, and when clicked, purple. I know this is normal behaviour usually, however, I have a title which I would like to be clickable, but remain the colour it is. Is there an attribute I have missed? My history: I am an electrician who likes tinkering with code. I have done a fair amount of tinkering and creation of perl coding. HTML is fairly natural to me, but may not be xhtml current. Google is the god. Cheers all or anyone for any pointers, or links to tuition siteS! Hi, I have an html page with an image: <img src="aPic.bmp" width="300" height="340" alt="A Pic"></div></td> I've made it into a link by adding: <a href = "aPic.bmp"> What I would like is when the user clicks on the image it shows them a larger version of the same image. Is there an easy way to set the size of the image displayed when they click on the link similar to the width and height set for the initial bmp? Thanks in advance. okay i have an html page in 3 sub folders--i need to link the images to this file--they are in another folder: secureweb/forms/templates/thanks.html images are he web/images how would i link the images? .../web/images.image.gif? thanks!!! val |
|||||||