Hey all, just a quick one. My forum (non-profit) currently has a banner which consists of three parts, a left image, a right image and a tile in between them depending on browser width.
I'm no CSS expert (although I know a few pieces) and so I don't want to mess this up but the current setup is:
The logostrip contains the tiled image.
I wish for it now to just have one image on the left and a tile to the right which eliminates the need for the right image entirely.
If I was to have a guess at this I would say it should look like:
My unknowing is opening with <a href=... which doesn't look right as I don't know what the second-to-last </div> is closing.
Is it just a case of declaring a new div for the left image?
Thanks
I'm no CSS expert (although I know a few pieces) and so I don't want to mess this up but the current setup is:
Code:
<div id="logostrip">
<div style="float:right"><img src='style_images/<#IMG_DIR#>/logoright.jpg'
style='vertical-align:top' alt='IPB' border='0' /></div>
<a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img
src='style_images/<#IMG_DIR#>/logoleft.jpg'
style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>
</div>The logostrip contains the tiled image.
I wish for it now to just have one image on the left and a tile to the right which eliminates the need for the right image entirely.
If I was to have a guess at this I would say it should look like:
Code:
<div id="logostrip">
<a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img
src='style_images/<#IMG_DIR#>/newlogoleft.jpg'
style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>
</div>My unknowing is opening with <a href=... which doesn't look right as I don't know what the second-to-last </div> is closing.
Is it just a case of declaring a new div for the left image?
Thanks