Image height not working in firefox
Hey guys for some reason the image height isn't get adjusted in firefox and my img.js isn't working on any browser...
Working link is here to see....PHP 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">
<head>
<title>1013MM: Photography by John Zhang</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="1013MM: A photography portfolio by John Zhang, a freelance photographer currently available for projects in the Los Angeles area." />
<meta name="keywords" content="photography, portfolio, cameras, photo, dslr, nikon, freelance, los angeles, socal, southern california, la, john zhang, portrait, events" />
<meta name="robots" content="all,index,follow" />
<link rel="shortcut icon" href="images/favicon.ico">
<style>
html {
padding:;
}
body {
background:#000000 url('images/load.gif') no-repeat center center;
*** padding:0;
*** margin:0;
}
img {
border:0;
}
#container {
padding-top:-4px;
padding-left:-7px;
margin-top:-4px;
margin-left:-7px;
}
#container img {
margin-top:-4px;
}
a:active, a:focus {
outline: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="css/highslide.css" />
<script type="text/javascript" src="js/highslide.php"></script>
<script type="text/javascript" src="js/img.php"></script>
<script type="text/javascript">
hs.graphicsDir = 'graphics/';
hs.outlineType = 'rounded-black';
hs.outlineWhileAnimating = true;
</script>
</head>
<body>
<div id="container" width="100%">
<div width="100%">
<a href="info.php" class='highslide' onclick='return hs.expand(this)'><img src="images/logo.png" height='6%'/></a>
<?php
$dirname = "./thumb";
$images = scandir($dirname);
$ignore = Array(".", "..", "error_log");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<a href='./full/$curimg' class='highslide' onclick='return hs.expand(this)'><img src='./thumb/$curimg' height='6%' /></a>";
};
} *
?>
</div>
<div width="100%">
<a href="info.php" class='highslide' onclick='return hs.expand(this)'><img src="images/logo.png" height="6%"/></a>
<?php
$dirname = "./thumb";
$images = scandir($dirname);
$ignore = Array(".", "..", "error_log");
foreach($images as $curimg){
if(!in_array($curimg, $ignore)) {
echo "<a href='./full/$curimg' class='highslide' onclick='return hs.expand(this)'><img src='./thumb/$curimg' height='6%' /></a>";
};
} *
?>
</div>
</div>
</body>
</html>
And i know i could just resize all my image heights, but I want to have that size just in case and make them future proof... and fixed height will mess up on small browser resolutions... The script that doesn't work is a fade in image script.
Thanks!
CSS Codes
Reply With Quote
Originally Posted by JShor
Bookmarks