Re: [css-d] Horizontial Nav wrapping in IE

[Jack Timmons]

On Wed, Apr 16, 2008 at 12:01 PM, Wade Smart <[EMAIL PROTECTED]> wrote:

> 04162008 1200 GMT-6
>
> Oh, Jack, sorry about that. That is my fault. I didnt copy and paste - I
> wrote it direct into the email. That brace is a ) and not a } in the code.
>
> Wade
>
>
>
> Jack Timmons wrote:
>
> > The culprit might be the fact you have a closing brace instead of
> > paranthesis. Try:
> >  background: url("graphics/ButtonBackground.png") no-repeat top left;
> >
> > Instead.
> >  Also, there might be more to it (the CSS coding isn't my style, so I
> > feel shaky about it), but the Chinese food in front of my face distracts me.
> >  -Jack
> > On Wed, Apr 16, 2008 at 11:35 AM, Wade Smart <[EMAIL PROTECTED] > [EMAIL PROTECTED]>> wrote:
> >
> >04162008 1126 GMT-6
> >
> >I have horizontal navigation that uses graphic button backgrounds in
> >a .
> >In IE the buttons are in vertical rows.
> >
> >li {
> >display: inline;
> >}
> >
> >#nav a {
> >margin: auto;
> >background: url("graphics/ButtonBackground.png"} no-repeat top left;
> >text-align: center;
> >}
> >
> >#nav a:hover {
> >background: url("graphics/ButtonBackground.png"} no-repeat top right;
> >color: black;
> >}
> >
> >When I do this without the background image it seems to work fine
> >but with the
> >background image it will not.
> >
> >Wade
> >
> >  __
> >
>

 I think you're going to need to set some height/width for it to work like
you want. Is there a site you can link me to so I can look?

Others may be able to better solve it for you, though. Chinese food makes me
short-sighted.

-Jack
__
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/

Re: [css-d] Horizontial Nav wrapping in IE

[Jack Timmons]

The culprit might be the fact you have a closing brace instead of
paranthesis. Try:

background: url("graphics/ButtonBackground.png") no-repeat top left;

Instead.

Also, there might be more to it (the CSS coding isn't my style, so I feel
shaky about it), but the Chinese food in front of my face distracts me.

-Jack
On Wed, Apr 16, 2008 at 11:35 AM, Wade Smart <[EMAIL PROTECTED]> wrote:

> 04162008 1126 GMT-6
>
> I have horizontal navigation that uses graphic button backgrounds in a
> .
> In IE the buttons are in vertical rows.
>
> li {
> display: inline;
> }
>
> #nav a {
> margin: auto;
> background: url("graphics/ButtonBackground.png"} no-repeat top left;
> text-align: center;
> }
>
> #nav a:hover {
> background: url("graphics/ButtonBackground.png"} no-repeat top right;
> color: black;
> }
>
> When I do this without the background image it seems to work fine but with
> the
> background image it will not.
>
> Wade
> __
> 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/
>
__
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/

[css-d] Horizontial Nav wrapping in IE

[Wade Smart]

04162008 1126 GMT-6

I have horizontal navigation that uses graphic button backgrounds in a .
In IE the buttons are in vertical rows.

li {
display: inline;
}

#nav a {
margin: auto;
background: url("graphics/ButtonBackground.png"} no-repeat top left;
text-align: center;
}

#nav a:hover {
background: url("graphics/ButtonBackground.png"} no-repeat top right;
color: black;
}

When I do this without the background image it seems to work fine but with the 
background image it will not.

Wade
__
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/