JDRh4l
02-08-2003, 02:11 AM
Hey there again.. So, I thought I had conquered my css problems, yet some more seem to have sprung up..
My page looks fine in 1024x768 resolution, but 800x600 is messed up, the table that contains links above my image disappears, to where, I have no idea.. It's the funkiest thing, I even placed it in a div layer just in case it was going behind the graphic, but lo and behold, it's not there. O_o
Well. Here’s the HTML if anyone has an suggestions on how to remedy this, or any suggies on a slight adjustment to make this layout more available to those w/ less res, please, I am begging you, let me know.
Thanks ever so much.
*Edit* Would help if I included the URL, no?
http://www.iamsmeagol.net/yellatme/
*2nd Edit* Hrm. I just tried changing the positioning for the layout from 356 pixels from the bottom to 10 from the top, same prob. Grarg.
<html>
<head>
<title>Yell at Me::::C'mon, you know you want to</title>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #9C9619;
scrollbar-highlight-color: #9C9619;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #9C9619;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #9C9619;
scrollbar-track-color: #9C9619;
}
-->
<!--
body,tr,td
{font-size: 8pt;
font-family: verdana;
color:black;
line-height:12px;
letter-spacing:0pt}
-->
<!--
A:link { text-decoration: none; color:"black" }
A:visited { text-decoration: none; color:"black" }
A:hover { text-decoration: none; color:"green" }
-->
</style>
<base target="content">
</head>
<body bgcolor="#FFFFFF" background="http://www.iamsmeagol.net/yellatme/background.gif">
<div style="z-index:100;">
<table border="0" style="position: absolute; left:0px; bottom:455px; width:350px;">
<tr>
<td width="100%">
<center>[<a href="http://www.iamsmeagol.net/yellatme/blog.html">I Have Thoughts</a>][<a href="/yellatme/about.html">You wanna Know all About Me?</a>]
<br>[<a href="/yellatme/art.html">I try to Draw and Such</a>][<a href="/yellatme/music.html">I like Music</a>]
<br>[<a href="/yellatme/friends.html">I have Friends, they use me for my webspace</a>]
<br>[<a href="/yellatme/misc.html">MISC is a Funny Word</a>]</center>
</td>
</tr>
</table>
</div>
<img border="0" style="position: absolute; left:0px; bottom:0px;" src="http://www.iamsmeagol.net/yellatme/yellatmelogo.gif" width="356" height="450">
<iframe style="position: absolute; left:357px; top:10px; height:90%; width:330px;" src="http://www.iamsmeagol.net/yellatme/blog.html" name="content"
frameborder="0" border="0"></iframe>
<table border="0" style="position: absolute; left:690px; top:20%; width=110px">
<tr>
<td width="100%">
<center>1 1 : 2 7 a m<br>
Mood: <a href="http://www.imood.com/query.cgi?email=jessica@horsemail.com"><img src="http://www.imood.com/query.cgi?email=jessica@horsemail.com&type=1&fg=EFC794&bg=9C9619" alt="The current mood of jessica@horsemail.com at www.imood.com" border="0"></a>
<br>
Music: <font color="#EFC794">"The Sound of Silence" Simon &
Garfunkel</font>
<br>
Eating: <font color="#EFC794"> Nothing</font>
<br>
Drinking: <font color="#EFC794">French Vanilla Tea</font>
<br>
Doing: <font color="#EFC794">HTML</font>
<br>
</center>
</td>
</tr>
</table>
</body>
</html>
My page looks fine in 1024x768 resolution, but 800x600 is messed up, the table that contains links above my image disappears, to where, I have no idea.. It's the funkiest thing, I even placed it in a div layer just in case it was going behind the graphic, but lo and behold, it's not there. O_o
Well. Here’s the HTML if anyone has an suggestions on how to remedy this, or any suggies on a slight adjustment to make this layout more available to those w/ less res, please, I am begging you, let me know.
Thanks ever so much.
*Edit* Would help if I included the URL, no?
http://www.iamsmeagol.net/yellatme/
*2nd Edit* Hrm. I just tried changing the positioning for the layout from 356 pixels from the bottom to 10 from the top, same prob. Grarg.
<html>
<head>
<title>Yell at Me::::C'mon, you know you want to</title>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #9C9619;
scrollbar-highlight-color: #9C9619;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #9C9619;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #9C9619;
scrollbar-track-color: #9C9619;
}
-->
<!--
body,tr,td
{font-size: 8pt;
font-family: verdana;
color:black;
line-height:12px;
letter-spacing:0pt}
-->
<!--
A:link { text-decoration: none; color:"black" }
A:visited { text-decoration: none; color:"black" }
A:hover { text-decoration: none; color:"green" }
-->
</style>
<base target="content">
</head>
<body bgcolor="#FFFFFF" background="http://www.iamsmeagol.net/yellatme/background.gif">
<div style="z-index:100;">
<table border="0" style="position: absolute; left:0px; bottom:455px; width:350px;">
<tr>
<td width="100%">
<center>[<a href="http://www.iamsmeagol.net/yellatme/blog.html">I Have Thoughts</a>][<a href="/yellatme/about.html">You wanna Know all About Me?</a>]
<br>[<a href="/yellatme/art.html">I try to Draw and Such</a>][<a href="/yellatme/music.html">I like Music</a>]
<br>[<a href="/yellatme/friends.html">I have Friends, they use me for my webspace</a>]
<br>[<a href="/yellatme/misc.html">MISC is a Funny Word</a>]</center>
</td>
</tr>
</table>
</div>
<img border="0" style="position: absolute; left:0px; bottom:0px;" src="http://www.iamsmeagol.net/yellatme/yellatmelogo.gif" width="356" height="450">
<iframe style="position: absolute; left:357px; top:10px; height:90%; width:330px;" src="http://www.iamsmeagol.net/yellatme/blog.html" name="content"
frameborder="0" border="0"></iframe>
<table border="0" style="position: absolute; left:690px; top:20%; width=110px">
<tr>
<td width="100%">
<center>1 1 : 2 7 a m<br>
Mood: <a href="http://www.imood.com/query.cgi?email=jessica@horsemail.com"><img src="http://www.imood.com/query.cgi?email=jessica@horsemail.com&type=1&fg=EFC794&bg=9C9619" alt="The current mood of jessica@horsemail.com at www.imood.com" border="0"></a>
<br>
Music: <font color="#EFC794">"The Sound of Silence" Simon &
Garfunkel</font>
<br>
Eating: <font color="#EFC794"> Nothing</font>
<br>
Drinking: <font color="#EFC794">French Vanilla Tea</font>
<br>
Doing: <font color="#EFC794">HTML</font>
<br>
</center>
</td>
</tr>
</table>
</body>
</html>