/    Sign up×
Community /Pin to ProfileBookmark

How do I add text under a picture?

Copy linkTweet thisAlerts:
Jun 11.2013

Hi, I have a site and I want my images to appear in a row with text underneath – like this
-txt—txt–txt-
|pic| |pic| |pic|

However, I’m unable to get them to properly line up. They either display one on top of the other, or with the pictures in a line but the text to the side.

This is the code I am using and the page on my site.
[url]http://captivecomics.com/titles/[/url]

[QUOTE]

<html>
<head>
<title>Titles</title>

<style>
.imgText {
float: below;
margin:5px;
}
</style>

</head>

<body>

<a href=”http://www.captivecomics.com/mkopms“>
<img src=”http://www.kmlcustoms.com/CC/m1.png” width=”125″ height=”125″><div class=”imgText”>The Adventures of Mighty K.O. Punchman and SIRR </a></div>
<a href=”http://www.captivecomics.com/vike”><img src=”http://www.kmlcustoms.com/CC/v2.png” width=”125″ height=”125″><div class=”imgText”>VIKE </a></div>

</body>
</html>

[/QUOTE]

Any help would be greatly appreciated. Thank you.

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Nicholas_DiazJun 11.2013 — this needs to be set up in your css. create a div for each picture and then set the div to block. add the img at the to fille the width of the div and then add the text under it.

.box1{
display:block;
float:left;
width:400px;
border: 1px solid #000;
line-height:1.6em;
}
Copy linkTweet thisAlerts:
@Major_PayneJun 11.2013 — Might play around with this one and modify as needed.
×

Success!

Help @Essence7 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...