• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 253
  • Last Modified:

overlap in one slide show, not another

Hi, please look at these two slide shows and tell me why I'm seeing the overlap on the second one (I'll include screen shots to show what I mean).

1)  www [dot] renal meal plans [dot] com

2) www [dot] renal meal plans [dot] com [slash] cfs-test.html

 correct  incorrect
0
mel200
Asked:
mel200
  • 10
  • 5
  • 4
1 Solution
 
jtwcsCommented:
Try adding a clear to the .ad-nav declaration.

.ad-gallery .ad-nav {
    clear: both;
    position: relative;
    width: 100%;
}
0
 
mel200Author Commented:
Thanks very much for your help. Problem is, it's going to be hard to make changes and then take them away again, because I don't have access to the files directly. I'll have to ask another busy person to make the changes.

Is there a difference in the two websites I showed you? I guess I assumed that there was a difference there and when we found it we would have our answer.

I will wait and if someone else confirms your instinct, I'll give that a try. Thanks again for your help.
0
 
jtwcsCommented:
I figured it out.  The font size is too large on the test page because there is no declaration for it.  On the main page, it is pulling the font size from the td, which is 12px.  For example, if you change the gallery declaration on the test page to this, it should line up correctly.

#gallery {
    background: none repeat scroll 0 0 #E1EEF5;
    padding: 30px;
    font-size: 12px;
}
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.

 
mel200Author Commented:
Awesome, thanks so much! I'll try it now.
0
 
mel200Author Commented:
If I change that in firebug:
#gallery {
    background: none repeat scroll 0 0 #E1EEF5;
    font-size: 12px;
    padding: 30px;

it doesn't  make the thumbnails move over to the left.
0
 
jtwcsCommented:
That's odd, it works for me.  See attached screenshot.  #gallery was just one example, you could also try adding a font-size to the body or even the ad-controls class.

 screenshot
0
 
mel200Author Commented:
Ok, I'll try it then. Thanks again!
0
 
user_nCommented:
* {
    line-height: 140%;
}

causes this problem in  cfs-test.html (line 40)
0
 
user_nCommented:
you can try it yourself before it to be changed on the server in firefox and chrome using inspect element which is add on in firefox, in google chrome I'm not shure. With it you can make changes on the web and to see results imediately for this browser
0
 
mel200Author Commented:
OK, I did that live and it still isn't working... it's ok in internet explorer and  Chrome but not in FF. I'm running FF 3.6.
0
 
user_nCommented:
I am running firefox 6.2.0 and it is ok
0
 
user_nCommented:
I want to say 6.0.2
0
 
user_nCommented:
I turned it off completely
0
 
mel200Author Commented:
Ok, that's odd. cfe-test was good this morning, as seen on the screenshot I uploaded. But now it's exhibiting the same characteristics. I'll check it out, user-n, thanks.
0
 
mel200Author Commented:
I went to the live site and changed  line-height: 140%; to line-height: 110%; it didn't make a difference.
0
 
jtwcsCommented:
Did you try the font-size declaration suggestions for the test page?
0
 
mel200Author Commented:
But that does fix cfs-test. Now I'm even more confused.
0
 
mel200Author Commented:
Yes, I have tried it with the font-size AND the line-height, and with the font-size WITHOUT the font-height change. Neither works for the live site.
0
 
mel200Author Commented:
Sorry it took so long to give you the points -thanks, this worked!
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 10
  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now