I'm working with CSS and PHP. My navigation consists of transparent PNGs (and I've tried other formats as a test). The links work in IE, but not in Firefox (or sometimes only a small part of the image is clickable). I've never come across this before - anyone else had similar issues or ideas for a solution?
CODE
CSS:
#nav {
float: left;
position: relative;
width: 250px;
text-align: left;
margin-left: 25px;
padding-right: 25px;
margin-top: 20px;
}
img.navtext {
border-width: 0;
padding-bottom: -3em;
}
img.nav2 {
padding-bottom: -3em;
text-indent: 15px;
}
/* Hack for IE5* which misinterprets the width */
* #nav {
width: 100%;
w\idth: auto;
}
/* end hack */
PHP:
<div id="nav">
<p><a href="http://www.gotchacoveredlinens.ca/index.php"><img src="images/home.png" border="0" class="navtext"></a></p>
<p><a href="http://www.gotchacoveredlinens.ca/about.php" ><img src="images/about.png" alt="about" border="0" class="navtext"></a></p>
<p><a href="http://www.gotchacoveredlinens.ca/products.php"><img src="images/products.png" alt="products" border="0" class="navtext"></a> </p>
<p><a href="http://www.gotchacoveredlinens.ca/sashes.php"><img src="images/sashes.png" alt="sashes" border="0" class="nav2"></a></p>
<p><a href="chaircovers.php"><img src="images/chaircovers.png" alt="chair covers" border="0" class="nav2"></a></p>
<p><a href="overlays.php"><img src="images/overlays.png" alt="overlays" border="0" class="nav2"></a></p>
<p><a href="runners.php"><img src="images/runners.png" alt="runners" border="0" class="nav2"></a></p>
<p><a href="order.php"><img src="images/order.png" alt="order" border="0" class="navtext"></a></p>
<p><a href="gallery.php"><img src="images/gallery.png" alt="gallery" border="0" class="navtext"></a></p>
</div>
Forum Index:
Programming Help |
C and C++ |
VB6 |
Java |
VB.NET |
C# |
ASP.NET |
PHP |
ColdFusion |
Perl and Python |
Ruby |
Databases |
Other Languages |
Game Programming |
Mobile Development |
Software Development |
Computer Science |
Industry News |
Programming Tutorials |
C++ Tutorials |
Visual Basic Tutorials |
Java Tutorials |
VB.NET Tutorials |
C# Tutorials |
Linux Tutorials |
PHP Tutorials |
ColdFusion Tutorials |
Windows Tutorials |
HTML/JavaScript Tutorials |
CSS Tutorials |
Flash Tutorials |
Web Promotion Tutorials |
Graphic Design & Photoshop Tutorials |
Software Development Tutorials |
Database Tutorials |
Other Language Tutorials |
ASP.NET Tutorials |
Game Programming Tutorials |
WPF & Silverlight Tutorials |
4 Jun, 2009 - 04:28 PM
| 
