Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > Graphics, Images, Logos Templates & CSS > CSS Cascading Style Sheets

Notices

CSS Cascading Style Sheets All topics and discussions relating to CSS Cascading Style Sheets.

Closed Thread
 
Thread Tools
  #1  
Old 09-22-2007, 05:39 PM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,545
Default CSS & tables backgrounds question?

Hi, I am trying to get a tables with different background colors on the same page.
I have got to the stage where I can place “lets say” 4 tables on 1 pages & via the remote css sheet I can change the background colour via the <tb> tag.
But how do I make each table a different colour?


-----------------------------------------------------------------------------
td
{
background-color: green
}

-------------------------------------------------------------------------------
<table border="0" bordercolor="" width="100" >
<tr>
<s1><td> row 1, column 1 </s1></td>
</tr>
</table>

------------------------------------------------------------------------------
But not sure what I am doing wrong here.
-------------------------------------------------------------------------------

b1
{
background-color: red
}


<table border="0" bordercolor="" width="100" >
<tr>
<b1><td> row 1, column 1 </b1></td>
</tr>
</table>
----------------------------------------------------------------------------------------------------------



Thanks.
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #2  
Old 09-22-2007, 06:31 PM
Watdaflip's Avatar
Major General
 
Join Date: Sep 2005
Location: Cincinnati, Ohio
Posts: 2,151
Default Re: CSS & tables backgrounds question?

Your going to want to define a css class for each table

Your css sheet will be something like

.table1
{
background-color: #00FF00;
}

.table2
{
background-color:#0000CC;
}

.table3
{
background-color:#FFFF00;
}

And then your tables html will be this

<table class="table1" width="100">
<tr><td>This has a backgrond</td></tr>
</table>


<table class="table2" width="100">
<tr><td>This has a different background</td></tr>
</table>


<table class="table3" width="100">
<tr><td>As does this</td></tr>
</table>


Further, you will probably want to go ahead and define the tables width in the css file as well, instead of the tables html code itself. ( width: 100px )
__________________

Register/Login Script
Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #3  
Old 09-22-2007, 08:46 PM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,545
Default Re: CSS & tables backgrounds question?

Many, many thanks Watdaflip. I have been playing already. That saved me a lot of time.
http://www.collectors-info.com/testing/css/cssbg.php
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #4  
Old 09-22-2007, 10:45 PM
Watdaflip's Avatar
Major General
 
Join Date: Sep 2005
Location: Cincinnati, Ohio
Posts: 2,151
Default Re: CSS & tables backgrounds question?

Your welcome, any time.
__________________

Register/Login Script
Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT +1. The time now is 09:42 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2005-2009 VodaHost Web Hosting Your Perfect Web Host - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203