Thread

Hi all,

I’ve been messing with some links for hours and can’t seem to get them to behave the way I want. Maybe a fresh pair of eyes see what’s wrong.

I have three floating div containers that line up next to each other with one blog summary in each. I have made the titles/headlines into links. If I use an invalid href the link line breaks as it should, following the outer containers width and padding. If I use a valid href it breaks out ut the container across the following inline containers. It doesn’t matter if I use a valid EE path or a valid absolute path. SO far I think I’ve tried with every imaginable CSS trick to get the links to line break, but they refuse.

Anyone got a creative idea of what’s going on?

The page (not finished) can be seen here.
The containers in question are at the “from the blog” headline.

I’m desperate!

/ Ayza

try removing the whitespace: nowrap rule from your stylesheet?

Hi,

thanks for your reply, but I don’t know where you found it in the stylesheet. I know I’ve been playing around with it to no use, but I’ve search high and low and can’t find it.

😊

Ayza

In master.css in the Microitems section

#content a[href^="http:"] {    
    background: transparent url("../inc_sysimg/link.gif") 100% 50% no-repeat;
    color: inherit;
    padding-right: 10px;
    white-space: nowrap; 
    }

Even weirder! I search for it and didn’t find it.

But no problem, now it works and many, many thanks to you both! Fresh eyes see more!

Great!

Sorry, think i’m partly to blame for spelling it wrong perhaps :D