margins messed up

[Sketchy]

You must have been working on it at the same time I viewed your store. I witnessed the problem and I was going to comment on the errors, but you reverted back to error and problem free files.

[skunkworx]

hi sketchy,

well i spent a few hours yesterday trying to get things to work and finally things are starting to click.

so once i'd worked out a few things i reverted back to the original so i could start afresh.

i do still have an issue though perhaps you can look at?

if you notice all the text is sitting a little low in the graphics/boxes.

this was the same in the template.

how do i correct this?

Thanks so much for helping me out, maybe i can help out someone else some time.

Tim

[Sketchy]

Hi Tim. Yeah, sometimes frustration can only be cured when starting anew. Anyways, you're welcome and I'm sure you'll be helping out on the forum in no time.

I took a look at your query. Without the boxtop images, the text is centered right, but I guess with the bottom shade of the images... it mirages the effect of misaligned text headings. I guess one way to cure that, is to pad up the text and hopefully the image doesn't suffer side effects.

Find, in your stylesheet.css;

.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #C0C0C0;
        background-image: url(../images/box_back.gif);
	padding: 0em;
        line-height: 25px;
	}

Replace above with;

.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #C0C0C0;
        background-image: url(../images/box_back.gif);
        padding: 0em;
	padding-bottom: 0.2em;
        line-height: 25px;
	}

Unfortunately, I have no way to see the finished product as Firefox web dev tools remove images when adjusting virtual CSS.

Good luck, Lorrie