MyBB Community Forums

Hi,

I'm working on a programming job, I've got Dreamweaver CS5 and Notepad++, the combination of them is working reasonably well. Basically, I'm trying to get several images next to each other, with text below them. This is HTML.

The screenshot shows a rough plan of what I want to try and do, just whipped that up quickly.

Any ideas how this could be achieved? Thanks.

For ease and simplicity, I'd use a table. I know it's not the best option, but it sure beats messing around with floating and spacing etc. Try something like this:

<table width="100%">
<tr>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
</tr>
<tr>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
</tr>
</table>

(2011-07-02, 08:51 AM)Jordan L. Wrote: [ -> ]For ease and simplicity, I'd use a table. I know it's not the best option, but it sure beats messing around with floating and spacing etc. Try something like this:

<table width="100%">
<tr>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
<td width="25%"><img src="img.jpg" alt="Image" /></td>
</tr>
<tr>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
<td width="25%">Text!</td>
</tr>
</table>

Thanks, that works nicely. Can't believe I didn't think of a table. +rep.

No problem. Also, I wouldn't use Dreamweaver, personally I don't think it's that good. Try coding it all in NotePad++ (it sets you up with experience and not needing fancy software to create something simple). Just a personal preference, though.

(2011-07-02, 08:54 AM)Jordan L. Wrote: [ -> ]No problem. Also, I wouldn't use Dreamweaver, personally I don't think it's that good. Try coding it all in NotePad++ (it sets you up with experience and not needing fancy software to create something simple). Just a personal preference, though.

Fair enough. I don't normally use Dreamweaver, I just got it for those bits of coding that I couldn't figure out how to do myself. I know the basics of HTML.

It's just Dreamweaver's Design Mode which sucks. Their Coding Mode (or w/e you call it) is actually really good.

Ah, well I've never messed around with it too much. I've always done it from NotePad++ .

I'd personally have used floats to be fair, but a table does work just as well.

Floats do my head in, I could never work them out, a tut on floats would be nice

They're simple, so long as you remember to clear them in the end. I use them all the time. If they're not suitable, I use absolute positioning within a relative parent.