hi,
this page looks fine in IE, but it has some problem in firefox and safari
here is the url: /www.nurieh-mozaffari.com/paintinggallery.php
problems:
1)the nav has some extra character 'v' affter gallery, which i don't
know why here is the nav.inc code:
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="index.php">home</a></li>
<li><a href="#" rel="dropmenu1">about artist</a></li>
<li><a href="#" rel="dropmenu2">gallery</a></li>
<li><a href="contact.php">contact</a></li>
</ul>
</div>
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="bio.php">bio</a>
<a href="artiststatement.php">artist statement</a>
<a href="moreinfo.php">awards & exhibitions</a>
</div>
<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv">
<a href="paintinggallery.php">painting</a>
<a href="jewelrygallery.php">jewelry</a>
</div>
<script type="text/javascript">cssdropdown.startchrome("chromemenu")</script>
2)
the table is cut off after the 3rd row of pics.
here is the html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Nurieh Mozaffari</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />
<link href="nuriehcss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="chromejs/chrome.js"></script>
</head>
<body class="page">
<!-- main container -->
<div class="container">
<div class="header"><img src="images/header.png"></div>
<!-- menu bar -->
<?php include("nav.inc");?>
<!-- End menu bar -->
<!-- main content -->
<div class="content">
<div><table width="750" border="0">
<tr>
<td width="250" height="210" align="center"><a
href="pghtm/pgh1.php"><img
src="images/small%20painting%20gallery/a_Legends%20Of%20Light%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2040-90%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="182" height="81" border="0"></a></td>
<td width="250" height="210" align="center"><a
href="/pghtm/pgh2.php"><img
src="images/small%20painting%20gallery/b_Through_The_Window_Size_30-40_Medium.gif"
width="120" height="161" border="0"></a></td>
<td width="250" height="210" align="center"><a
href="/pghtm/pgh3.php"><img
src="images/small%20painting%20gallery/c_%20The%20Moment%20%20%20%20%20%20%20%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="161" height="161" border="0"></a></td>
</tr>
<tr>
<td align="center"><a href="/pghtm/pgh4.php"><img
src="images/small%20painting%20gallery/f_%20The%20Golden%20Sunset%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2040-90%20%20%20%20%20%20%20%20%20Medium.gif"
width="182" height="81" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh5.php"><img
src="images/small%20painting%20gallery/i_%20In%20Search%20For%20The%20Light%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2030-30%20%20%20%20%20%20%20%20%20Medium.gif"
width="160" height="160" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh6.php"><img
src="images/small%20painting%20gallery/d_%20A%20Desert%20Song%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium.gif"
width="159" height="161" border="0"></a></td>
</tr>
<tr>
<td height="185" align="center"><a
href="/pghtm/pgh7.php"><img
src="images/small%20painting%20gallery/g_%20A%20Sunny%20day%2060-40%20Medium%20Acrylic.gif"
width="156" height="116" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh8.php"><img
src="images/small%20painting%20gallery/h_%20Morning%20Light%20Size%209-12.gif"
width="157" height="116" border="0"></a></td>
<td align="center" valign="bottom"><a
href="/pghtm/pgh9.php"><img
src="images/small%20painting%20gallery/e_%20Through%20The%20Light%20%20%20%20%20%20%20%20%20%20%20%20Size%2030-48%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="158" height="97" border="0"></a><br><br><font
color="#FF0000">Sold</font></td>
</tr>
<tr>
<td height="200" align="center"><a
href="/pghtm/pgh10.php"><img
src="images/small%20painting%20gallery/j_%20Moving%20Toward%20The%20Light%20%20%20%20%20%20%20%20%20%20%20Size%2032-32%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="160" height="161" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh11.php"><img
src="images/small%20painting%20gallery/A_Memory_Size_%2018-24_%20Medium_A.gif"
width="117" height="159" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh12.php"><img
src="images/small%20painting%20gallery/l_%20Legend%20Of%20Turquoise%20Doors%20%20%20%20%20Size%2022-28%20%20%20%20%20%20%20%20%20Medium.gif"
width="165" height="129" border="0"></a></td>
</tr>
<tr>
<td height="232" align="center"><a
href="/pghtm/pgh13.php"><img
src="images/small%20painting%20gallery/m_Morning%20Fog%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2024-24%20%20%20%20%20%20%20%20%20Medium.gif"
width="162" height="161" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh14.php"><img
src="images/small%20painting%20gallery/o_Symphony%20Of%20White%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium.gif"
width="157" height="159" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh15.php"><img
src="images/small%20painting%20gallery/p_%20Day%20Dreaming%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium.gif"
width="162" height="161" border="0"></a></td>
</tr>
<tr>
<td height="220" align="center"><a
href="/pghtm/pgh16.php"><img
src="images/small%20painting%20gallery/Golden%20Sunset%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2012-16%20%20%20%20%20%20%20%20%20Medium.gif"
width="119" height="161" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh17.php"><img
src="images/small%20painting%20gallery/k_%20The%20Ruby%20Sunset%20%20%20%20%20%20%20Size%209-12%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="120" height="162" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh18.php"><img
src="images/small%20painting%20gallery/A_Shadow_%20Size_%2014-18_Medium_A.gif"
width="122" height="159" border="0"></a></td>
</tr>
<tr>
<td height="225" align="center"><a
href="/pghtm/pgh19.php"><img
src="images/small%20painting%20gallery/blue%20window%2024-24%20medium%20Acrylic.gif"
width="159" height="160" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh20.php"><img
src="images/small%20painting%20gallery/e_inescapable%205%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2022-28%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="124" height="160" border="0"></a></td>
<td align="center" valign="bottom"><a
href="/pghtm/pgh21.php"><img
src="images/small%20painting%20gallery/Golden%20Day%20Size%2024-24%20%20%20%20%20%20%20%20%20Medium%20A.gif"
width="159" height="160" border="0"></a><br>
<br><font color="#FF0000">Sold</font></td>
</tr>
<tr>
<td height="200" align="center"><a
href="/pghtm/pgh22.php"><img
src="images/small%20painting%20gallery/r_%20Golden%20Gate%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium.gif"
width="160" height="160" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh23.php"><img
src="images/small%20painting%20gallery/Inescapable%202%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2018-24%20%20%20%20%20%20%20%20%20Medium.gif"
width="120" height="161" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh24.php"><img
src="images/small%20painting%20gallery/Inescapeable%203%20%20%20%20%20Size%2036-36%20%20%20%20%20%20%20%20%20Medium.gif"
width="158" height="158" border="0"></a></td>
</tr>
<tr>
<td height="240" align="center"><a
href="/pghtm/pgh25.php"><img
src="images/small%20painting%20gallery/Lavendor%20Song%20%20%20%20%20Size%2020-24%20%20%20%20%20%20%20%20%20Medium.gif"
width="134" height="162" border="0"></a></td>
<td align="center" valign="bottom"><a
href="/pghtm/pgh26.php"><img
src="images/small%20painting%20gallery/Morning%20Song%20%20%20%20%20Size%2012-16%20%20%20%20%20%20%20%20%20Medium.gif"
width="123" height="161" border="0"></a><br>
<br><font color="#FF0000">Sold</font></td>
<td align="center"><a href="/pghtm/pgh27.php"><img
src="images/small%20painting%20gallery/Summer%20House%2014-18%20mediuam%20Acrylic.gif"
width="118" height="160" border="0"></a></td>
</tr>
<tr>
<td height="201" align="center"><a
href="/pghtm/pgh28.php"><img
src="images/small%20painting%20gallery/Sunday%20Morning%20%20%20%20Size%2011-14%20%20%20%20%20%20%20%20%20Medium.gif"
width="124" height="160" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh29.php"><img
src="images/small%20painting%20gallery/z%20still%20life%2022-28%20medium%20acrylic.gif"
width="149" height="116" border="0"></a></td>
<td align="center"><a href="/pghtm/pgh30.php"><img
src="images/small%20painting%20gallery/t_forbidden%20love%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Size%2028-44%20%20%20%20%20%20%20%20%20Medium.gif"
width="159" height="109" border="0"></a></td>
</tr>
<tr>
<td height="221" align="center" valign="bottom"><a
href="/pghtm/pgh31.php"><img
src="images/small%20painting%20gallery/v_beginning%20of%20the%20end%20%20%20%20%20%20%20%20%20Size%2014-28%20%20%20%20%20%20%20%20%20Medium%20Acr.gif"
width="78" height="160" border="0"></a><br>
<br><font color="#FF0000">Sold</font></td>
<td align="center"><a href="/pghtm/pgh32.php"><img
src="images/small%20painting%20gallery/u_liely%20%20%20%20%20%20%20%20Size%2022-28%20%20%20%20%20%20%20%20%20Medium%20Acrylic.gif"
width="112" height="158" border="0"></a></td>
<td> </td>
</tr>
</table>
</div>
<div class="footer">© nurieh-mozaffari.com</div>
</div>
</div><!-- End main container -->
</body>
</html>
--------------------------------------------------------------------------------
and here is the css:
.nuriehcss {
background-color: #999999;
}
div.container
{
width:800px;
margin:0px auto;
border:0px solid gray;
height: 150px;
background-color: #333333;
}
body
{
text-align:center;
}
div.header
{
background-color: #333333;
height:100px
}
.page {
background-color: #666666;
}
.content {
background-color: #333333;
height: 600px;
width: 100%;
}
.spacer {
background-color: #666666;
height: 2px;
width: 100%;
}
.gallerytable {
background-color: #999999;
align: center;
}
.bottomnav{
position: relative;
width: 100%;
font-weight: bold;
/*background-color: #000000;*/
}
.bottomnav ul{
border: 0px solid #BBB;
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center;
/*background-color: #666666;*/
}
.bottomnav ul li{
display: inline;
}
.bottomnav ul li a{
color: #ffffff;
padding: 4px 7px;
margin: 10;
text-decoration: none;
font-size: 14px;
/*border-right: 1px solid #DADADA; made out*/ /*line between the main buttons*/
}
.biggallerycontent{
text-align:center;
height: 500px;
width: 500px;
padding: 50px;
}.bottomnavspacer {
height: 10px;
}
.spacer1 {
padding: 10px;
}
.footer {
color: #FFFFFF;
text-align: center;
height: 10px;
}
.textcontent {
color: #FFFFFF;
text-align: justify;
left: 50px;
width: 600px;
aligin: center;
font-size: 18px;
line-height: 2em;
}
could you pls help me out
thanks, |
Request for Question Clarification by
denco-ga
on
04 Nov 2006 22:22 PST
Howdy ptiv-ga,
I think I have figured out where the superfluous "V"s originate.
As for the "table cut off" problem, try removing the first instance of the
"sold" entry [<br><br><font color="#FF0000">Sold</font>] and see if that
moves the "table cut off" to the next "sold" instance.
Please post your results back here. Thanks!
Looking Forward, denco-ga - Google Answers Researcher
|
Clarification of Question by
ptiv-ga
on
06 Nov 2006 10:10 PST
hi denco-ga,
thanks for looking at my code.
I removed <br><br><font color="#FF0000">Sold</font> but it didn't make
a difference.
where do you think the "v"s come from?
thanks.
|
Request for Question Clarification by
denco-ga
on
06 Nov 2006 10:40 PST
Howdy ptiv-ga,
Greatly appreciate your patience with this.
The "v"s appear to be coming from your "chromestyle.css" file.
http://www.nurieh-mozaffari.com/chrometheme/chromestyle.css
...
/*HTML to indicate drop down link*/
content: " v";/
...
For the "table cut off" problem, try removing the first instance of:
valign="bottom"
I have no real reason to think this will work, but still think the problem has
something to do with that third grouping of image code.
Looking Forward, denco-ga - Google Answers Researcher
|
Clarification of Question by
ptiv-ga
on
16 Nov 2006 10:34 PST
thank you denco-ga & jaybf-ga.
As denco-ga mentioned the problem with the extra 'v' was with the
chromestyle.css, thanks, i got it ...
and jaybf-ga you were right the problem was with the div.contiener height...
thank you,
but in this case now, i have to have a different div.contiener size
for every page. cause the content of every page has a different
height. I tried to use auto for the div.contianer hight, but it didn't
work.
is there any way to do this, or do i need to have a different div for every page?
thanks
|
Request for Question Clarification by
denco-ga
on
16 Nov 2006 14:11 PST
Howdy ptiv-ga,
Glad we are tuning it in. As for the "div container," you could always find
the longest page you have, add a bit for growth, and use that for all of your
pages. Tell me what you think.
Looking Forward, denco-ga - Google Answers Researcher
|
