Bullet Points for IE7

teaboy5 · 14 Jun 2009 at 00:13

Hi all

Just working finishing some things on a site called www.armaghmarble.com. I have an issues with the small bullet points on the nav wont show up in IE7, but work fine using firefox.

Does anyone have any ideas how to fix this? I can post code etc if you need it.

BloomerzUK · 14 Jun 2009 at 00:19

The easiest way around it would be to use images instead of the bullets, so you don't have to do wacky IE workarounds in CSS.

teaboy5 · 14 Jun 2009 at 00:24

Also i have a problem with the hovers.

If i hover over a link the text changes to blue which works fine. But if i click on a link i want it to stay a different colour so its tell the user where they are. But if i click a different link the already visited one changes back to white.

ArmyofHarmony · 14 Jun 2009 at 08:52

Pretty sure you can't use CSS to show which page you are on. Usually on the next page I set something like body id="aboutus" and then in my css I have something like:

body#aboutus a.aboutus
{
color:blue;
}

konicky · 14 Jun 2009 at 10:12

Nice site, but I find the text on the profile page difficult to read.

tsinc80697 · 14 Jun 2009 at 12:03

Easiest way to show a user what page they are on via navigation is to add a class "selected" to navigation item they are on.

So:

Code:

<ul id="Navigation">
   <li id="Home" class="selected">Home</li>
   <li id="AboutUs">About Us</li>
</ul>

Then in CSS just style the .selected to a certain colour you want

HungryHippos · 14 Jun 2009 at 17:12

This might sound obvious but have you tried giving the li item in your CSS the list-style-type property value 'circle'

i.e

li {list-style-type:circle;}

I checked your CSS and can't see anything relating to the li entities

Draeger · 14 Jun 2009 at 17:37

Really liking the design of the site. Very eyecatching and well set out.

teaboy5 · 14 Jun 2009 at 19:34

Eulogy said:
This might sound obvious but have you tried giving the li item in your CSS the list-style-type property value 'circle'

i.e

li {list-style-type:circle;}

I checked your CSS and can't see anything relating to the li entities

Will give this a go now.

Thanks for the help all.

Tripnologist · 14 Jun 2009 at 20:40

list-style should go on the ul, not the li.

Your problem btw, will probably be related to margin and padding. Mess around a bit until you figure it out.

HungryHippos · 14 Jun 2009 at 22:02

Tripnologist said:
list-style should go on the ul, not the li.

Your problem btw, will probably be related to margin and padding. Mess around a bit until you figure it out.

you sure mate? mine only works if I put the style on the li item

Ah well i'm not the best designer ever so who knows haha

Tripnologist · 15 Jun 2009 at 07:45

Eulogy said:
you sure mate? mine only works if I put the style on the li item

Yes, I'm very much sure.

http://www.w3schools.com/Css/pr_list-style.asp

Once again, mess with margin and padding. I reset them on all ul, ol and li elements. and then go from there.
This is what I use in my default.css.

Code:

ul, ol { margin: 0 0 0 20px; padding: 0; list-style: disc;}
ul li, ol li { padding: 0 0 0 10px; margin: 0;}