...

View Full Version : Caption under image?



michael180
10-29-2007, 10:01 PM
I want to add a caption under an image on one of my pages. The page is coded entirely in CSS, no tables.

I can't seem to find any information. Any suggestions.

Thanks,

bDare
10-29-2007, 10:03 PM
I'm not really sure if this will work, because I'm not sure what your code looks like, but you can create a div that is about 15px taller than the image. Then you can put the image in the div, and place the text in a separate div, or p tag under the image.

michael180
10-29-2007, 10:29 PM
Thanks dDare, I think I'll just go ahead and make the caption part of the image.

srule_
10-30-2007, 12:26 AM
Hey, I would not suggest adding your caption to the image. The reason are numerous... just a few are: 1-the search engines wont be able to read it, 2-you can not add links to it, 3- you can not style it with css.

here is a tutorial on adding caption & position images: Adding Captions (http://neilsweb.com/blog/?p=9)

jlhaslip
10-30-2007, 05:42 AM
http://jlhaslip.trap17.com/samples/image_display/image_display_single.html

tweak this a little bit

effpeetee
10-30-2007, 06:21 PM
http://www.exitfegs.co.uk/Picchoosec.html

http://www.exitfegs.co.uk/steve.html

http://www.exitfegs.co.uk/hovercss.html#nogo4

Check this out

Frank

effpeetee
10-30-2007, 06:30 PM
Here's the css[


CODE]* { margin: 0;
padding: 0; }

html, body {
margin: 0px;
padding: 0px;
display: inline-block;
background-color: #CCCCCC;
color:white; }

.wrapper {
text-align: center;
background-color: #cccccc;
color:white;
margin-top:0px; }

.wrapper p {
display: inline;
font-size: 70% }

.wrapper span {
margin: .5em;
vertical-align: bottom;
width: 120px;
height: 100px;
display: table-cell;
display: inline-block; }

.wrapper p span {
vertical-align:top; }

.wrapper p img {
margin-bottom: 0px;
border: none;
margin-top: 0px;
}
.wrapper a {
text-decoration: none;
color: #000; }
[/CODE]



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum