HTML - Links Are Not Working Properly

Hello to all, I am new to the forum and I hope some of you experts can give me some advice.

I use firefox and my website looks exactly how i want to in it, however I just noticed that in IE it seems as though my little spacer images arent working properly, is there any quick/easy fix for this? Im not exactly a "pro" so the easiest work around would be awesome, however i do have to get this fixed one way or another so any help is greatly appreciated.

Here is the link for the site:
http://infinityreinforcing.com/photos.html

the projects line up perfectly in FF, but in IE it is a big ol mess, thanks in advance.

I'm trying to design a website for my self and I have a problem. My default browser is Safari so I didn't notice the problem till now. I designed the site layout in photoshop and the site in dreamweaver and it works fine in IE and Safari but in Firefox the site layout gets split at the top of the page and you can see the background in a line.

Now the layout has two CSS styles for content in the middle and sidebar on the left both have background color that matches the design #333 and #646464. These are noticeable in the split.

The site is sv-photography.net

Any one got any ideas on how to fix this?

SebastjanV

Myself and my co-worker have been staring and digging at this for a week. If anyone has any ideas, I would appreciate any feedback.

http://rwshome.com/mega/index.html

You will see in every browser the top nav and right side nav CSS image rollovers function just LOVELY. Butttttt...in IE6, they do not work at all.

I have combed the code about 50 times. I cannot figure out why it isn't working. We are at our witts end on this issue, so I figured I would register and see if anyone here could shed some light.

On an even better note, we have this same CSS rollover code on about 60 other webites and it works fine in IE6. Weeeeeeeee! Sometimes, a pair of fresh eyes just helps and it's something simple. I hope that is the case.

Thanks
Pete

Hi all,

I've created a simple login with some free code i found online.
I wanted to change the login button to an image, just for aesthetics, but no matter what i try, it wouldnt work - the form does make sure i'm entering the right user & password, but once i do enter them, i get the same page with an empty form.
(if i try the original type="button" code, it works just fine)

I've been googling it for hours, with no results... i've tried anything and everything.
ANY help would do :-)

this is the code:
<script language="javascript">
<!--//
function pasuser(form)
{if (form.id.value=="1")
{if (form.pass.value=="1")
{location="MainPage.htm"}
else
{alert("Invalid Password")}}
else
{alert("Invalid UserID")}}
//-->
</script>


these are the buttons:
WORKING BUTTON:
<input type="button" value="Login" onClick="pasuser(this.form)">

NOT WORKING BUTTON:
<input type="image" value="Login" onClick="pasuser(this.form)" src="Materials/Login.png" alt="Login" />

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 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

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 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 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>&nbsp;<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>&nbsp;<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>&nbsp;</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>&nbsp;</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>&nbsp;</p></td>

...too long to put entire source (see webpage for entire source)

</html>

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 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 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'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.

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 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.