Sorry to bother you guys, but I have a problem and I just can’t figure out what I need to do to solve it.
It’s my ‘headline’ section. For the most part, it works. Whenever a certain category is posted in, an image is also referenced in the custom fields below it. Through the coding, it puts the image in the headline, where only the five most recent are to be shown in order of the newest on the left and oldest on the right.
When I don’t have the coding for the five images and the links they have, everything is fine in terms of spacing. However, once I have them in, it pushes some of the content below it down 14px. I have the ‘headline_bg’ which is the background under those five images, and then after that is the ‘articles_spacer’ which is the background image that says “reviews” and “columns” on it. It’s also the background that the “join the forums” button sits on, which is obviously pushed down 14px. As well, the actual content in the reviews column and the columns column are both pushed down 14px instead.
I know I can do a simple ‘margin-bottom: -14px’ but that just covers up the problem; it doesn’t fix it. Normally I might do this, but I know it shouldn’t be like this and I discovered another problem that would muddle things up: I have all five images as links, so when you hover them, the cursor changes as it normally would. Then when you move the cursor to just below the images, where the 4px section of the background image shows, it goes back to not being a link, as it should. However, the top part of the ‘articles_spacer’ background image — or whatever is on top of it — has a small section that links to the same place that the image above it does.
How am I to get rid of this? Here is all the code I’ve used for the headline:
I would love to not have to use negative margins, however, I only have a basic knowledge of CSS. As well, this theme isn’t from scratch — I’m modifying it (heavily), but for me, I’m bound to run into problems when trying to get it to look the way I want it.
This is one such problem. I just don’t know how to fix it.
OK, I fixed the spacing problem, however, there is still that invisible link problem. It’s an area only a few pixels tall under each of the headline images, and it’s as wide as a headline image. If you hover over the ‘reviews’ or ‘columns’ graphics just under the headline, you should see what I mean. It’s only happening in Firefox, though. Not IE or Safari.
What’s the deal guys?
Viewing 6 replies - 1 through 6 (of 6 total)
The topic ‘Undesired Spacing’ is closed to new replies.