SunQuest
           CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 30th, 2003, 04:47 PM
CYBER-GRAMPS CYBER-GRAMPS is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: SAN DEIGO, CA
Posts: 3 CYBER-GRAMPS User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Css For Tables

GREETINGS: In creating a "TABLE" in a WebPage, using HTML code I have been doing a TON of typing in each cell..designating the font size, color, alignment, etc.

Now, however,I have discovered that using the following CSS code:
<.style type="text/css".>
<.!--
TD {
color : Blue;
font-size : smaller;
font-weight : bold;
text-align : center;
}
--.>
<./style.>

(Without the periods), this will eliminate the need for all my typing, other than any special text I may want to place in the cell, SUCH AS NAMES, DESCRIPTION, ETC.
************************************
This is a great advancement for me, as long as the TABLE or TABLES "ALL" have the same font, color, size and format.
*************************************
HOWEVER, does anyone know how or where I can alter or place CSS code to permit me to have additional TABLES having different colors, font sizes, etc., etc.

MITCH MENSCHEL/WEBMASTER

Reply With Quote
  #2  
Old June 30th, 2003, 06:16 PM
Mirax's Avatar
Mirax Mirax is offline
Senior Member
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Jun 2000
Location: Enschede, The Netherlands
Posts: 1,527 Mirax User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 49 m 2 sec
Reputation Power: 10
Hy Cyber-Gramps, welcome to these forums!

Yes, CSS is a wonderfull thing
Check the specs on W3.org to see/learn what's possible... in your case though, using classes (names) should do:
Code:
<html>
<head>
	<style>
	td.name1 {
		color: blue;
	}
	td.name2 {
		color: red;
	}
	</style>
</head>
<body>

<table>
<tr>
	<td class=name1>This is a blue text</td>
	<td class=name2>This should be a red text</td>
</tr>
</table>

</body>
</html>
Hope this helps
__________________
There are 10 types of people in this world - those who understand binary and those who don't...

PHP | MySQL | DevShed Forum Search | Google Search

Reply With Quote
  #3  
Old June 30th, 2003, 10:49 PM
wannabe wannabe is offline
=) wannabe?
Dev Shed Regular (2000 - 2499 posts)
 
Join Date: Jul 2002
Location: florida
Posts: 2,153 wannabe User rank is Lance Corporal (50 - 100 Reputation Level)wannabe User rank is Lance Corporal (50 - 100 Reputation Level)wannabe User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 21 h 58 m 25 sec
Reputation Power: 9
Send a message via AIM to wannabe Send a message via Yahoo to wannabe
or put table instead of td to have the table have those properties. rather than mark each cell.

Reply With Quote
  #4  
Old July 1st, 2003, 03:15 PM
CYBER-GRAMPS CYBER-GRAMPS is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: SAN DEIGO, CA
Posts: 3 CYBER-GRAMPS User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
HI! Thank you for responding to my S.O.S.
The problem I have is to UNDERSTAND "WHERE AND HOW" I am to place your suggested CSS codes.

At this time, I still need "step-by-step" directions in order to have it work for me.

I would greatly appreciate it if you would check out the short page I just published at:

URL

and give me the details that I need to know in order to make the second table have different size font and different color.

Thanks, once again, for your cooperation. MITCH MENSCHEL

Reply With Quote
  #5  
Old July 1st, 2003, 03:35 PM
Onslaught's Avatar
Onslaught Onslaught is offline
/(bb|[^b]{2})/
Dev Shed Demi-God (4500 - 4999 posts)
 
Join Date: Nov 2001
Location: Somewhere in the great unknown
Posts: 4,834 Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 1 Day 23 h 30 m 30 sec
Reputation Power: 88
Send a message via ICQ to Onslaught
Here is an example for you. I took the code from your page and changed it around a little and put two seperate classes and assigned them to the table rows and made it just one table.
Code:
<html>
	<head> 
		<style type="text/css">
			<!--
			.mitch {
        color : Blue;
        font-size : smaller;
        font-weight : bold;
        text-align : center;
				font-family : Sans-Serif, Helvetica, Arial;
			}
			.angela {
				color : Red;
				font-size : small;
				font-weight : 500;
				text-align : center;
				font-family : Arial, Helvetica, Sans-Serif;
			}			
			-->
		</style>
		<title>USING CSS CODE IN TABLE</title> 
	</head>
	<body BGCOLOR="AQUA">
		<table id="blueTable" align="center">
			<tr class="mitch">
				<td>
					<img SRC="mitch_hd.jpg"><br>Mitch
				</td>
				<td> 
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="mitch_hd.jpg"><br>Mitch8888
				</td>
				<td> 
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="mitch_hd.jpg"><br>Mitch-7
				</td>
				<td>
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="mitch_hd.jpg"><br>Mitch5
				</td>
			</tr>
			<tr>
				<td colspan="4">
					&nbsp;
				</td>
			</tr>
			<tr class="angela">
				<td>
					<img SRC="angela-opt.jpg" WIDTH=100><br>Angela Aschrennner
				</td>
				<td>
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="angela-opt.jpg" WIDTH=100><br>Angela-Director
				</td>
				<td> 
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="angela-opt.jpg" WIDTH=100><br>Angela-CRTA
				</td>
				<td> 
					&nbsp; &nbsp; 
				</td>
				<td>
					<img SRC="angela-opt.jpg" WIDTH=100><br>AREA-11-CRTA
				</td>
			</tr>
		</table>
	</body>
</html>

Reply With Quote
  #6  
Old July 1st, 2003, 04:12 PM
CYBER-GRAMPS CYBER-GRAMPS is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: SAN DEIGO, CA
Posts: 3 CYBER-GRAMPS User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
CSS CODE FOR PLACEMENT/COLORS,ETC.

HI! Well, I must say that I am amazed at the immediate response that I have been receiving, relative to my question on CSS.

All the answers to my problem were probably all good and correct, but the very last one, that I am now responding to, actually showed me the EXAMPLE THAT I NEEDED....
really "STEP-BY-STEP".....and now I know how to apply the changes needed.

This puts me on the path for bigger and better webpage creation, for I have been creating and publishing webpages for Non-Profit groups in San Diego, CA.

I cannot express my sincere THANKS often enough.....
THANKS, AGAIN....TO ALL. You all made an old geezer of 84 very happy, showing him the way.....

MITCH MENSCHEL/WEBMASTER aka "CYBER-GRAMPS"

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Css For Tables


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway