It's been a while since I've had a plain production job, and this is the first time I am working with a print designer to build a website based on a Quark document.
Anyhow, if you go to http://stevenjs.com/avocado/reciFoto.htm
, then proceed to one of the ten recipe links, you can see page and source.
The conundrum is this. Designer wants the numbers left of indented or seemingly indented text, but a different color. In fact, two different colors. See, http://stevenjs.com/avocado/avoBeet.htm
for an example of the look and alignment desired. However, the Avocado & Beet page was edited on a Mac to get the numbers to align with their corresponding paragraphs, hence they will appear misaligned on a PC, being separated vertically with a spacer.gif, which renders differently across platform browsers.
The way I have it now, the numbers are in their own table, the text in another, though it would make little difference, and in fact it was originally done, as one table.
I would just designate table heights, but this has to be 4x browser compliant as well as Mac versions, and table heights are not supported cross-browser.
I have tried <br>'s but these are blunt instruments, and produce only "more or less" alignment.
If the color attribute of the number of an ordered list could be controlled with cross-browser CSS, even with a hack, that would be ideal, as an ordered list is just the right look, just the wrong number color.
Should I just tell him it is impossible? Or am I missing something entirely. Or is there some new and ingenious solution just waiting to be found?
"I am but an egg."
--Stranger in a Strange Land