Solved

td border width

Posted on 2011-03-01
5
589 Views
Last Modified: 2012-05-11
is there a way to set the td border width to 300px and border-color:#ffffff
0
Comment
Question by:rgb192
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 4

Expert Comment

by:AlanNMMX
ID: 35011704
Hi, try the following in your CSS file.
td {
  border: 300px solid #FFF;
}

Open in new window

0
 
LVL 16

Expert Comment

by:HagayMandel
ID: 35011711
This is hoe it's done.
What do you want to achieve?
<style type="text/css">
<!--
td {
	border-top-width: 300px;
	border-right-width: 300px;
	border-bottom-width: 300px;
	border-left-width: 300px;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}
-->
</style>

Open in new window

0
 

Author Comment

by:rgb192
ID: 35011725
is there a way to do this in the td tag
because I only want to use it once and dont want it to overwrite my existing td tag
0
 
LVL 4

Accepted Solution

by:
AlanNMMX earned 350 total points
ID: 35011787
Yes you can create a class and apply that only to selected td elements.
td.special {
  border: 300px solid #FFF;
}

Open in new window

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td class="special">$100</td>
  </tr>
</table>

Open in new window

0
 

Author Closing Comment

by:rgb192
ID: 35012137
thanks
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question