Image description in wordpress

Discussion in 'WordPress' started by sharkyx, Jun 5, 2007.

  1. #1
    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!
     
    sharkyx, Jun 5, 2007 IP
  2. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #2
    if you use wysiwyg in your text editor, just press CTRL+Enter. it will bring the text cursor below the image.

    -cypher.
     
    CypherHackz, Jun 5, 2007 IP
  3. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I don't use external text editors :). I use the standard text editor from Wordpress, but i think will start using a text editor.
     
    sharkyx, Jun 5, 2007 IP
  4. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #4
    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.
     
    CypherHackz, Jun 5, 2007 IP
  5. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #5
    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.
     
    sharkyx, Jun 5, 2007 IP
  6. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #6
    try use this. wrap the image and the description.

    -cypher.
     
    CypherHackz, Jun 5, 2007 IP
  7. hmansfield

    hmansfield Guest

    Messages:
    7,904
    Likes Received:
    298
    Best Answers:
    0
    Trophy Points:
    280
    #7
    nice. You da man! I didn't know that either.
     
    hmansfield, Jun 5, 2007 IP
  8. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #8
    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.
     
    sharkyx, Jun 5, 2007 IP
  9. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #9
    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;
    Code (markup):
    and it will looks like this

    <div style="float: left; display: block; width: 200px;">
    <!--image here-->
    description here
    </div>
    Code (markup):
    hope this helps. ;)

    -cypher.
     
    CypherHackz, Jun 5, 2007 IP
  10. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #10
    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 ?
     
    sharkyx, Jun 5, 2007 IP
  11. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #11
    just align it center. add this code in the style.

    text-align: center;
    Code (markup):
    other command you can use: left, right, or justify.

    -cypher.
     
    CypherHackz, Jun 5, 2007 IP
  12. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #12
    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.
     
    sharkyx, Jun 5, 2007 IP
  13. CypherHackz

    CypherHackz Well-Known Member

    Messages:
    447
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    155
    #13
    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>
    Code (markup):
    :)

    -cypher.
     
    CypherHackz, Jun 5, 2007 IP
  14. sharkyx

    sharkyx Peon

    Messages:
    809
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    0
    #14
    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,
     
    sharkyx, Jun 6, 2007 IP