[Pro] is there a way to do this with tables?

Hi,

Is there a way to not have the top border of the top row of a table show?

In short, can we do with tables what I can do with Word tbales, where you can alter the border of a cell or row?

I am trying to get the very Top row of the table to not look like the top row of the table because I want to get rid of the top border of that row or top border of the table.

thanks like always.

Barry


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

You can do this quite easily with CSS. Post a simple page showing a single table, and one of us can use the Safari Web Inspector to figure out the code. It’s probably going to be something like this (but it depends a lot on how the table was styled):

#whatever table tr:first-of-type td { border-top: none }

The border may have been applied to the table itself, too, although I usually don’t do that, can’t remember what Freeway does natively. In that case, the border may be removed from the outer table like this:

#whatever table { border-top: none }

Walter

On Jan 17, 2014, at 12:12 PM, Hoffkids wrote:

Hi,

Is there a way to not have the top border of the top row of a table show?

In short, can we do with tables what I can do with Word tbales, where you can alter the border of a cell or row?

I am trying to get the very Top row of the table to not look like the top row of the table because I want to get rid of the top border of that row or top border of the table.

thanks like always.

Barry


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


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

thanks walt,

you will easily see the table on this practice page

http://www.hoffkids.com/practice.html


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

Well, with a combination of

#jastablejan345 table { border-top: none }

and

#jastablejan345 table tr:first-of-type td { border-type: none }

you should be able to get rid of the top border of the table. But that does leave the sides sticking out, and there’s no good way to get rid of those, because if you remove them from the table, all of the sides will be missing, not just the sides of the top row.

I would be tempted to style this much differently, but that’s my personal taste. I tend to only show the horizontal rules, and leave the vertical divisions to the eye to figure out. If you do that, then it’s easy to drop the top row.

Try this recipe:

  1. Select your table, and remove all of the borders and padding from it using the Inspector.

  2. Make a new tag-only style with the following attributes (which you must do through the Extended attributes). The TAG field should read .striped td (or whatever you choose as the class name). When looking at the following recipe, and translating it into a Freeway style, you use the part outside of the {} curly braces as the Selector (the part you type, slavishly, into the Tag field, then tab into the Name field, delete, and tab out… Then look at the part inside the curly-braces (which you otherwise ignore) and use each name:value; pair as the Name and the Value in Extended. Do not enter the : or ; in either field.

    .striped td {
    border-bottom: 1px solid #ccc;
    padding: 3px 6px;
    }

This will magically remove the top border without further effort, because it won’t be there at all. It will provide a single tasteful rule below each row of content, and no vertical rules, which interrupt reading anyway.

To make this rule apply to your table, click once on the table so its corner handles light up. Then choose Item / Extended from the main menu, make sure that is selected in the tabs, and then add the name/pair values:

  • Name: class
  • Value: striped

(or whatever else you chose as the classname for your style.)

Walter

On Jan 17, 2014, at 12:25 PM, Hoffkids wrote:

thanks walt,

you will easily see the table on this practice page

http://www.hoffkids.com/practice.html


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


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

border-top: none

not border-type.

Walter

On Jan 17, 2014, at 12:46 PM, Walter Lee Davis wrote:

#jastablejan345 table tr:first-of-type td { border-type: none }


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

Walt,

not sure if when you saw the table it had anything in the top row… but take a look now to see what I am trying to do. It has a “paid this month” graphic/

http://www.hoffkids.com/practice.html

you can see why I am thinking it would be better with no top row?

before I do all that you said I thought I would show you.

appreciate it,

Barry


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

funny enough, the graphic has to be part of the table (realized this after 2 hours), becuase the table is part of the scripty fader.

:slight_smile:


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

i hope the slider graphic does not get the parent confused that they are supposed to slide it when pay.

It is for me to change to YES when they pay (with a second graphic)- I just thought it looked cool as a slider.


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

I saw the image box there, I don’t think that impacts the answer I posted.

Walter

On Jan 17, 2014, at 12:49 PM, Hoffkids wrote:

Walt,

not sure if when you saw the table it had anything in the top row… but take a look now to see what I am trying to do. It has a “paid this month” graphic/

http://www.hoffkids.com/practice.html

you can see why I am thinking it would be better with no top row?

before I do all that you said I thought I would show you.

appreciate it,

Barry


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


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