Forums > Tables

Full Version: Tables

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

midnight6333

Jul 16 2006, 05:13 PM

Hi,
a really stupid question but I've tried and it wont work...
how do I make the table background not transparent like blue or something?

Code:

<div style="position: absolute; top: 37; left: 327; width: 243; height: 141; overflow: auto;" >
<style type="text/css">
table{background:transparent }
</style>

<center>
<font size=1 color="#FFFFFF" face=arial>
All Updates will go here
</font></div>

Thanx

yellowskittleslyts

Jul 16 2006, 05:19 PM

HTML

<div style="position: absolute; top: 37; left: 327; width: 243; height: 141; overflow: auto;" >
<style type="text/css">
table{background-color:cc0000;}
</style>

<center>
<font size=1 color="#FFFFFF" face=arial>
All Updates will go here
</font></div>

i think that blue is a bright blue though..

midnight6333

Jul 16 2006, 05:34 PM

It didn't work?

yellowskittleslyts

Jul 16 2006, 05:45 PM

mmm...

CODE

midnight6333

Jul 16 2006, 06:20 PM

sorry...its still not working

freeflow

Jul 16 2006, 06:26 PM

midnight6333

Jul 16 2006, 06:46 PM

Grr still not working here is the full code

CODE

<html>
<head>
<title>
Midnights Den
</title>
<body bgcolor=#000000>

<STYLE type=text/css>BODY {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF; }

a:link {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

a:visited {color: #FFFFFF
text-decoration: line-through; }
cursor: crosshair; }

a:hover {color: #333333
text-decoration: None; }
cursor: crosshair; }

a:active {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

</STYLE>

<img src="http://img148.imageshack.us/img148/9343/midnightsdenar7.png">

<<div style="position: absolute; top: 37; left: 327; width: 243; height: 141; overflow: auto;" >
<style type="text/css">
table, tr , td{background-color:#333333;}
</style>

<center>
<font size=1 color="#FFFFFF" face=arial>
All Updates will go here
</font></div>

<div style="position: absolute; top: 364; left: 7; width: 91; height: 237; overflow: auto;" >
<style type="text/css">
table{background:transparent}
</style>

<center>
<font size=1 color="#FFFFFF" face=arial>
Navigation Will Go here
</font>
</div>

<div style="position: absolute; top: 190; left: 110; width: 461; height: 410; overflow: auto;" >
<style type="text/css">
table{background:transparent}
</style>

<font size=1 color="#FFFFFF" face=arial>
Content Goes Here
</div>

<div style="position: absolute; top: 37; left: 582; width: 330; height: 564; overflow: auto;" >
<style type="text/css">
table{background:transparent}
</style>

<font size=1 color="#FFFFFF" face=arial>
Copyright Goes Here
</div>

</script>
</body></html>

Here what it looks like all together http://www.freewebs.com/midnights-den/Editing/Edit.html

as you can see the small texts are all the tables there all out of place...I wanted to have them have a background so I can see how big they are and size them right to fit into the right place....but I can't get them to have backgrounds...

freeflow

Jul 16 2006, 08:41 PM

First off css codes do not go inbetween divs. Take them all out and put them above the div.

CODE

Those. Then delete all the extra ones you only need one.

Also you don't have any tables in your layout so you won't be able to even tell .

midnight6333

Jul 16 2006, 09:36 PM

wait huh?

So like this?

CODE

<html>
<head>
<title>
Midnights Den
</title>
<body bgcolor=#000000>

<STYLE type=text/css>BODY {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF; }

a:link {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

a:visited {color: #FFFFFF
text-decoration: line-through; }
cursor: crosshair; }

a:hover {color: #333333
text-decoration: None; }
cursor: crosshair; }

a:active {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

</STYLE>

<img src="http://img148.imageshack.us/img148/9343/midnightsdenar7.png">

<style type="text/css">
table, tr , td{background-color:#333333;}
</style>
<div style="position: absolute; top: 37; left: 327; width: 243; height: 141; overflow: auto;" >

<center>
<font size=1 color="#FFFFFF" face=arial>
All Updates will go here
</font></div>

<div style="position: absolute; top: 364; left: 7; width: 91; height: 237; overflow: auto;" >
table{background:transparent}
</style>

<center>
<font size=1 color="#FFFFFF" face=arial>
Navigation Will Go here
</font>
</div>

<div style="position: absolute; top: 190; left: 110; width: 461; height: 410; overflow: auto;" >
table{background:transparent}
</style>

<font size=1 color="#FFFFFF" face=arial>
Content Goes Here
</font>
</div>

<div style="position: absolute; top: 37; left: 582; width: 330; height: 564; overflow: auto;" >
table{background:transparent}
</style>

<font size=1 color="#FFFFFF" face=arial>
Copyright Goes Here
</font>
</div>

</script>
</body></html>

what do you mean I don't have tables?

freeflow

Jul 16 2006, 09:45 PM

More of a like this:

CODE

<html>
<head>
<title>
Midnights Den
</title>
<body bgcolor=#000000>

<STYLE type=text/css>BODY {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF; }

a:link {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

a:visited {color: #FFFFFF
text-decoration: line-through; }
cursor: crosshair; }

a:hover {color: #333333
text-decoration: None; }
cursor: crosshair; }

a:active {color: #FFFFFF
text-decoration: None; }
cursor: crosshair; }

</STYLE>

<img src="http://img148.imageshack.us/img148/9343/midnightsdenar7.png">

<style type="text/css">
table, tr , td{background-color:#333333;}
</style>

<div style="position: absolute; top: 37; left: 327; width: 243; height: 141; overflow: auto;" >

<center>
<font size=1 color="#FFFFFF" face=arial>
All Updates will go here
</font></div>

<div style="position: absolute; top: 364; left: 7; width: 91; height: 237; overflow: auto;" >

<center>
<font size=1 color="#FFFFFF" face=arial>
Navigation Will Go here
</font>
</div>

<div style="position: absolute; top: 190; left: 110; width: 461; height: 410; overflow: auto;" >

<font size=1 color="#FFFFFF" face=arial>
Content Goes Here
</font>
</div>

<div style="position: absolute; top: 37; left: 582; width: 330; height: 564; overflow: auto;" >

<font size=1 color="#FFFFFF" face=arial>
Copyright Goes Here
</font>
</div>

</script>
</body></html>

But still the codes not going to work because you don't have any tables on your site. If you want you can make the divs blue.

midnight6333

Jul 16 2006, 09:51 PM

how do I add tables?

I'm trying to make the site have a layout simular to this one http://www.neopets.com/~Bennie280 in a way...

freeflow

Jul 16 2006, 09:58 PM

You don't need tables to do that. Divs are fine. Just add:
background-color: #bluecolorcodehhere;
To all your divs.

Heres an example of where to add it:

QUOTE

Add before the " in all your divs. Like above.

midnight6333

Jul 16 2006, 10:06 PM

Yes!...Thank you! Thank you! Thank you! =)

freeflow

Jul 17 2006, 09:46 AM

QUOTE(midnight6333 @ Jul 16 2006, 8:06 PM)

Yes!...Thank you! Thank you! Thank you! =)

Ok, I'm glad it worked out.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.