CSS question/problem

[Machete_]

Ok - let me try and explain the problem

I have a list where I want to add a few pictures, like this:

<li><image 01><image 02><image 03><image 04></li>


I want the image to be sorounded by a border and a caption text below.


I have it on a blog, but i suck at CSS and my programmer went on vacation without telling me.

I was hoping for a solution where I add the style to the global CSS file and could write something like
<li><div class="imgbox><image 01>some text</div> <div class="imgbox><image 02>some text</div> <div class="imgbox><image 03>some text</div> </li>

But if I do that, it adds a linebreak.. what am i doing wrong here?

[Machete_]

Figured it out myself

made a style like this

 div.box 
{ha 
width:320px;
padding:5px;
border:1px solid #CCC;
margin:5px;
float:left;
text-align:center;
background-color: #f0f0f0;
} 

and added this to the doc

<div class="box"> <img src="image.jpg" alt="alt img text" width="300" height="200"><br>text below image</div> 

[Killswitch - BANNED FOR LIFE]

jQuery ftw!

<li><img src="image.jpg" alt="your text here" /></li>

Using jQuery that will do exactly what you need :D

[webboy21]

you didn't need the <br>....you could have used div.box img and then display: block;

also no float needed, actually not sure why you are adding the float

[webboy21]

oh wait, you wanted them next to eachother...never mind...that's why you need the float :P

[Machete_]

Aholes

I spend 3 hours going through CSS tutorials and cursing why it wouldent work


I will look at both the solutions you suggested just to make sure I do the smartest thing from the start..

thanks

[webboy21]

sorry kris, if I had seen this earlier I would have said so earlier

[Machete_]

sorry kris, if I had seen this earlier I would have said so earlier

No worries. all that matter is it got done and I learned something

[JeffCliff]

Ok - let me try and explain the problem

I have a list where I want to add a few pictures, like this:

<li><image 01><image 02><image 03><image 04></li>


I want the image to be sorounded by a border and a caption text below.


I have it on a blog, but i suck at CSS and my programmer went on vacation without telling me.

I was hoping for a solution where I add the style to the global CSS file and could write something like
<li><div class="imgbox><image 01>some text</div> <div class="imgbox><image 02>some text</div> <div class="imgbox><image 03>some text</div> </li>

But if I do that, it adds a linebreak.. what am i doing wrong here?

Wait, your programmer just gets up and goes on vacation when he pleases... Can I work for you?

[tonyparra]

I need to do something similar was jus goona post on it lemme try what you did...

[tonyparra]

Actually wrong i want the text to align at the top to the right of the image is this possible in a list?

[tonyparra]

Heres and example of what im saying:

see how the text is under and at bottom of pictures? how can i align it to the top so that it looks better? Im using a list.

[Machete_]

Heres and example of what im saying:

see how the text is under and at bottom of pictures? how can i align it to the top so that it looks better? Im using a list.

'

you are related to teencat, I would rather fuck bill o'reilly bareback in the middle the vatican city, before I would provide you with as much as one nano-inch of helpfull advice.

Was that clear enough for you?

[Machete_]

Wait, your programmer just gets up and goes on vacation when he pleases... Can I work for you?

he is not "my" programmer, its just a guy I use when I need simple stuff done

[tonyparra]

'

you are related to teencat, I would rather fuck bill o'reilly bareback in the middle the vatican city, before I would provide you with as much as one nano-inch of helpfull advice.

Was that clear enough for you?

Why do you want to fuck bill o'reilly man?