line break..

Hi! The links in my shopping cart exceeds the element width of my shopping cart.. (strangely enough) :cry: it would be neat to produce links within the cart element...

This is a template issue, more than likely we will need a link to help you as the custom template you are running has many different elements than the vanilla Zen Cart template.

~Melanie

Ok. Guess I had it coming.. here's the link:https://www.test.soundfactory.nu

Thanks!
Jacob

A major factor in the problem is the font size in the sidebox. Do you really want the text that much bigger than the rest of your text?

stylesheet.css (line 1064)
.cartNewItem {
font-size: 14px;
}

stylesheet.css (line 420)
.cartNewItem {
color: #33CC33;
position: relative;
}

stylesheet.css (line 846)
.sideBoxContent div {
color: #0C335C;
font-size: 16px;
}

stylesheet.css (line 475)
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0;
}

stylesheet.css (line 430)
.cartBoxTotal {
font-weight: bold;
text-align: right;
}

You can use

overflow: auto;

to allow a scroll bar to appear when a "word" in the text is too wide to fit. You might not like the look of this, but it is a possibility.

There is another property which one of my references says is non-standard and supported in IE5.5+ only, but works now in Firefox 3.6:

word-wrap: break-word;

I don't know what other browsers may support this, but if FF and IE do (and it doesn't blow up other browsers) that is enough market share to be worthwhile.

well I reduced the font size (from 16px and 14px to 12px in both instances, I admit it wasn't very purposeful). Thanks for the overflow and word-wrap hint, I'll try those right away..!

The Query Cahche add-on killed My site.., I'll have to do a re-install before I try..

I just looked it up on w3schools.com, and word-wrap is now a CSS3 property "supported by all major browsers".
So you should be good to go with it.

It's very kind of you, looking this stuff up! Thanks! :smile: