Image description in wordpress

[sharkyx]

Does anyone have any idea on how to put a description of the image bellow it? Like: picture and under it "picture taken by a dude". Is there a plugin for this kind of job? Or do i have to code it in CSS myself ? thanks in advance!

[CypherHackz]

if you use wysiwyg in your text editor, just press CTRL+Enter. it will bring the text cursor below the image.

-cypher.

[sharkyx]

I don't use external text editors :). I use the standard text editor from Wordpress, but i think will start using a text editor.

[CypherHackz]

owh..if like that, it is more simple.

after you put the image in the editor. just press enter to make the text cursor below the image. then, type your description.

-cypher.

[sharkyx]

I wish it was that simple but i need to the image and description to be raped in a div. The description must be blended with the image, because if i rap text arround the image i can't make a image description.

[CypherHackz]

try use this. wrap the image and the description.

<div style="float: left; display: block;">
<!--image here-->
description here
</div>

-cypher.

[hmansfield]

try use this. wrap the image and the description.



-cypher.

nice. You da man! I didn't know that either.

[sharkyx]

Yes it works wonderfully, but i have a description that's longer the image width it doesn't work :). If you know how to fix this = thanks.

[CypherHackz]

just set the width according to your image's width. for example, if your image's width is 200px. so in div style just add this.

width: 200px;

and it will looks like this

<div style="float: left; display: block; width: 200px;">
<!--image here-->
description here
</div>

hope this helps. ;)

-cypher.

[sharkyx]

Well i had already thought of that and the description goes over the 200 px border in width if i input a longer one. I have to have hit enter and go to the next line for it to look nicely. I guess it's ok, it isn't too much trouble. i'm not very good with CSS, is there a wordwrap tag, couse this would do the trick ?

[CypherHackz]

just align it center. add this code in the style.

text-align: center;

other command you can use: left, right, or justify.

-cypher.

[sharkyx]

Well yeah, i knew that but if i want to align the picture on the left or on the right if i input a width section in CSS my theme goes all bad.

[CypherHackz]

hurm...weird. i dunno man what could be wrong. maybe can make another style for the description.

<div style="...">
<!--image-->
<p style="..."> your description </p>
</div>

:)

-cypher.

[sharkyx]

There's no need for another div for the description, as it still would go over the width of the image div, if the descip is too long,