Table formatting ignored in browser

I have a nice, tight table with space before/after set in CSS that displays properly in preview but the vertical spacing spreads out when viewed in the browser.

How do I force this to display properly? Inline is not an option in this layout.


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

Can you show a link to the page? It’s probably possible, but without the actual HTML, impossible to say for certain.

Walter

On Jan 31, 2015, at 1:53 PM, Furutan email@hidden wrote:

I have a nice, tight table with space before/after set in CSS that displays properly in preview but the vertical spacing spreads out when viewed in the browser.

How do I force this to display properly? Inline is not an option in this layout.


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

http://recipesupfront.com/BakedGoods/a01.html

Thanks


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

Can you make a screenshot of what you would prefer, and float that as a semi-transparent layer over the top of the page? It’s hard to see what your issue is, because this looks just fine here (Safari 8, Mavericks).

Walter

On Jan 31, 2015, at 2:28 PM, Furutan email@hidden wrote:

http://recipesupfront.com/BakedGoods/a01.html

Thanks


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

Safari 6 / Mountain Lion –

Table text set with zero before and after but it spreads to a default leading so that the table text is sitting on top of the text box below:


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

I think you’re pretty safe, this is an older (not popular) version of Safari, and not even IE 8 gets this wrong (go to http://netrenderer.com to see what I mean). The correct way to fix it is with an inline layout, so I’d be curious why you don’t think this is a good option.

Walter

On Jan 31, 2015, at 3:15 PM, Furutan email@hidden wrote:

Safari 6 / Mountain Lion –

Table text set with zero before and after but it spreads to a default leading so that the table text is sitting on top of the text box below:

https://www.hightail.com/download/UlRSSmIxeWFJMHZLd01UQw


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

If you want to use a Table structure why not have 1 table that encloses the ingredients and the instructions.

David


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

I couldn’t figure out how to merge cells - three columns over one column - but maybe I didn’t look hard enough. I am trying individual text boxes in a group and seeing if I can make inline work. The look of a recipe card really suits the theme and it would be nice if the instructions would work with a scroll bar, but when viewed on an iPad the scrolling is too weird to work.

What I’ll probably do is create the top part of the card like a banner and have the ingredients / instructions / download elements on a background object that can be dragged up and down behind this. It would require an object with an identical background photo and resizing method to serve as a mask but it would simplify some things.

The only caveat to this trick is that the background photo would need to very tall so that the width would be dominant in the resizing of both background photo elements. Otherwise the photos would drop out of sync if the browser window is made too large.


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

I couldn’t figure out how to merge cells - three columns over one column

Draw a 3 column table with as many rows as you like.

Shift Click adjacent cells so that they are selected and from the Item Menu choose Table>Join Cells

David


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

Told you I didn’t look very hard.

The issue is about making the space before / after style stick. If I can’t make the line spacing work when viewed in all browsers, a table won’t work.


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

Thanks again, by the way.


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

The issue is about making the space before / after style stick. If I can’t make the line spacing work when viewed in all browsers, a table won’t work.

If you make it one table then the space before/after is irrelevant. Adjoining cells/rows cannot overlap.

D


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