|
HTML - Image Links In Table Not Working
Hi there,
I have a problem with two pages on my website; the right-nav images are not working (in IE7). I have checked the links in the code and they are set up correctly, however the links seem inactive once tested. They do work fine in Firefox. The links are nested in a table, that is inside another (main) table, and they are not set as background images for the cell. Please see http://www.centralbancmtg.com/test/contact.html to see what I am talking about. The links that do not work are the "Mortgage Brokers - Click Here", "Today's HOT Programs" and "Employee Login" located on the right column. The follwoing link has the same problem: "Todays' HOT Programs" (first 2/3rds of the image are not "clickable") on: http://www.centralbancmtg.com/test/brokers.html I am not an expert and need help immediately. I'm sure it's an easy fix but if you have a solution please let me know ASAP! Thank you! Similar TutorialsI have been having a problem with the site I am trying to build. The links won't work when the text I have in the content goes past it. Here is a link to the site as an example. http://nate.augspot.com/news.php Ok, this is weird... On my links page (yeah, there's not much there yet) none of the links work. The sidebar works fine, but nothing else is clickable, and I'm not sure why. (Ok, that's a lie - I have no clue why!) If it matters I'm using Dreamweaver 8. I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw. UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine. code: <div style="position: relative; top: 0; left: 0; width: 634px;"> <div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div> <div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div> <div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div> <div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div> <div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div> </div> Hi - Any help would be appreciated I have uploaded an MP3 (Legal as i created this myself) to my website and want to give people the ability to download it. I tried the code: <A HREF="mymp3.com">Download </a> When i tried the link it just started plaing the MP3 using quicktime. I dont want them to stream it, i want when people click on it, a download box appears. Any ideas on what i an doing wrong. The mp3 is in the same directory as the html page the link is on. I have been sent a flash file to use on my website as an ad. I have successfully inserted it as a html into my website, and it is all working fine apart from one thing. The link is not working. I have followed all the tutorials correctly, and when you hover over it, it displays the link in the pane at the bottom of Internet Explorer. The problem is that I can't edit the flash file, and it did not come with any hyperlink added to the swf. Is there a way I can make this work so that it goes to the link when clicked on? This is my html code so far: <a href="http://www.rspb.org.uk" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1"> <param name="movie" value="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " /><embed src="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " width="468" height="60" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object> </a> I am very very new to all things related to programming/coding, etc. I am working on a project, and cannot get my buttons to link to additional pages on a website. I wanted the buttons to not be so standard looking, and am using css styles for them. Here is my code and also the css code for the buttons. Am I needing JavaScript to get this to work? If so, what do I need? Thank you so much. HTML code: <?php echo '<xml version = "1.0" encoding = "IUTF-8"?>';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmlll/DTD/xhtmll-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> 5 STAR MMA: For the Pursuit of Excellence </title> <link rel = "stylesheet" type = "text/css" href = "5star.css" /> </head> <center> <body background = "bluesmoke.jpg" > <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <center> <form method = "post" form action = "http://localhost/5star/5starnew.php"/> <input class = "button" input type = "submit" value = "Home"/> <form method = "post" form action = "http://localhost/5star/newgym.php"/> <input class = "button" input type = "submit" value = "New Gym"/> <form method = "post" form action = "http://localhost/5star/classes.php"/> <input class = "button" input type = "submit" value = "Classes"/> <form method = "post" form action = "http://localhost/5star/fighters.php"/> <input class = "button" input type = "submit" value = "Fighters"/> <form method = "post" form action = "http://localhost/5star/coachhill.php"/> <input class = "button" input type = "submit" value = "Coach Hill"/> </form> </br> </body> </center> </html> CSS: input{color:#A9A9A9;font-family: Arial, sans-serif;font-size:21px;padding:10px 30px;border:0px black none;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px;} .button{ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,0,0)),color-stop(1, rgb(66,125,150))); background-image:-moz-linear-gradient(center bottom,rgb(0,0,0) 0%,rgb(66,128,150) 100%); background-color:#000; } input:hover{color:#FF0000;} I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NE Goaltending HQ</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #CA0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
color: #F00;
text-decoration: none;
}
a:visited {
color: #F00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #06F;
}
a:active {
text-decoration: none;
color: #039;
display: none;
line-height: normal;
}
.header {
font-size: 18px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a {
font-size: 16px;
}
-->
</style>
</head>
<body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244">
<tr>
<td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60">
<tr>
<td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td>
<td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td>
<td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span>
<?php
if (isset($_COOKIE["login"]))
{
echo "Welcome " . $_COOKIE["login"] . "<br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a> <a href="/pages/account.php">Account</a></strong></font></b></td>';
}
else
{echo "Welcome guest! <br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a> <a href="/pages/register.php">Register</a></strong></font></b></td>';
}
?>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="14">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a>
<ul>
<li><a href="/index.php">Home Page</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Level</a>
<ul>
<li><a href="/pages/coming_soon.php">Youth</a></li>
<li><a href="/pages/coming_soon.php">High School</a></li>
<li><a href="/pages/coming_soon.php">Juniors</a></li>
<li><a href="/pages/coming_soon.php">Prep</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">State</a>
<ul>
<li><a href="/pages/coming_soon.php">MA</a></li>
<li><a href="/pages/coming_soon.php">NH</a></li>
<li><a href="/pages/coming_soon.php">ME</a></li>
<li><a href="/pages/coming_soon.php">VT</a></li>
<li><a href="/pages/coming_soon.php">CT</a></li>
<li><a href="/pages/coming_soon.php">RI</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="/pages/coming_soon.php">Playing Tips</a></li>
<li><a href="/pages/coming_soon.php">Goalie Gear</a></li>
<li><a href="/pages/coming_soon.php">Development</a></li>
<li><a href="/pages/jokes.php">Goalie Jokes</a></li>
<li><a href="/pages/coming_soon.php">Goalie Misc.</a></li>
<li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Member</a>
<ul>
<li><a href="/pages/register.php">Register for free</a></li>
<li><a href="/pages/login.php">Login</a></li>
<li><a href="/pages/coming_soon.php">Game Charts</a></li>
<li><a href="/pages/coming_soon.php">Resume Builder</a></li>
<li><a href="/pages/coming_soon.php">Browse Profiles</a></li>
<li><a href="/pages/coming_soon.php">Administrator</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a>
<ul>
<li><a href="/pages/coming_soon.php">Featured Goalies</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li>
<li><a href="/pages/coming_soon.php">Contact Page</a></li>
</ul>
</li>
</ul>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium">
<div align="center">
<p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p>
<p> </p>
</div>
<table width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td>
</tr>
</table>
<p> </p>
<table align='center' width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td>
</tr>
</table>
<p> </p></td>
...too long to put entire source (see webpage for entire source)
</html>
Hey guys, I have a page here I'm testing out HTML dropdown links on: http://www.bluemasklover.co.uk/diary22.html and for some reason all 4 "site" buttons work in Firefox but not in IE. Could someone please tell me what I have to do to get them to work in both? Thanks BML. I'm coding a website for another design firm, and I'm having a problem I've never run into before. I have a rollover image script on every image that's linked to another page. The link in the "contact" div works perfectly in FF and IE. However, the link and the rollover in the "navigation" div works in IE but NOT FF. The code for the image and rollover is exactly the same. To test this, I even pasted the contents of the contact div into the navigation div exactly, but no cigar. Both of these divs are in a main div, and the only variable between the two is the elements of the divs in the stylesheet. I feel like a total idiot that this isn't working- it seems like such a stupid little thing to not work, and I'm absolutely baffled. Any help or advice that you could throw my way would be greatly appreciated. Hi All, I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert. I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me. Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF. <DIV id="idser" class="InnerBox" style="position: absolute; top: 80; left: 400; height: 68; width: 130"> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> <IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0"> </A> <br> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> Serial # Search </A> </DIV> <DIV id="idhist" class="InnerBox" style="position: absolute; top: 80; left: 530; height: 68; width: 130"> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> <IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0"> </A> <br> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> View History </A> </DIV> Both lots of code above work in IE, the first DIV with link does not work in FF. I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF. I have spend hours on this now. Any/All thoughts/advice will be gratefully accepted. I developed a simple site which links correctly in Firefox but doesn't work in IE7 on Win/XP. Applicable HTML: http://pastebin.com/m73e60063 Applicable CSS: http://pastebin.com/m5d904712 In Firefox: In IE 7: Suggestions or ideas? I have not yet tried the site in IE 6. Thank you. I have an html page and right above this page i placed an flash file by putting a layer above this file...now the problem is b/w IE and mozilla firefox. When i see my page in IE the links are working properly but in firefox links are not working properly becauz of flash file behind html page.....so can u plz help me out with this. Thanks in advance. I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3 I will be brief in hoping that the issue does not require a thesis to properly fix. I'm dealing with tables within tables..within tables. In one instance, I have a 2x1 (row by column) table inside another table. So, we'll call the inside table "B" and the outside table "A". Table B is centered inside a column in Table A. I'm trying to maximize the space, but nearly nothing works. Setting Table B height=100% does nothing. The only thing that works is setting the height=N px, where N is a number. This is no good, as I want to the site to work on all resolutions. I want it to be proportional. How can I fix this? Here's what I'm dealing with, visually: Any help would be welcome. Thanks. Hey guys, Okay so here is what I am trying to do. I am populating a table with some info from a database. The data should look something like this. Recipe Name - Prep Time - Total Time- Rating ============================ test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 test data here 12 mins 15 mins 4.5 The names of the recipe is what I want to create as links so that when the user clicks on a certain RECIPE NAME another page will open showing only the data that goes with that recipe he/she clicked on. So far I have not gotten my code to work correctly, i dunno if i am missing something or doing it all wrong? I am using a while loop to generate all the recipes form the database. Again, i want the names of the recipes to be the links. Please help me!!!! Thanks for your time and help Here is my code: <? while( $row = mysql_fetch_array( $result ) ) { ?> <tr> <a href="ShowRecipe.php?id=<?=$row['id']?>"></a> <td><?=$row['name']?></td> <td><?=$row['preptime']?> mins</td> <td><?=$row['totaltime']?> mins</td> <td><?=$row['rating']?></td> </tr> <? } ?> I am making a simple table with multiple links in each of the cells. The only problem is when I try to put 2 links in the same cell it turns out like this: Link Link, side by side. Is there a way to make them be a list (up and down) like this: Link Link Thanks in advance. So I made an images and I want to be able to link the image to a target Is there a way we can link the images to different targets without cutting the picture u? heres an example I have an large image with 10 different girls.. Is it possible to click each individual with a different target? Matt I have this image of 5 boxes that all should lead to a differnt link. How to I put in five different links in the specific spots? Hello, I'm just starting out with html and I am taking a course. I got this assignement to create a website that will include 9 questions, for each right answer one part of a picture(that I have sliced into 9 parts already)will appear. I was thinking something like this, it's a bit rough but you get the idea: If you get the first answer right, the first part of the 9 parts should appear, if wrong nothing would happen. The true or false text should be some kind of hyperlink. I'm really clueless of how to solve this task and I would appreciate some help, I am working in Dreamweaver CS5 for the record. Thanks. Hello, im new to html. I am making a basic website and have used some images to link to my other pages. However the links do work but everytime i use them the new page opens in a new window. I have clicked the normal non-image links and they open in the same window. I would link the image links to open in the same window but i am unsure how i would do this. The code which i have used for my images is the following: <a href="http://E:\Website\ContactUs.html" target="_blank"> <img src="E:\Website\Contactusbutton.PNG"height="66" border="2"/></a> Hope someone can help, Thanks. |
|||||||