?
Solved

td border width

Posted on 2011-03-01
5
Medium Priority
?
606 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
  • 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
 
LVL 1

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 1400 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
 
LVL 1

Author Closing Comment

by:rgb192
ID: 35012137
thanks
0

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Suggested Courses
Course of the Month9 days, 4 hours left to enroll

621 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