Active
Project:
Acquia Prosper
Version:
7.x-1.x-dev
Component:
Miscellaneous
Priority:
Normal
Category:
Bug report
Assigned:
Reporter:
Created:
14 May 2011 at 14:56 UTC
Updated:
8 Oct 2012 at 17:18 UTC
Jump to comment: Most recent file
Hello,
I am using Tiny Tiny MCE. After running an anchor link, the h1 title header at the op of the page is cut in half.
This happens when an anchor is used on the same page or is used from another page. I have tried turning off breadcrumbs, same behavior.
Re-loading the page corrects it.
I've swapped themes, no change. I'm using panel pages.
Thank you. I love your pull-quotes style!
Neil
| Comment | File | Size | Author |
|---|---|---|---|
| #10 | Screen shot 2011-06-14 at 9.34.19 PM.png | 42.34 KB | neilzusman |
| #5 | Screen shot 2011-06-06 at 11.11.43 PM.png | 70.75 KB | neilzusman |
| h1titlecut.jpg | 16.45 KB | neilzusman |
Comments
Comment #1
goody815 commentedNeil,
do you have a live site link I can take a peak at. The styling from the Tiny MCE might be adding a line height that's not jiving with the font size of the h1 tag.
Comment #2
neilzusman commentedHi,
Here is the live site:
http://newdirectionscello.org
An anchor link here:
http://newdirectionscello.org/tom-mank-and-sera-smolen-press#sun-meets-blue
Thank you.
Comment #3
goody815 commentedHi neilzusman,
try adding this css to your local.css file
.row,
.nested,
.block {
overflow: visible;
}
Comment #4
neilzusman commentedThanks so very much! That did it. Is this Fusion's way of handling it? This thread: http://drupal.org/node/1011310.
Works in every browser.
Comment #5
neilzusman commentedHi Goody,
Hiding the overflow was helping me cover up a node bottom line on a block in sidebar-first on my front page. (attachment)
When I use the fix, it solves the problem of the title being cut in half on the sub-pages when an anchor tag is used to navigate to the page, but lets the line on the little slide show node fall over my main slide show. I tried to write a class just for this block but it didn't work.
Could you take a look when you can.
Thank you,
Neil
Comment #6
goody815 commentedHi Neil,
What's the link to that screenshot? I can take a look at it.
Comment #7
neilzusman commentedHi,
Use the link in #2 and then scroll to the top of the page to see the h1 header.
I appreciate your assistance.
Neil
Comment #8
neilzusman commentedI misunderstood.
I turned the css you gave me back on and have the overflow running on the little slide show on the front page:
http://newdirectionscello.org
Thanks again for taking the time to look.
Neil
Comment #9
goody815 commentedneilzusman,
I'm not sure I understood your last post correctly. Did you add the overflow: visible to the sidebar with the slideshow?
Comment #10
neilzusman commentedI put this at the end of my css file:
.row,
.nested,
.block {
overflow: visible;
}
It fixes the h1 header being cut in half at the link i sent you in #2 but now the views slideshow single frame running at the top of the left sidebar on the main page has a block element like a bottom-border (?) that overflows into the the center region. I attached a partial screenshot.
Comment #11
goody815 commentedneilzusman,
hmmm. just went to the anchor link page and removed the initial css i posted. Looks like the H1 tag seems to be fine now ??
Comment #12
neilzusman commentedHi again,
Yes, the h1 header looks fine on the anchor link page but the fix causes an issue in overflow that i tried to describe on the main page here:
http://newdirectionscello.org
The bottom-border on the little slideshow on the top left sidebar overflows into the content area but I can;t seem to name the problem in firebug.
Neil
Comment #13
neilzusman commentedIts a views block and if I could move it over to -20 I'd be fine. So, you fixed the theme issue and I appreciate it. I guess I need to figure out how to move the block over.
Neil
Comment #14
goody815 commentedneilzusman,
the width of that sidebar is set at 180px via the fusion grid. The images in that views slideshow are wider that the 180px. Check your imagecache sizes for those images used in that view. You should be able to scale down the width. Let me know if this helps.
Chad
Comment #15
neilzusman commentedHi Chad,
It worked, thank you. I got the style to reposition the block but it positioned it too closely to the left.
Regards,
Neil
Comment #16
goody815 commentedneilzusman ,
i just looked at the site. i'm not following what you said about positioning it too closely to the left. Or did you come up with a solution?
Comment #17
goody815 commentedComment #18
neilzusman commentedHi Chad,
I apologize for the delay. I resized the images in imagecache but the short images were only 150 pixels wide to begin with. The views slide show block and block title took it over 180px. So, after deciding my real trouble was targeting those really dense views divs and classes, I tried this (below) and it worked - allowing me to override the 180 px sidebar limit by hiding the overflow in just that left sidebar instance of the view. I could have just targeted the class .view, but I wanted to try be more precise.
This works - Thanks again!
/*This hides the h1 title that looks cut in half when using an anchor link.*/
.row,
.nested,
.block,
.title h1 {
overflow: visible;
}
/*This allows the greater than 180 block to be displayed and hide its overflow.*/
#block-views-galley_list-block_1 .block block-views odd first grid16-3 fusion-float-imagefield-left,
.view view-galley-list view-id-galley_list view-display-id-block_1 view-dom-id-10,
.view {
overflow: hidden;
}
Comment #19
goody815 commentedneilzusman,
that's great news. I'm glad you got it working. i was wondering if you fixed it when i hadn't heard back ;)
Cheers,
Chad
Comment #20
adash commentedHello,
I am using IMCE 7.x-1.4 and having the same issue. When anchor link is used on the same page or is used from another page it cuts the H1 title in half. Re-loading the page corrects it.
I tried the css code fix mentioned here and it did not work for me.
Any suggestions?
Thanks,
AD