[Pro] Sortable Table?

That comment belongs inside the style tags, or else change the /* brackets
to <!-- the other kind.


Ernie Simpson

On Wed, May 15, 2013 at 10:13 AM, RavenManiac email@hiddenwrote:

Okay, this is the same code positioned Before area:
http://rcb.idealynx.com/models.php

As you can see, the page breaks at the comment.


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

I pulled all the comments and it’s still not working. I think the Freeway Pro CSS menus are affecting it. In your example you have the code AFTER the CSS Menus.


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

I pulled all the comments and it’s still not working. I think the Freeway

Pro CSS menus are affecting it. In your example you have the code AFTER the
CSS Menus.

If http://rcb.idealynx.com/models.php has this latest update, it appears to
be working fine to me.


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

The old version might be cached in your browser. It’s still not working for me.


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

Ernie, I still can’t seem to get this page formatted as nicely as your example. Sorry to be so dense, but what am I doing wrong?

http://rcb.idealynx.com/compare.php


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

Hey Kelly, sorry for the delay but here is all you need…

http://cssway.thebigerns.com/workbench/du_jour/kelly-table-styling/

First, the padding –

My tablekit css is being written-over by the action’s css code, as the link
for it appears after my code. If the action lets you set the padding, then
it would be best to reset it to reflect the padding amounts in my code.
Otherwise, add the !important attribute to my code as shown (which should
only be done as last resort, in desperation).

Then, the table.

Can’t you just eliminate the darn widths (and all dimensions) for the th
and td (table cell) elements altogether? This is the wrong way to think if
you ever want to design for flexibility. Without dimensions, the size of a
table cell is determined by the largest content plus content padding in the
table column. There is no need to specify width or height.

Once that change is made, your table will contract to the left – all that
means is that it is now free to be styled with CSS in a more sane manner
(inline styles for each element of a table IS insane). So find the Extended
styles for the Table element (it’s there, trust me) and add these style
rules to it:

  width:94%; ( this gives a consistent width, relative to the container

)

  margin:0 auto 60px; ( this centers the table in the container, and

controls the space above and below it )

  border:7px solid #fff; ( border width, style and color )

and your table should look like mine!


Ernie Simpson

On Wed, May 15, 2013 at 12:36 PM, RavenManiac email@hiddenwrote:

Ernie, I still can’t seem to get this page formatted as nicely as your
example. Sorry to be so dense, but what am I doing wrong?

http://rcb.idealynx.com/compare.php


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

I’m still not having much luck. I did everything you said, but something is clearly not right. Even the border color is askew.

BTW, I have no idea how to eliminate al the widths and heights from within Freeway Pro.


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

There’s an action called RemoveDimensions, but unfortunately it conflicts with Walters TableKit action.

BTW, doesn’t Coda have an option for comparing two pages of code?


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

Okay, I was finally able to make this work, but not exactly as you described. Trying to style the table directly using the Extended Attributes for “table” settings did not work.

However, I was able to use the code you supplied and style the table-wrapper using the “div style” option within the Extended Attributes for “div” dialog box.

You can also accomplish the same thing by styling the table-wrapper element using Freeway Pro’s Inspector, which I may decide to do because it provides a visual cue as to what’s been done, whereas Extended Attributes does not until you preview the page.

I also think Walter’s Table Kit action may automatically set the width of the table cells since setting a percentage width for the wrapping div seems to adjust the cell widths accordingly. Perhaps Walter can chime in with more detail.

Thanks Ernie. I’m glad we figured this out.


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

Yep, decided to style the table using Freeway pro’s Inspector. Thanks agin for your help.


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

Not natively. You can open multiple files in a split window but there’s no built-in diff (that’s the name) tool. There’s a plugin named Comparator that allows you to launch a separate diff app from within Coda which is handy but that’s about all you can do. If you have Xcode installed then you already have the FileMerge diff app. Otherwise there are numerous other diff apps out there, one of the nicer being Kaleidoscope http://www.kaleidoscopeapp.com but it’s very expensive.

Todd

BTW, doesn’t Coda have an option for comparing two pages of code?


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

On 15 May 2013, 9:50 pm, Todd wrote:

Not natively. You can open multiple files in a split window but there’s no built-in diff (that’s the name) tool. There’s a plugin named Comparator that allows you to launch a separate diff app from within Coda which is handy but that’s about all you can do. If you have Xcode installed then you already have the FileMerge diff app. Otherwise there are numerous other diff apps out there, one of the nicer being Kaleidoscope

I’m really surprised by that. Text Wrangler has this feature and it’s really handy. Plus, Text Wrangler is a tenth of the price of Coda. Seems like a pretty big oversight, IMHO.


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

I could always be overlooking the obvious in Coda, it wouldn’t be the first time.

Isn’t TextWrangler free? New math, perhaps? ; )

Todd

I’m really surprised by that. Text Wrangler has this feature and it’s really handy. Plus, Text Wrangler is a tenth of the price of Coda. Seems like a pretty big oversight, IMHO.


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

Yes, it is. Sorry. I incorrectly assumed that anything I got off of Apple’s app store cost me something—desktop apps that is. :slight_smile:


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