Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
List background-image not showing in IE6
Old 09-02-2009, 12:12 PM List background-image not showing in IE6
michaelbenson's Avatar
Novice Talker

Posts: 11
Location: United Kingdom
Trades: 0
Hi guys, after checking out my website in different browsers through www.browsershots.org I noticed that it works perfectly in every website but, you guessed it, IE6 There appears to be some issues with displaying the background-image property for some list items - here is the CSS:

Code:
/* --- NAVIGATION INFORMATION --- */
ul.pagenav
{
    list-style:none;
    margin:0 !important;
    padding:0 !important;
}

.page_item a
{
    display:block;
    height: 97px !important;
    width: 300px !important;
    text-decoration:none;
    text-align:left;
    color:#93114a !important;
    margin:0 !important;
    padding:0 !important;
}

.page-item-home
{
    background:transparent url('images/benson/Go-Back-Home---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-home a:hover
{
    background:transparent url('images/benson/Go-Back-Home.jpg') no-repeat;
}

.page-item-9
{
    background:transparent url('images/benson/Get-Invovled---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-9 a:hover
{
    background:transparent url('images/benson/Get-Invovled.jpg') no-repeat;
}

.page-item-11
{
    background:transparent url('images/benson/Give-Me-60-Seconds---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-11 a:hover
{
    background:transparent url('images/benson/Give-Me-60-Seconds.jpg') no-repeat;
}

.page-item-2
{
    background:transparent url('images/benson/What-Do-You-Do---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-2 a:hover
{
    background:transparent url('images/benson/What-Do-You-Do.jpg') no-repeat;
}

.page-item-3
{
    background:transparent url('images/benson/Why-Bother---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-3 a:hover
{
    background:transparent url('images/benson/Why-Bother.jpg') no-repeat;
}

.current_page_item
{
    display:none;
}
Code:
<ul class="pagenav">


<li class="page_item page-item-11"><a href="http://xxx.com/60-seconds/" title="60 Seconds …">60 Seconds …</a></li>
<li class="page_item page-item-9"><a href="http://xxx.com/get-involved/" title="Get Involved!">Get Involved!</a></li>
<li class="page_item page-item-2"><a href="http://xxx.com/what-do-you-do/" title="What Do You Do?">What Do You Do?</a></li>
<li class="page_item page-item-3"><a href="http://xxx.com/why-vote/" title="Why Bother Voting?">Why Bother Voting?</a></li>

</ul>
If anyone could help me out I would really appreciate this! It appears as though the last item in the list has its background image property displayed correctly, but the rest are not.
__________________

Please login or register to view this content. Registration is FREE
- Your vBulletin Resource.

Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
,
Please login or register to view this content. Registration is FREE
and
Please login or register to view this content. Registration is FREE
Resources.
michaelbenson is offline
Reply With Quote
View Public Profile Visit michaelbenson's homepage!
 
 
Register now for full access!
Old 09-02-2009, 01:51 PM Re: List background-image not showing in IE6
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
The browsershot link didn't work. Have you just got a URL so we can see it ?
Generally, you have to feed IE some padding on the li or the <a> in the list to move the text over.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-05-2009, 07:25 PM Re: List background-image not showing in IE6
cindyfowler's Avatar
Ultra Talker

Posts: 351
Trades: 0
i met this problem several days age,i think you come across the same question,please open IE,select "tools" pull-down menu,choose "internet option",click on"normal",you will see "additional function" on the bottom of it which is next "Font",after opening ,pitch on the first option before "ingore the appointed color in website",click on "ok",then update it again,everything will be all right..
cindyfowler is offline
Reply With Quote
View Public Profile
 
Old 09-06-2009, 06:37 PM Re: List background-image not showing in IE6
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Changing the font size is NOT going to solve the problem.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to List background-image not showing in IE6
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.31954 seconds with 12 queries