~Deanna wrote:
> [...]
> <http://rscott259.home.mchsi.com/test.html>
> I hope someone here has some idea of what is causing these images to
> jump left (not all the images on the page do this, ie: the rotating
> image above the thumbnails stays put). I hope someone knows how to
> fix the affected images so they maintain the margins that have been
> set. Being pretty much a novice, I apologize in advance that you
> will most likely need to spell it out exactly, as far as what portion
> of code needs to added, removed, or edited in order to fix it.
IE/win is desperately in need of "Layout"[1] on the paragraphs
containing those images, or else it has no idea what they should line up
in relation to. It's an old IE/win bug - described in the article[1].
Add...
#announcement1 p, #announcement2 p, #announcement3 p, #announcement4 p {
height: 1%;
}
...as 'hasLayout' trigger on the paragraphs containing images, and
IE/win will behave.
> The two smaller problems I mentioned are probably obvious and show up
> in any browser... My H3's are misaligned. I had them centered
> initially, but upon validating the code, I corrected an error, and it
> was after that I noticed my H3's were no longer centered. Oh
> yes...btw, the XHTML and CSS *do* validate. Yea me! That is an
> accomplishment in and of itself!
Validity is fine, but the markup is over-complicated. Too many <span>
elements where none are needed, and they certainly aren't doing any
good. Both paragraphs and divs handle margins *and* paddings directly,
so no need for extra elements inside them unless you need to style some
of the text different.
For the <h3>s - simply delete the <span>s inside them and they will
appear centered as you've intended.
While you're at it: delete the <span>s in all the paragraphs too, and
move their paddings onto the paragraphs to get the same line-up and spacing
A little bit of clean-up and some corrections where you're relied on
those superfluous <span>s for spacing, and it'll come out just fine
across browser-land.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
