?
Solved

Basic CSS question

Posted on 2013-01-17
5
Medium Priority
?
301 Views
Last Modified: 2013-01-17
I'm trying to customize a website template I purchased. It's got a lot of CSS already set and some of it I don't like. Unfortunately, it's hard to track down where some of the things are set. So, I want to be able to override what's in the .css files.

I want to create a style for a table. What I'm trying is not working.

In my file, I have...

      <style type="text/css">
                        table.stevetable {padding:30px; vertical-align:middle; border:thin;}
                        
                        </style>
                  
                  
                        <table border="1" cellpadding="6" cellspacing="0" width="100%" bordercolor="#000000" class="stevetable">


... but it's not working. What am I doing wrong? Thanks.
0
Comment
Question by:skbohler
[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 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 38787728
You should start by removing the table attributes like bordercolor, border and width. Those can all be specified in CSS. You can leave the cellpadding and spacing if you want, but you can always set those in CSS too. Up to you really.

As far as the CSS not hitting the table, can you show a live link?
You should also be more specific in your CSS.  Don't just apply style to the entire table. Try hitting the tr and td to see if you get anything.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38787792
Yeah, we need the link. Template almost always make modification outside the limits that the author envisioned almost impossible.  A lot of them screw up the cascade with jquery and are almost impossible to work with unless you go into the scripting.

Cd&
0
 

Author Comment

by:skbohler
ID: 38787889
Hello,

Thanks for your replies. It's true that the effects I wanted were not there because I needed to apply them to the "td" and not whole table. Now I just need to figure the attribute to get a border around it.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 38787902
A border around the table? or cell?

table:
table{border:1px solid #000000;}/*black*/

/*cell:*/
td{border:1px solid #3366ff;}/*blue*/

Open in new window

0
 

Author Comment

by:skbohler
ID: 38787938
Thanks.

I tried this and it seemed to work too:

            <style type="text/css">
                        table.stevetable td {padding:10px; vertical-align:middle; border-width:medium; border-style:solid; }
                        table.stevetable {border-color:#000000; border-width: 7px; border-style: solid; }
                        </style>
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
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 …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses
Course of the Month11 days, 11 hours left to enroll

752 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