i need a bit of help with some CSS. I'm putting together the structure of a site, but can't get it to look quite right! I want images in in the main content area in little boxes. I'e got them how I want them, and where i want them, but it's how to get the text around them to do what I want that I'm struggling with.
The images are div's within the main content div and their code is:
I just put the following in the html when I want an image to be placed:
what I don't like is the way there is no gap between the right hand border of the image on the left, and the start of the text, and also the way the text doesn't properly flow arount the top of the image div on the right.
I'm now stuck,a s everything I've tried to get it to look how I want hasn't worked.
Any ideas on what i could try to get it looking right?
The images are div's within the main content div and their code is:
Code:
#imageright {
width: 160px;
height: 165px;
float: right;
padding: 5px;
text-align: center;
border: 1px solid #efefef;
}
#imageleft {
width: 160px;
height: 165px;
float: left;
padding: 5px;
text-align: center;
border: 1px solid #efefef;
}I just put the following in the html when I want an image to be placed:
Code:
<div id="imageright"> <img src="img/blank_t.jpg" width="150" height="150"><br />Image Caption</div>what I don't like is the way there is no gap between the right hand border of the image on the left, and the start of the text, and also the way the text doesn't properly flow arount the top of the image div on the right.
I'm now stuck,a s everything I've tried to get it to look how I want hasn't worked.
Any ideas on what i could try to get it looking right?
