> Quoting "Cynthia M. Brumbaugh" <[EMAIL PROTECTED]>:
>
> > Ok, so I am finally getting off the porch and testing my running shoes.
> > Please be gentle but honest.
> >
> > http://www.chekmed.com/med_index.htm
> >
> > This page does validate both html and css.
> >
> > Cynthia
> > Who admits to learning everything she knows about css from this list.
The movement in your left nav on rollover is a little distracting. It
turns into a bad scene when you move your mouse from one of the longer
links, to one of the shorter ones (along the right side of them) and
both links start to "stutter" back and forth between the idle and
hover positions. Try it in Firefox and you'll see what I mean. That's
the only feedback I have after just looking at the page.
After checking out your CSS, though, I see a few things that could
prove to be very dangerous for you as you move along in development,
adding more pages and content.Here are the ones I think will be a big
deal for you:
a { display: block; }
! DANGER ! this will put a text link all on it's own line if it's
within a paragraph or other element. If you're using this for your
nav, add the nav container to the selector so it only targets those
links, ( #navigation a { display:block; }
a:hover{ display: inline; }
This is REALLLY dangerous coming after making it a block element, and
changing it to inline when you hover over it. This can make everything
on your page move around just because someone moved their mouse over a
link. As a general rule, it's safe to assume that changing from block
to inline and inline to block on hover is a dangerous idea.
div#header { position:relative; }
Why? Relatively and absolutely positioned elements are two of the top
causes of woe and heartache among CSS beginners. Use them sparingly
and only if you can't achieve what you want in another way. What are
you trying to achieve with the header being relatively positioned?
Good job on getting nice, valid code in a clean and good looking page
that holds up to font-resizing, and good luck!
j
______________________________________________________________________
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/
