[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Why aren't these 2 link litems displayed?

Posted on 2011-04-21
11
Medium Priority
?
225 Views
Last Modified: 2012-05-11
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
0
Comment
Question by:lapucca
  • 7
  • 4
11 Comments
 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445157
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...
0
 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445164
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;
0
 

Author Comment

by:lapucca
ID: 35445213
Shouldn't that be #fffff?
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445251
Inspection
0
 

Author Comment

by:lapucca
ID: 35445286
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.
0
 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445310
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
0
 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445323
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;
}
0
 

Author Comment

by:lapucca
ID: 35445351
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
0
 
LVL 17

Accepted Solution

by:
Carlos Villegas earned 2000 total points
ID: 35445359
Yes, is is going to display the right most (gray):
background: url(/style/KSOM/skin/img/global/widget-small-bg.jpg) -410px 0px no-repeat;
0
 

Author Closing Comment

by:lapucca
ID: 35445410
got it.  Thanks.
0
 
LVL 17

Expert Comment

by:Carlos Villegas
ID: 35445437
Glad to help!
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question