Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Table cell borders


  #1  
Old Feb 22, 2013, 07:13 AM
prooffairy
 
73 posts · Oct 2010
I've been trying to style a particular table and can't get it to work properly.

basicaly I just want this one table to have borders round the table and between each cell (like a grid). I've given it's own id and class "table-fees" and I've got the border round the outside but can't get the cell borders to work - can any help please?

It's at http://79.170.40.48/professionalcomm...sh-in-england/ - click on the sub link near the top for Fees to see the table.
  #2  
Old Feb 22, 2013, 07:59 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Style TABLES->Table Body Cells
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 22, 2013, 08:04 AM
prooffairy
 
73 posts · Oct 2010
OK that does it, thanks - but for all my tables! how do I do that for the one table I want lines in - the one I've given a separate class/id?
  #4  
Old Feb 22, 2013, 08:11 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
then you have to code some CSS with a selector that is specific for that table - looks like you can use the table's ID you set for it. Write your CSS selector and rule and put them in the CSS Inserts.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 22, 2013, 08:34 AM
prooffairy
 
73 posts · Oct 2010
I have:

.table-fees {
background: #ffffff;
color: #000000;
font-weight: bold;
text-align: center;
padding: 4px 8px;
text-align: left;
border:1px solid black;
}

What do I need to add?
  #6  
Old Feb 22, 2013, 08:46 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
What do I need to add?
I'm not sure I understand your question...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Feb 22, 2013, 08:54 AM
prooffairy
 
73 posts · Oct 2010
I can change the settings for the cell border via the ATO table style section - but that changes ALL my tables! The front page especially is set as a table and I do not want lines around that.

So I have given the one table I want borders in a table id/ class and have put that code (the one in my last post) in the CSS Inserts - but I cannot work out what the command is to include table cell borders on tghat table, or how to get it to do what I want. Please help -I know CSS a little bit but am being defeated by this!

What do I need to have in CSS Inserts to make jut one table have cell borders?
  #8  
Old Feb 22, 2013, 10:08 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What is the HTML element that makes up a table cell?
How can you uniquely identify that in your table?

Answer these and you should be able to write the CSS selector you need
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Feb 22, 2013, 10:33 AM
prooffairy
 
73 posts · Oct 2010
AH ... so I need to give the td a special ID class? Not sure - that's why I;'m asking on here!
  #10  
Old Feb 22, 2013, 12:08 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
remember you can use a parent element/id/class as part of your CSS selector (hint hint) something that would make the rules only apply to the object you want it to.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
tables

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
table: change background color in one cell petevannuys Center area post/pages 1 Nov 14, 2010 09:32 PM
A cell that spans more than one cell/column? Sundrop Post-Kicker, -Byline & -Footer 4 Dec 22, 2009 01:51 PM
Add Cell Spacing or Border to Main Table maxhugen Header configuration & styling 1 Dec 2, 2009 02:55 PM
Background image & form in only 1 cell of a header extra widget cell? kippiper Header configuration & styling 8 Nov 22, 2009 07:58 AM
Can't get table cell to have a background color (or border) Eric Bobrow Atahualpa 3 Wordpress theme 2 Feb 3, 2009 05:19 AM


All times are GMT -6. The time now is 04:05 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.