Free Republic
Browse · Search
General/Chat
Topics · Post Article

To: ponygirl; Blogger
Don't use the div tags as margin/padding around your images (such as the rotator image.) Use the margin and padding properties applied to the element that holds the rotator. Apply margin-left: auto; margin-right: auto; to center rather than "align: center" (which is HTML, not CSS).

Since the main problem has already been identified a few posts up, I'll add your very good suggestions with a couple of my own.

Use a tool like tidy to unclutter the source and to spot HTML syntax errors. I was going to take a stab at it but was put off by the long lines of text and a hard to read layout of the HTML. White space is good and lines that don't occupy too much horizontal space are easier for the eye to parse.

Also there's a lengthy run of <BR> to force line breaks. This is better (and less fragile) done via CSS. I also see (not on this page) but elsewhere, a use of repeated &nbsp; sequences to force horizontal spacing which is likewise better handled with CSS.

Now that you've evidently got the crux of the problem solved, that's just some after-the-fact stylistic tweakage.

35 posted on 01/22/2013 9:37:05 PM PST by re_nortex (DP...that's what I like about Texas.)
[ Post Reply | Private Reply | To 30 | View Replies ]


To: re_nortex

Yes, I knew the breaks in the HTML were awkward. without them, everything below the rotator went underneath the rotator. HTML I know (at least the old version). Will work on my CSS skills :)


40 posted on 01/23/2013 4:13:22 AM PST by Blogger
[ Post Reply | Private Reply | To 35 | View Replies ]

Free Republic
Browse · Search
General/Chat
Topics · Post Article


FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson