View Full Version : Typing text with pictures - alignment problems

10-22-2008, 10:26 PM

I'm trying to type captions under photos and having trouble getting the text centered under the photos. I'm very much a beginner at Dreamweaver and so far have done very basic editing.

This is the page I'm working on:

The first trouble I had was aligning the pictures so that they were more centered on the page and right next to one another. I put a value in "V Space" and that moved the two pics apart (that probably isn't the correct way to move/place pictures, but since it worked...)

Now I'm trying to put captions under each picture, but that isn't working. I have never been able to type something while putting together a page and then insert more than two spaces before the cursor just stops. I've done searches but haven't found anything that has helped with this particular question.

Is there anything I can do to put captions under the photos that won't require complicted coding?

Thanks very much for any advice/help!

10-23-2008, 11:03 AM
I had a similar problem on a page I built where I needed to get the text centered under the pics. You can try using a table and put the pics in the table and then center everything in the table. That's what I did on this page: http://www.babygiunta.com/videos.html because the links need to be directly under their corresponding images.

10-23-2008, 02:56 PM
In simple

You can set the images inside a div. Style the div to the general width of the images and the text to be centered. Set your margin to get the spacing between the images. Place your image, add a br (line break) and your caption. This will place the text centered below the image.

Example css;
.myimage {

Example of the html
<div class="myimage">
<img src="myfirstimage.jpg" alt="" width="???" height="???" />
<br />
First image caption

10-23-2008, 08:53 PM
For visual people it's much easier to create a table and do it in design view. If you're unfamiliar with using them just start playing around and it will pay off later.

Tables can keep everything lined up the way you want it but you need to plan for them before you design the page.

10-24-2008, 12:06 AM
Tables can keep everything lined up the way you want it but you need to plan for them before you design the page.

I don't want to get this thread off topic, but will mention that any content, image and/or text, needs to be considered when designing the page layout.

10-24-2008, 01:37 AM
Thank you very much for the replies!

I am trying out a table, and it seems to be working great; the div tag I understand, but I think it would take me more time to do it that way, since I'm such a beginner with coding. I'll try it some time when I'm not under such time pressure, though, to help further my understanding of html.

Again, thanks so much! :)

10-31-2008, 04:10 AM
One more question... the table seems to be working out fine, and I've been able to figure out most of the glitches I've run up against... except for one.

I'd like to shift the table up so that the first line of text is closer to the horizontal blue bar under the title pics, but I can't figure out how to do it. I've been experimenting with borders, cell padding, etc. but I haven't been able to move the text up.

Is it possible to do this, and if so, could someone please explain this to me?

The page is now at www.dressageclinics.org/blanca.html (http://www.dressageclinics.org/blanca.html) (I couldn't edit my original post to change the URL).

Thank you so much for all of the help!

10-31-2008, 04:31 AM
vertical-align: top; maybe

10-31-2008, 05:34 AM
Thanks for the idea - that makes sense. :) I tried it... it looks about the same, though - maybe the text has moved up a little? Maybe that's as high as it can go.

10-31-2008, 06:13 AM
check any paddings that might conflict, you have a lot of styles on your page. tables are really a pain