Re: [css-d] fine tuning help

[Steve Bryant]

Dre,

I don't know about your issue on Mac IE, but in order to have your
bullets be images, I would actually set them as a background image for
your link.

So change your #mainmenu li a to this:

#mainmenu li a {
display: block;
padding: 4px 0px 4px 13px;
/*border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;*/
background-color: #f2f2f2;
background-image:url(/simg/littlebutton.gif);
background-position:left;
background-repeat:no-repeat;
font-size:10px;
font-weight:bold;
color: #00;
text-decoration: none;
}

Note the removal of the addition of left-padding equal to the width of
the image and the removal of the width property. If left in, the link
would be 100% + 13 px.

As to styling the active link, I would set an id on each link and use
the class attribute of the body tag. Then you can have something like
this:

body.about #mainmenu li a#about {
  /*Some special styling here*/
}

I have written a blog entry about using the body class attributes. I
am sure others know of better resources.
http://steve.coldfusionjournal.com/read/1037854.htm

Hope that helps!

Steve

Steve Bryant.
Bryant Web Consulting LLC
http://www.BryantWebConsulting.com/
http://steve.coldfusionjournal.com/ 

> My template page is http://corp.webmachineinc.sytes.net/index2.html.
> 
> The best workaround I've found is to actually include
> the bullet image in the html which is obviously RONG!
> 
> The second item is that I would like to have the page I'm on in the
> menu as hilited in the menu but for the life of me I cant figure out
> how to get a selector to work on it. Anybody done this?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] fine tuning help

[DRE]

Hi,
I have this site that I've got working. I have two little niggling
details that perhaps you can help me solve.

My template page is http://corp.webmachineinc.sytes.net/index2.html.

The first is that using the menu I found on alistapart.com, I cant
seem to get images to work on the li driven list menu instead of the
bullets.  Hopefully this is clear. The culprit seems to be that in
order to get the hilight to work properly, you have to set the "li a"
items as inline. but then the bullet gets its own line which kind of
makes sense.  The best workaround I've found is to actually include
the bullet image in the html which is obviously RONG!

The second item is that I would like to have the page I'm on in the
menu as hilited in the menu but for the life of me I cant figure out
how to get a selector to work on it. Anybody done this?

Drat, a third one.  on ie 5.1 on a mac, the content seems to want to
jump to the right.  Is there a fix for this?

Thanks in advance to anyone helping and have  great day!

-- 
DRE
www.webmachineinc.com
www.theanticool.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/