Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 09, 2012, 05:53:39 AM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ CSS design for table border		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: CSS design for table border  (Read 1903 times)
websj06
Jr. Member
*
Posts: 31
« on: May 14, 2006, 08:32:25 PM »
Hello:

  I want to use CSS for table border colors, so they will display identical in IE, FirFox and NetScape. I have total 4 tables, 3 table will have same border color, and 1 table will have different border color.

  I tried this way and using class attribute inside table tag, it doesn't seems to work.  Could you give me some suggestion on how to make this work?

 I am also new to CSS, please recommand some good CSS online learing resource(s). I appreciate your help!

 
Code:
<style type="text/css">
.style1 {table, td, th
  border-style:solid;
  border-color:#B1C3D9;
  background-color:#999966;
}

.style2 {table, td, th
  border-style:solid;
  border-color: #orange;
}


</style>

Code:
<table width="100%" border="4" cellpadding="2" cellspacing="4" class ="style2">
  <tr>
    <td> </td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Jeff
5-14-06
Report to moderator   Logged
johnhask
Contributor
Full Member
***
Posts: 182
« Reply #1 on: May 30, 2006, 04:01:32 PM »
I created the 2 tables to show the two css styles.
Code:
<style type="text/css">
<!--
.style1 {
   border: 1px solid #B1C3D9;
   background-color: #999966;
   padding: 2px;
}
.style2 {
   border: 1px solid #FF9900;
   padding: 2px;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" class="style1">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

<table width="100%" border="0" class="style2">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
Report to moderator   Logged
Orange County Web Design
Law Firm Web Design
Medical Web Design
websj06
Jr. Member
*
Posts: 31
« Reply #2 on: May 30, 2006, 05:10:23 PM »
Hello John:

 Thanks for replying both my post on nav bar creation and CSS for table border. I will following your CSS samples and try out on my page:)

 I deleted the nav bar HTML code file imported from fireworks, so I couldn't reproduce the code:(. I will try to created nav bar again, then ask for suggestions.

Jeff
5-30-06
Report to moderator   Logged
johnhask
Contributor
Full Member
***
Posts: 182
« Reply #3 on: May 30, 2006, 05:37:30 PM »
If you're making a menu/nav bar, try this site:
http://css.maxdesign.com.au/listamatic/index.htm
Report to moderator   Logged
Orange County Web Design
Law Firm Web Design
Medical Web Design
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ CSS design for table border
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!