By communityoutreach.ca on

Hello,

We have a drupal database that supports our job posting portal. Our programmer has moved and we need help with a minor glitch we are unable to resolve.

When creating a job posting on the page, there are occasions when a job title is posted in English and French and hence tends to flow into a second line and hence overlapps with the body text. Can you tell us how to correct the space between the title and body text.

website: www.communityoutreach.ca
Job Board menu: Click page 9, you will see the text unreadible.

Pls advise

Edited by: VeryMisunderstood; Moved to appropriate forum

⋅ Categories: Drupal 6.x

Comments

nevets’s picture

nevets commented

It looks fine in FF3

communityoutreach.ca’s picture

communityoutreach.ca commented

Check this page: TD posting in English and French. http://www.communityoutreach.ca/jobs?page=10
Rep. Services financiers Stagiaire-Rive-Sud de Mtl / Financial Services Rep. Trainee-South Shore Mtl in Sales Montreal Quebec
Deadline: Mar 19, 2009
Company: TD Bank Financial Group
Job Posting Alert: J0209-0094 - TD Bank Financial Group

vm’s picture

vm commented

I see it now, its the length of the title that is causing the problem it's bleeding onto a second line covering up your taxonomy terms.

Using firefox and the firebug add on you may have to tweek the css to expand the title area some, in height. The font size could be made smaller as well.

You have css aggregation turned on, so ensure you disable css aggregation when you make the changes to style.css so that when you re-enable css aggregation those changes are made to the aggregated css file.

vm’s picture

vm commented

I don't see a problem in IE7 either.

mkdi’s picture

mkdi commented

You'r right, some of the node titles are appearing on the top of taxonomy in Chrome, and FF. Try this, In your style.css, find -h2.title ,and change, the height from 1.8em, to say 1em and give it some bottom padding. That should hopefully fix it.

dman’s picture

dman commented

Noo.
Don't hard-code the height at all. Why would you if you need to allow line-wrap?

h2.title {
  font-weight:bold;
  /* height:1.8em; */
}

Line-height is correctly set elsewhere, so this will be fine.
And yes, you'll need to flush the css cache. ( admin/settings/performance )

.dan. is the New Zealand Drupal Developer working on Government Web Standards

vm’s picture

vm commented

good point! about not hardcoding the line height!

mkdi’s picture

mkdi commented

What was I thinking, too early for me, need a strong coffee to wakeup.

communityoutreach.ca’s picture

communityoutreach.ca commented

THANK YOU.