PDA

View Full Version : A scrollbar question

mikew
07-28-2005, 09:49 AM
hello

my question involves a scrollbar for my webpage.
the link is below.its still under construction.
http://www.mikewests.com/indexnew.htm

First off i tried to create an iframe scrollbar which you can
seen on the link above this system of scrollbar
has to link to another page , this is tedious.
I was working with a teacher, who showed me another method,
he told me and showed me how to create a scroll bar (from now on i no longer remember) by i think creating a layer and somehow fixing it, thereby
when i add text or table thumbs to compinsate for the fixed region the layer
or table would create a scrollbar.
he has gone abroad and at the moment i dont wish to bother him.
so i came here .

My page will be with thumbs inside a scrollbar and also text .

with the method i explained how could i achieve this.

p.s just hadto come back in because i realised this is the wrong forum .
i will leave the message here .i appoligize.

thanks in advance.
mikew.
MaGiCSuN
07-28-2005, 07:16 PM
change your html to this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<style type="text/css">
body
{
margin: 0px;
padding: 0px;
font-family: arial
background-color: #CCCCCC;
}

a
{
display: block;
text-decoration: none;
color: white;
font-weight: bold;
}
img
{
border: none;
}
a:hover
{
text-decoration: none;
color: orange;
font-weight: bold;
}

.style11 {font-weight: bold; color: #CC6600;}
.style12 {font-family: Arial, Helvetica, sans-serif}
.style19 {color: #666666}
.style21 {font-family: Arial, Helvetica, sans-serif; color: #666666; }
.style23 {color: #CC6600}
.style47 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px;}
.style55 {color: #000066; font-size: 14px;}
.style56 {color: #FFFFFF}
.style57 {color: #FFFFFF; font-size: 14px; }

</style>
</head>

<body>
<IFRAME name="inlineframe" src="indextype.htm" width="370" height="150" marginwidth="0" marginheight="0" frameborder="0" border="0" style="position: absolute; left: 0px; top: 149px; z-index: 10;"></IFRAME>
<IFRAME name="inlineframe" src="indexpaint.htm" width="370" height="250" marginwidth="0" marginheight="0" frameborder="0" border="0" style="position: absolute; left: 0px; top: 300px; z-index: 10;"></IFRAME>
<table width="1038" border="0" cellpadding="0" cellspacing="0">
<tr><td>

<table width="1012" height="561" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="19" bgcolor="#999999"><div align="left"></div></td>
<td height="19" bgcolor="#999999"><img src="Images/test%20folder/logo%20mw.jpg" width="75" height="80"></td>
<td height="19" bgcolor="#999999"></td>
<td height="19" colspan="7" bgcolor="#999999"></td>
<td bgcolor="#999999">&nbsp;</td>
<td width="17" rowspan="7" background="Images/ssr.jpg"><span class="style12 style19"> </span><span class="style12 style19"> </span></td>
<td width="624" rowspan="7" bgcolor="#FFFFFF"><div align="center"></div></td>
</tr>
<tr>
<td height="19" bgcolor="#000066"></td>
<td bgcolor="#000066" class="style55 style56"><a href="indexnew.htm">home</a></td>
<td bgcolor="#000066">&nbsp;</td>
<td bgcolor="#000066" class="style57"><a href="#">shop</a></td>
<td bgcolor="#000066">&nbsp;</td>
<td bgcolor="#000066" class="style57"><a href="#">details</a></td>
<td bgcolor="#000066">&nbsp;</td>
<td bgcolor="#000066" class="style57"><a href="#">links</a></td>
<td bgcolor="#000066">&nbsp;</td>
<td bgcolor="#000066" class="style57"><a href="#">work</a></td>
<td bgcolor="#000066">&nbsp;</td>
</tr>
<tr>
<td height="18" bgcolor="#999999"></td>
<td height="18" bgcolor="#999999"><span class="style55 style56">annimation</span></td>
<td height="18" bgcolor="#999999"></td>
<td height="18" bgcolor="#999999"><span class="style57">computer</span></td>
<td height="18" bgcolor="#999999"></td>
<td height="18" bgcolor="#999999"><span class="style57">painting</span></td>
<td height="18" bgcolor="#999999"></td>
<td height="18" bgcolor="#999999"><span class="style57">illustration</span></td>
<td height="18" bgcolor="#999999"></td>
<td height="18" bgcolor="#999999"><span class="style57"><span class="style56"></span></span></td>
<td bgcolor="#999999">&nbsp;</td>
</tr>
<tr>
<td width="16" height="19" bgcolor="#999999"></td>
<td width="80" bgcolor="#999999" class="style55 style56"><span class="style57">photography</span></td>
<td width="15" bgcolor="#999999"><span class="style56"></span></td>
<td width="59" bgcolor="#999999" class="style57"><span class="style55 style56">textures</span></td>
<td width="14" bgcolor="#999999"><span class="style56"></span></td>
<td width="50" bgcolor="#999999" class="style57">&nbsp;</td>
<td width="13" bgcolor="#999999"><span class="style56"></span></td>
<td width="64" bgcolor="#999999" class="style57">&nbsp;</td>
<td width="12" bgcolor="#999999"><span class="style56"></span></td>
<td width="34" bgcolor="#999999" class="style57">&nbsp;</td>
<td width="14" bgcolor="#999999"><p class="style12 style56"></p> </td>
</tr>
<tr>
<td height="165" colspan="10" bgcolor="#FFFFFF">&nbsp;</td>
<td width="14" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td colspan="10" rowspan="2" bgcolor="#FFFFFF">&nbsp;</td>
<td width="14" height="156" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td width="14" height="104" bgcolor="#FFFFFF"></td>
</tr>
</table>
</tr></td></table>

</body>
</html>


that's for a start. secondly:

class="style55 style56">

can't define two classes. not possible. Also there's no point in defining a class for a <td> cell when inside that cell you have <span class="bla">photographic</span> aswell .. either define a class for the span or the td tag, not both. it's like doing double things in your coding.

I would love to help you out fixing the layout .. BUT i don't know how it should look like. So if you can draw it or something, than i can fix it :)

one last thing: you linked an image to your harddrive. Can't do that ;)

Love,
Mirna
COBOLdinosaur
07-28-2005, 11:51 PM
One small correction magic sun class="style55 style56" is legal. In this case the color would be overwritten so the net style applied would be color:#FFFFFF;font-size:14px;
mikew
07-31-2005, 10:17 AM
i was sent the code by my teacher which im having trouble applying.

this is what he sent me hope he won't mind.

what you need is style='overflow:auto;width:???;height:???'

if you put that in a div it will scroll if the contents are larger than the layer.
i dont understand where i haveto place it theres more then one
div i dont know which one . is a div meant to be related to a table,
because i will use tables to place the information inside the scrollbar.

my question is ,ok but where in the code should i place this information.the new scrollbar will be replacing the iframes.

http://www.mikewests.com/indexnew.htm