Link to home
Start Free TrialLog in
Avatar of lapucca
lapucca

asked on

Why aren't these 2 link litems displayed?

Hi, at this page if you look at the source, under division id=sidebar-nav, there are 2 <a link that are not displayed on.  Can someone tell how to fix this?  It seems like a CSS problem.  thanks.
http://keck.usc.edu/Education/Academic_Department_and_Divisions/Department_of_Pathology.aspx
I also noticed that you would need to view the source in IE's Developer tool.  In FF it doesn't show these 2 links at all.  I am attaccing a screen shot of this.  
html-soruce.jpg
Avatar of Carlos Villegas
Carlos Villegas
Flag of United States of America image

Hello, check your ccs file:
http://keck.usc.edu/style/KSOM/skin/css/_secondary_sidebar.css

Look for:
#content a.widget.red:hover {
    background-position: 0px -69px;
    color: #fff;
}

Open in new window


color: #fff; is the problem I think...
Oh this too in the same css file:
#content a.widget.red {
    background-position: 0px 0px;
    color: #fff;
}

Open in new window


Try with color: black; or color: #000000;
Avatar of lapucca
lapucca

ASKER

Shouldn't that be #fffff?
Avatar of lapucca

ASKER

Y, we want the text to be white.  I think we're missing the background red image.  can you tell from the html where is the background image file it's looking for?  thanks.
Oh ok, I misunderstood the question then...

This image dont exist in your server...
http://keck.usc.edu/style/KSOM/skin/img/global/widget-small-bg.jpg
Then the problem es here in your css file:

#content a.widget {
    position: relative;
    display:block;
    padding: 0;
    margin: 0 0 10px 10px;
    border: none;
    width: 205px;
    height: 69px;
    /* css3 rounded corner */
    -moz-border-radius: 0; /* FF1+ */
    -webkit-border-radius: 0; /* Saf3+, Chrome */
    border-radius: 0; /* Opera 10.5, IE 9 */
    background: url(/style/KSOM/skin/img/global/widget-small-bg.jpg) -410px 0px no-repeat;
    font-family: "Georgia", Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 11px;
}
Avatar of lapucca

ASKER

Y, thank you that is the problem, missing background image.  I have a copy of that file on my local pc but I don't see how that would work.  The copy if Have has 6 background image for this widget into one file.  I'm not a CSS person but that doesn't look right even to me.  Would that work if I just upload this file to the server?  thanks.
widget-small-bg.jpg
ASKER CERTIFIED SOLUTION
Avatar of Carlos Villegas
Carlos Villegas
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of lapucca

ASKER

got it.  Thanks.
Glad to help!