R
R. Place
Okay, what I want to accomplish is to have my middle cell scroll instead of
tiling the background image. What I have done is sliced a background image
into thirds and want to maintain the image integrity. I want to have the
image static and the text just scroll (if that is possible). I also want the
middle cell to use a seperate .css, I have been messing with this for a few
days and any help would be greatly appreciated. My question is how do i make
my text scroll for the middle cell and not tile the background image no
matter the amount of text. I want the cell to maintain its size.
Also below the HTML code is my .css for my outer scroll and my cell scroll.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
html>
<head>
<title>Test</title>
<meta name="description" content="Test">
<meta name="keywords" content="Test">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="outerscroll.css">
</head>
<body text="#ffffff" bgcolor="#000000" topmargin="0" leftmargin="0"
scroll="auto">
<!-- start outer table -->
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr><td align="center">
<!-- start border table -->
<table width="770" height="578" border="0" cellpadding="0" cellspacing="0"
bgcolor="#D9D8D5">
<tr><td align="center">
<!-- start inner table -->
<table width="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#534f44" height="137"><img border="0"
src="images/header-title.jpg" width="768" height="137"></td>
</tr>
<tr>
<td bgcolor="#d7d7d7" height="302" background="images/middle2.jpg"
valign="top" align="left" class="scroll.css" scrolling="auto">
</td>
</tr>
<tr>
<td bgcolor="#534f44" height="137"><img border="0" src="images/Footer.jpg"
width="768" height="137"></td>
</tr>
</table>
<!-- end inner table -->
</td></tr>
</table>
<!-- end border table -->
</td></tr>
</table>
<!-- end outer table -->
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++
CSS info:
Outerscroll;
BODY {
SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-ARROW-COLOR: #808080; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
======================================
Scroll;
BODY {
SCROLLBAR-FACE-COLOR: #f0f0f0; SCROLLBAR-HIGHLIGHT-COLOR: #bababa;
SCROLLBAR-SHADOW-COLOR: #d3d2d4; SCROLLBAR-3DLIGHT-COLOR: #d3d2d4;
SCROLLBAR-ARROW-COLOR: #808080; SCROLLBAR-TRACK-COLOR: #d9d8d5;
SCROLLBAR-DARKSHADOW-COLOR: #bababa
}
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++
tiling the background image. What I have done is sliced a background image
into thirds and want to maintain the image integrity. I want to have the
image static and the text just scroll (if that is possible). I also want the
middle cell to use a seperate .css, I have been messing with this for a few
days and any help would be greatly appreciated. My question is how do i make
my text scroll for the middle cell and not tile the background image no
matter the amount of text. I want the cell to maintain its size.
Also below the HTML code is my .css for my outer scroll and my cell scroll.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
html>
<head>
<title>Test</title>
<meta name="description" content="Test">
<meta name="keywords" content="Test">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="outerscroll.css">
</head>
<body text="#ffffff" bgcolor="#000000" topmargin="0" leftmargin="0"
scroll="auto">
<!-- start outer table -->
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr><td align="center">
<!-- start border table -->
<table width="770" height="578" border="0" cellpadding="0" cellspacing="0"
bgcolor="#D9D8D5">
<tr><td align="center">
<!-- start inner table -->
<table width="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#534f44" height="137"><img border="0"
src="images/header-title.jpg" width="768" height="137"></td>
</tr>
<tr>
<td bgcolor="#d7d7d7" height="302" background="images/middle2.jpg"
valign="top" align="left" class="scroll.css" scrolling="auto">
</td>
</tr>
<tr>
<td bgcolor="#534f44" height="137"><img border="0" src="images/Footer.jpg"
width="768" height="137"></td>
</tr>
</table>
<!-- end inner table -->
</td></tr>
</table>
<!-- end border table -->
</td></tr>
</table>
<!-- end outer table -->
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++
CSS info:
Outerscroll;
BODY {
SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-ARROW-COLOR: #808080; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
======================================
Scroll;
BODY {
SCROLLBAR-FACE-COLOR: #f0f0f0; SCROLLBAR-HIGHLIGHT-COLOR: #bababa;
SCROLLBAR-SHADOW-COLOR: #d3d2d4; SCROLLBAR-3DLIGHT-COLOR: #d3d2d4;
SCROLLBAR-ARROW-COLOR: #808080; SCROLLBAR-TRACK-COLOR: #d9d8d5;
SCROLLBAR-DARKSHADOW-COLOR: #bababa
}
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++