On Feb 13, 2008, at 12:58 PM, Ken Davies wrote:
> I am probably asking it wrong but I am asking. Possibly a repeat
> post as
> I had html setting on email, sorry.
> Please review and advise.
> I have tried using h4, or p for a line of text below the banner
> separating the menu and gallery. Listed in html as a div I get the
> line
> as separation but when
> I link it to the style sheet for text align etc then I lose the
> rest. I
> also can't get the menu text to accept a the color gold
> On http://www.equestrian-jewelry.com/untitled.htm
> http://www.equestrian-jewelry.com/mis/Arlen2.css
> The image is only placed so I encounter and deal with problems-it will
> eventually be replaced.
OK, first ditch the msoffice cruft on the html tag. XML namespaces
don't have any place in HTML 4.01. But that's not css, soo....
what's this supposed to be?
#banner { padding: 3px; text-align: center; width: 99%; height:
53px; border: margin-bottom -10px;}
Starting with the the "border" attribute, everything's munged. I'm
not sure what you're trying to do, but the browser will barf, because
"margin-bottom -10px" isn't a valid value for "border."
Also
p{
text-align: center; font-weight: bolder;
color : #AF962E;
margin-top: -25%; margin-left: 8%;
width: 99%;
line-height: 20px;
clear: both;
}
is unused, as there are no "p's" in your document. Perhaps instead of
div id="p" you meant to use "p". Making that change I get something
that probably looks the way you want.
Can I ask a question without offending you? Why do you seem to be
allergic to styling the HTML tags themselves? Instead of styling the
UL menu, you wrap it in a div and style the div?
Also this selector doesn't make sense in your file:
#navul .left li a .left li a:hover
First, nothing is given class "left", so the selector will never find
anything to apply to it.
Second, even if we delete the reference to "left" it still won't find
anything to apply to, as you're asking it to select the a element
being hovered over, which is within a list item which is within
another a which is within another list item which is within something
gievn the id of navul. I think you're missing a comma. When I remove
the "left" class, put in the missing comma and the required second
reference to #navul I get a gold menu. (BTW, if you wanted the menu
gold all the time, drop "left" and delete everything after the first
"a".
You need to do a little more work to understand how to use CSS
selectors. I'd suggest a good basic book on CSS ("The Definitive
Guide" comes to mind) or at the very least do some trial and error
work with the selectoracle (I posted a link to it a few days ago,
google it if you missed it.
> On Unhovergallery
> http://www.equestrian-jewelry.com/unhovergallery.htm
> http://www.equestrian-jewelry.com/mis/bannergallery.css
I don't even want to begin to try and untangle what you dropped in
the class of *that* ul. "left li, left li a, left li a:hover, left li
b"? It's nonsense. Just delete it completely. I can't even begin to
guess what you were trying to do there.
Get yourself a current copy of firefox, download the web developer's
toolbar for it. Use the option Outline->Outline Current Element as
you move your mouse around the page to see what the various blocks
actually are, then use the option CSS->View Style Information and
click on one of the boxes to see what style is being applied to that
and where it comes from.
Right now you're just shooting in the dark and hoping to hear the
bullet hit something. Do some reading and exploring and you'll find
the light switch.
Have Fun,
Arlen
------------------------------
In God we trust, all others must supply data
______________________________________________________________________
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/
