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

Comments

goody815’s picture

Neil,

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.

neilzusman’s picture

goody815’s picture

Assigned: Unassigned » goody815

Hi neilzusman,

try adding this css to your local.css file

.row,
.nested,
.block {
overflow: visible;
}

neilzusman’s picture

Thanks 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.

neilzusman’s picture

StatusFileSize
new70.75 KB

Hi 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

goody815’s picture

Hi Neil,

What's the link to that screenshot? I can take a look at it.

neilzusman’s picture

Hi,

Use the link in #2 and then scroll to the top of the page to see the h1 header.

I appreciate your assistance.

Neil

neilzusman’s picture

I 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

goody815’s picture

neilzusman,

I'm not sure I understood your last post correctly. Did you add the overflow: visible to the sidebar with the slideshow?

neilzusman’s picture

StatusFileSize
new42.34 KB

I 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.

goody815’s picture

neilzusman,

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 ??

neilzusman’s picture

Hi 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

neilzusman’s picture

Its 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

goody815’s picture

neilzusman,

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

neilzusman’s picture

Hi Chad,

It worked, thank you. I got the style to reposition the block but it positioned it too closely to the left.

Regards,

Neil

goody815’s picture

neilzusman ,

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?

goody815’s picture

Status: Active » Postponed (maintainer needs more info)
neilzusman’s picture

Hi 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;
}

goody815’s picture

Status: Postponed (maintainer needs more info) » Closed (fixed)

neilzusman,

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

adash’s picture

Version: 6.x-1.1 » 7.x-1.x-dev
Status: Closed (fixed) » Active

Hello,
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