image under table, text over it..?

Forum Moderators: open

Message Too Old, No Replies

image under table, text over it..?

I want to create a table with a background image and have text scroll over

nasnedagoniat

11:49 am on Jun 5, 2003 (gmt 0)

How can I make a table that has a background image and then my actual info, the page text go over it? Any help would be appreciated.

korkus2000

1:10 pm on Jun 5, 2003 (gmt 0)

Welcome to WebmasterWorld nasnedagoniat,

Do you want to have a background image in the table or are you looking for a static image that the page will scroll over? Where does the scroll come into play?

frank_stahl

1:51 pm on Jun 5, 2003 (gmt 0)

Hi,

here's one way you could achieve this (I hope this is what you are looking for). The idea behind this approach is to use CSS layers for all of your content (which is good anyway, concerning e.g. accessibility).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Test</title>
<style>
<!--
.background {
position: absolute;
top: 20px;
left: 20px;
}

.foreground {
position: absolute;
top: 20px;
left: 20px;
width: 400px;
height: 300px;
overflow: scroll;
}

.yellowtext {
color: yellow;
}
//-->
</style>
</head>

<body>

</body>
</html>

nasnedagoniat

2:06 pm on Jun 5, 2003 (gmt 0)

Hi.Thanks, but I was unable to scroll with this code.Thanks anyway.

I'll draw it and try to explain the best I can

[_____] this is the table.I want the image in the table and repeating.Then I want my text to actually go over this and have the ability to scroll.

Red_Eye

3:12 pm on Jun 5, 2003 (gmt 0)

I take it that you want some kind of banner. I have acheive it with the following CSS
H1 {
color: #000000;
margin: 0px 0px;
padding: 0px 0px;
text-align: left;
text-indent: 3pt;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #CCCCCC;
border: 1px solid #999999;
font-style: normal;
background-image: url(images/h1.gif);
line-height: 20px;

}

The image H1.gif is just a 30 x 2 gif with a horizontal gradient fill.