[Pro] Table styles in box model

Freeway
1

Guided by the thread which discussed styling tables http://www.freewaytalk.net/thread/view/117316#m_117521
I inserted Walter’s markup code to give me bottom borders and after looking at Ernie’s link created a style ( #myTable ) to give me me padding. The result, much to my satisfaction worked well.
See here http://www.richard-lowther.com/doucefrance2/tarifs.html

But when I decided to put the table into a box model all that styling disappeared.
http://www.richard-lowther.com/doucefrance2/tarifs2.html

How do I make the styles work in a box model ?

Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

On Dec 4, 2012, at 1:34 PM, Richard Lowther wrote:

Guided by the thread which discussed styling tables http://www.freewaytalk.net/thread/view/117316#m_117521
I inserted Walter’s markup code to give me bottom borders and after looking at Ernie’s link created a style ( #myTable ) to give me me padding. The result, much to my satisfaction worked well.
See here http://www.richard-lowther.com/doucefrance2/tarifs.html

But when I decided to put the table into a box model all that styling disappeared.
http://www.richard-lowther.com/doucefrance2/tarifs2.html

How do I make the styles work in a box model ?

This is down to how you renamed the boxes on your page, but didn’t change the selector in your CSS. In your working page, you have the following style:

#myTable td { border-bottom: 1px solid #ccc }

You have another with the same selector (the part at the beginning, outside of the curly-braces) for your padding. They rely on the box around the table having the ID myTable. In Freeway, the ID is set using the Title field in the Inspector while the box in question is selected (handles showing at the corners and sides).

In your second example, the nearest box ancestor to the table has the ID TafifsTableWrap. If you change it to myTable, it will work again. Likewise, if you change all instances of #myTable to #TafifsTableWrap in your CSS, it will also work again.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Ahh! Thank you Walter. Off I go up the learning curve another degree. (Must watch my typos too - Tafifs indeed !)

Merci Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options