1
PTlooker
Problem with list-style on IE
  • 2006/9/28 10:55

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15



2
PTlooker
Re: Problem with list-style on IE
  • 2006/9/28 19:26

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


anyone please?

3
DobePhat
Re: Problem with list-style on IE
  • 2006/9/28 19:31

  • DobePhat

  • Friend of XOOPS

  • Posts: 656

  • Since: 2003/4/15


try setting the height and width of the li first.
Which for background images is imp.

and then we can trouble shoot

Set the line-height to the same height you define as well.
This will keep your text centered verticly in the li.
The padding-left of the li will then need to be the width of the arrow.

4
zyspec
Re: Problem with list-style on IE
  • 2006/9/28 20:10

  • zyspec

  • Module Developer

  • Posts: 1095

  • Since: 2004/9/21


Sorry... I replied in the other thread instead of here earlier... You can see my suggestion here.

5
PTlooker
Re: Problem with list-style on IE
  • 2006/9/30 19:44

  • PTlooker

  • Just can't stay away

  • Posts: 447

  • Since: 2003/6/15


Problem remains... anyone please?

6
wizanda
Re: Problem with list-style on IE
  • 2006/9/30 20:10

  • wizanda

  • Home away from home

  • Posts: 1585

  • Since: 2004/3/21


Yeh shoot Bill Gates

7
snow77
Re: Problem with list-style on IE
  • 2006/9/30 20:23

  • snow77

  • Just can't stay away

  • Posts: 864

  • Since: 2003/7/23


something like this has worked for me:

li {
margin-left: 2px;
list-style: url(images/1rightarrow.png) none inside;
color: #0053A6;
}

8
martyboy
Re: Problem with list-style on IE
  • 2006/9/30 20:40

  • martyboy

  • Quite a regular

  • Posts: 256

  • Since: 2004/5/25


I read your comment on the themes news story, i think you cant get the list image to show in IE is that right?

try this code:

ul
{
margin2px;
padding2px;
list-
style-imageurl(images/arrow.gif);
list-
style-typedisc;
text-alignleft;
}


You should mess about with the margin settings, i had a problem on a theme once where i was changing from disc inside to disc outside and the margin setting was causing the bullet to get hidden underneath the left column.

Or is this for like the main menu or something? why not try the arrow.gif as a background property.

td#mainmenu a
{
    
color#whatever;
    
padding1px 1px 1px 0px;
    
background-imageurl('images/arrow.gif');
    
background-repeatno-repeat;
    
background-positionleft;
    
background-color#whatever;
    
font-weightnormal;
    
borderwhatever you want;
    
font-size11px;
    
margin-right3px;
}
td#mainmenu a:hover
{
    
color#whatever;
    
background#whatever;
    
background-imageurl('images/hover-arrow.gif');
    
background-repeatno-repeat;
    
background-positionright;
    
borderwhatever you want;
}


I hope this can help you out please accept my apologies if it is of no use to you. Good luck.
Michael Jackson = King Of Pop

Xoops = King Of CMS

Login

Who's Online

180 user(s) are online (59 user(s) are browsing Support Forums)


Members: 0


Guests: 180


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits