Log In · Register

 
Tables, ...
midnight6333
post Jul 16 2006, 05:13 PM
Post #1


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
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 happy.gif
 
 
 Start new topic
Replies (1 - 13)
yellowskittlesly...
post Jul 16 2006, 05:19 PM
Post #2


Senior Member
***

Group: Member
Posts: 37
Joined: Jul 2006
Member No: 439,203
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
post Jul 16 2006, 05:34 PM
Post #3


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
It didn't work?
 
yellowskittlesly...
post Jul 16 2006, 05:45 PM
Post #4


Senior Member
***

Group: Member
Posts: 37
Joined: Jul 2006
Member No: 439,203
mmm...
CODE
<style type="text/css">
td{background-color:cc0000;}
</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>
 
midnight6333
post Jul 16 2006, 06:20 PM
Post #5


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
sorry...its still not working
 
freeflow
post Jul 16 2006, 06:26 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
<style type="text/css">
table, tr , td{background-color:#bluecolorcodehere;}
</style>


Put the bluecolorcodehere there.
 
midnight6333
post Jul 16 2006, 06:46 PM
Post #7


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
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
post Jul 16 2006, 08:41 PM
Post #8


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
First off css codes do not go inbetween divs. Take them all out and put them above the div.
CODE
<style type="text/css">
table, tr , td{background-color:#333333;}
</style>


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

mellow.gif

Also you don't have any tables in your layout so you won't be able to even tell .
 
midnight6333
post Jul 16 2006, 09:36 PM
Post #9


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
blink.gif 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? _unsure.gif
 
freeflow
post Jul 16 2006, 09:45 PM
Post #10


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Jul 16 2006, 09:51 PM
Post #11


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
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
post Jul 16 2006, 09:58 PM
Post #12


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
<div style="position: absolute; top: 190; left: 110; width: 461; height: 410; overflow: auto; background-color: #bluecolorcodehhere;" >


Add before the " in all your divs. Like above.
 
midnight6333
post Jul 16 2006, 10:06 PM
Post #13


Member
**

Group: Member
Posts: 21
Joined: Feb 2006
Member No: 376,738
Yes!...Thank you! Thank you! Thank you! =)
 
freeflow
post Jul 17 2006, 09:46 AM
Post #14


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
QUOTE(midnight6333 @ Jul 16 2006, 8:06 PM) *
Yes!...Thank you! Thank you! Thank you! =)

Ok, I'm glad it worked out. happy.gif
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic