2 images floating in header how?

I am fumbling around in the dark with CSS and am not familiar with all expressions yet but am stubborn enough to go on trying. :frusty:

With Sunflower-Orange template as a base I want to change a few things. I would like 2 images floating(?) left and right in the header instead of one long logo.gif. I am convinced this is possible but can't find out how to do it and where to alter the code.
If this is not possible how can I prevent the logo image to wrap even if the center of page is "flexible" with the width of browser?

Any suggestions will be appreciated.

Eva

eisot:

I am fumbling around in the dark with CSS and am not familiar with all expressions yet but am stubborn enough to go on trying. :frusty:

With Sunflower-Orange template as a base I want to change a few things. I would like 2 images floating(?) left and right in the header instead of one long logo.gif. I am convinced this is possible but can't find out how to do it and where to alter the code.
If this is not possible how can I prevent the logo image to wrap even if the center of page is "flexible" with the width of browser?

Any suggestions will be appreciated.

Eva

Do you have a Link? This is possible, almost everything is these days. The method depends on exactly what your trying to accomplish ... if you want them side by side it's a different method per say then one left and one right ... guess I need just a bit better explanation of what your trying to accomplish.

eisot:

I am fumbling around in the dark with CSS and am not familiar with all expressions yet but am stubborn enough to go on trying. :frusty:

With Sunflower-Orange template as a base I want to change a few things. I would like 2 images floating(?) left and right in the header instead of one long logo.gif. I am convinced this is possible but can't find out how to do it and where to alter the code.
If this is not possible how can I prevent the logo image to wrap even if the center of page is "flexible" with the width of browser?

Any suggestions will be appreciated.

Eva

Are you wanting something like this?

http://www.shopfinestgourmet.com/kitchen

ThePatch:

Are you wanting something like this?

http://www.shopfinestgourmet.com/kitchen

That can be accomplished by a float left, float right with padding right on the div floated right , followed by a <br class="clearBoth"> ... and you need to contain the floating divs in a div thereselves ...

Zen has included a class that will clear both floats ... of course if you don't need to break the line (act like a table) add <div class="clearBoth"></div>

Thank you guys for helping out.
Link for test site: http://bytiny.com/zStore
The bg header image is not split in 2 yet You can see how it wraps.

ThePatch:

Are you wanting something like this?

http://www.shopfinestgourmet.com/kitchen
Yes, that is exactly what I'd like. :smile:

testuser, bare with me, I'm an old, lady working with this from my bedside. Have all computers rigged up by my bed (and I'm not joking).
Do I add the float left and right and clear both under #logoWrapper in the stylesheet or does it go in the tpl_header or anywhere else?

Eva