[Pro] Alignment

Hi. In the above contents page I have a table with four columns. The settings appear to be the same for all columns. However the first column is stretched out below ‘Apothecaries’ Hall’. It’ s not crucial that this be fixed, but it would look nicer!
With thanks,
Paul

http://paulscottinfo.ipage.com/historic/port-fairy/contents.html


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

Stretched out? Just looked at the code itself, but boy … what’s the deal with all the span classes and 's:

	<table border=0 cellspacing=5 cellpadding=3>
		<tr>
			<td width=197 height=468 valign=top><p class="style16"><strong><strong><strong><span class="style3"><a href="introduction.html"  Style link="text-decoration none"><strong><span class="style65"><strong><span class="style117"><strong><em>Introductio</em></strong></span></strong></span><span class="style66"><strong><span class="style117"><strong><em>n</em></strong></span></strong></span></strong></a></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><a href="history.html"><strong><span class="style65"><strong><span class="style117"><strong><em>History</em></strong></span></strong></span></strong></a></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><a href="4anzbank.html"><span class="style65"><strong><span class="style117"><strong>(Former) ANZ Bank</strong></span></strong></span></a></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style101"><a href="41.apothecariesh.html"><strong><span class="style117"><strong>Apothecaries Hall</strong></span></strong></a></p>
			<p class="style63"><span class="style65"><strong><a href="12.oldapothecari.html"><span class="style117"><strong>(Old) Apothecaries Hall</strong></span></a></strong></span></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><a href="10bankofvictori.html"><span class="style65"><strong><span class="style117"><strong>Bank of Victoria</strong></span></strong></span></a></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><a href="1.24bankstreet.html"><span class="style117"><strong>Bank Street Building</strong></span></a></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><span class="style117"><strong><a href="30.bluestonewall.html"><strong>Bluestone Wall</strong></a></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><a href="22boroughchambe.html"><span class="style65"><strong><span class="style117"><strong>Borough Chambers</strong></span></strong></span></a></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style51"><a href="26braimhouse.html"><span class="style65"><strong><span class="style117"><strong>Braim House</strong></span></strong></span></a></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style51"><a href="24caledonianhot.html"><span class="style65"><strong><strong><span class="style117"><strong>Caledonian </strong></span></strong></strong></span></a></span></strong></span><span class="style64"><strong><span class="style51"><a href="24caledonianhot.html"><span class="style65"><strong><strong><span class="style117"><strong>Hotel</strong></span></strong></strong></span></a></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style61"><strong><strong><span class="style117"><strong><a href="44.campbellstcot.html"><strong>Campbell St Cottages</strong></a></strong></span></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><a href="9campbellsthous.html"><strong><span class="style117"><strong>Campbell St Houses I</strong></span></strong></a></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style61"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><a href="43.housesincampb.html"><strong><strong><span class="style117"><strong>Campbell St Houses II</strong></span></strong></strong></a></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style61"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><a href="42.houseat58camp.html"><strong><strong><span class="style117"><strong>Campbell St  House III</strong></span></strong></strong></a></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			<p class="style60 f-lp"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style65"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style62"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style56"><strong><span class="style61"><strong><strong><strong><span class="style23"><strong><strong><span class="style59"><strong><strong><strong><span class="style23"><strong><strong><span class="style64"><strong><span class="style61"><strong><a href="48.consolidateds.html"><strong><span class="style117"><strong>Consolidated School</strong></span></strong></a></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></span></strong></strong></span></strong></strong></strong></p>
			</td>

etc …

I think you should clean this table up big time for starters, or even use lists in stead of tables.


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

I dunno! I didn’t write the code!!!


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

Paul, I’ve been replicating your page, the first column only has (fake) links applied to the text:

http://fwdemo.rvanheukelum.com/122270-alignment/

You can download the FW file itself here:

http://fwdemo.rvanheukelum.com/122270-alignment/table.freeway

Is this something you trying to accomplish?


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

Richard, for myself I’d appreciate if you did not quote whole giant blocks
of code when posting to the list when just a snippet would do. It is an
unpleasant experience. Also, it’s a good practice to .zip or “compress”
your freeway files for downloading as your link just gives me an ascii
nightmare.

Please and Thank You.


Ernie Simpson

On Mon, Dec 31, 2012 at 5:35 AM, Richard van Heukelum <
email@hidden> wrote:

History


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

Wasn’t renaming the page by starting with an underscore an option? Like ‘_index.html’? Not sure about that one though …


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

I’m sorry Ernie … won’t do it again :slight_smile:


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

Yes, exactly! You did not write this code, Freeway Pro did!

However made though, Richard has a point. The code is telling me that you
may not be handling FWP in the best possible manner. The first column is
longer because you have so many mixed styles applied to all your text. It
may not look that way visually, but it is obvious in the resulting page
code.

Freeway Pro automatically creates styles for you, on the fly as it were –
especially when you are hunt-and-peck designing or making incremental
choices about style. You can see them all in the Styles palette if you use
the toggle gear at the top-right of the palette to select “Temporary
Styles”. Leaving that option checked is a good working practice and will
show you what FWP is doing as you work.

The best way to get rid of this code mess is to hilite ALL the table text
and go to menu

  Style > Remove Styling

This should remove all the styling of the selected text. Now go back and
re-style JUST the first line of text… as you do, keep an eye on the Styles
palette - with the Temporary Styles option selected, you should see a new
style (usually the word “style” with a numbered suffix) hi-lited when you
select that first line. Open the Style Editor and select that style, or
right-click (control-click) the name from the palette, then change the
style name to something more memorable like “mystyle” or “tocnames” AND
MAKE SURE that you click the small checkbox marked “permanent” - very
important that.

Before you close the Style Editor, one last little “trick” to help, use the
Paragraph settings to set the text Alignment to left… Yes, I know the
alignment is already left, but having a Paragraph attribute will make this
new style apply to a whole paragraph and not just pieces of it. It will
also be easier to apply.

Once you’re back in the Editor window, hilite all the table text and apply
the style from the palette. Voila! all your text now has the same style in
a simplified structure that should sort your column lengths. AND you now
have a more “bullet-proof” way of working in Freeway Pro.

Best,


Ernie Simpson

On Mon, Dec 31, 2012 at 6:33 AM, Paul Scott email@hidden wrote:

I dunno! I didn’t write the code!!!


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

On Mon, Dec 31, 2012 at 8:21 AM, Richard van Heukelum <
email@hidden> wrote:

I’m sorry Ernie … won’t do it again :slight_smile:

Lol, it is just to early in the AM for me! Time for coffee!! :slight_smile:


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

I know that feeling, I’ve had my Nespresso shots already :wink:


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

Thank you Richard and Ernie. The ‘Remove Styling’ did the trick. How did it happen? Well, it is a Contents page which I added to successively. It kept underlining the links which I didn’t want, so from time to time I would change the style – of a column! – rather than an individual item. Perhaps Freeway then just adds the styles one on top of the other instead of simply replacing them?
Cheers, and thanks again,
Paul


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

It kept underlining the links which I didn’t want

You can set the behaviour/style of your links in several ways.

On a page-wide basis (with nothing selected on the FW page) look in the Inspector.

Under the Paintbrush icon (2nd tab) there is a disclosure triangle that opens the Links section. There you can set your link colours (Normal, Visited, Hover and active) and whether or not they should be underlined. One click on the U which switch off underlining. But beware there are more states than just Off and On. Best to watch a link as you do it.

You can do the same on an item by item basis. If you select an HTML container that has links in it and look in the Inspector you will see another Link section. Any changes you make in here will only apply to that HTML container.

Note that making changes when an HTML item is selected will over-ride settings made on a page-wide basis.

And of course there are actions which can do this too like the ‘Text Link Style’ action.

David


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

Thanks Dave. Yes, I did know about the page links control, and used it on my other pages. For some reason it hadn’t occurred to me to use it on the Contents page! We’ll blame old age!! Cheers,
Paul


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

In my example I’ve set up the link behaviour just for the table alone via the stylesheet, targeting just the table in this case.

#tableContents { 
    color:#fff; 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    font-size:14px 
}

#tableContents a { 
    color:#fff; 
    text-decoration:none }

#tableContents a:hover { 
    text-decoration:underline 
}

#tableContents a:link, #tableContents a:visted { 
    text-decoration:none 
}

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

Thanks Richard, but I’m only a ‘user’ – if a heavy user! I’m just happy to have the problem solved, and I’ll know where to look if it happens again.
Best wishes,
Paul


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

You’re welcome Paul, have a good year :slight_smile:


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

Just something to be aware of if hand coding your styles Richard

When setting the style for several link states, there are some order rules:

a:hover MUST come after a:link and a:visited

a:active MUST come after a:hover

David


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

Yes I know Dave, that’s my frustration for years with Softpress not enabling the option to manually reorder styles in the styles palette. Mail Joe, tell him I said ‘Hi’ :wink:


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