On the home page, at least, this should take you all of 30 minutes to
an hour to do. It’s really simple, mindless work, now that you have
the layout established. I wouldn’t shy away from it. The benefits are
just too great.
Draw an HTML box somewhere in the pasteboard. Then drag it over the
top of your home page, and position it so its top-left corner is
directly over the top-left “tile”. Drag the opposing corner down until
the bottom edge of the box touches the top of the next row of tiles,
and the right edge touches the left edge of the next box to the right.
This is now your standard box for all except the far-right tile. (That
last tile should be a little narrower; minus the “gutter” width used
in all the other elements.)
Drag it away from the top of the page, maybe up to the pasteboard
above the page, and duplicate it enough times to form a row. Click
once on your first tile photo, Cut to the clipboard, double-click
inside the first tile HTML box, and paste. Repeat with the text below
– select it as text, cut, double-click inside the first HTML box, and
paste. Repeat for each tile in the first row.
If you have positioned your H3 and keyword paragraphs as separate HTML
boxes (you seem to have, based on my recollection of your HTML source)
then go ahead and put them together in the same HTML box as unbounded
text. You can use CSS Styles to push them apart the distance you
prefer, using the space before and space after controls in the Edit
Style dialog. Once you build these styles in the Style palette
(h3.subhead, p.keyword), you just apply them to the entire line of
text (triple-click or quadruple-click to be sure you get the invisible
paragraph character at the end of the line) and that will simplify the
code further.
Once you have your first row of HTML boxes done, draw an HTML box in
the place of where the free-form elements used to be in the middle of
your page. This box will grow to fit all the other rows, so for now
just make it wide enough and tall enough to hold one row. Click on the
first box above the page, cut, double-click inside the new “row” HTML
box, and paste. Repeat for each of the other boxes above the page.
Click on each of these boxes in order, and set their Float to Left.
Your layout will magically appear, using a fraction of the HTML code
do do so.
Then do the same set of steps for each remaining row. You can simply
drag all the other boxes off the page to the pasteboard to make room
for your container to grow downwards, make additional duplicate HTML
boxes inline within that outer box, and cut and paste the appropriate
content back into the inline boxes. I believe you may struggle with
the first one or two, but you’ll make it up on the tail end, when
muscle memory takes over and you breeze through the rest of this
construction. The very last step is to disable the height attribute on
the outer box. That fixes any overflow issues.
Walter
On Apr 1, 2011, at 11:12 AM, Mark wrote:
Hi Walter
I understand what you are saying, but I am reluctant to go down the
inline road (inertia and lazyness), that is why I’ve used the RPL
Action. Perhaps I should remove the RPL Action to get cleaner code?
and hope very few people “zoom text only”
Mark
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