Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: text on rightside of image not under

  1. #1
    Join Date
    Jan 2010
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default text on rightside of image not under

    I got this code from:

    http://www.dynamicdrive.com/style/cs...-image-viewer/

    And it works great(thanks), i love to have some infomation on rightside of the image. Not under the image.....Please
    thanks for reading

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Jan 2010
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Here is the page:

    http://laemeraldfashion.com/dresses.php

    thank you very much

  4. #4
    Join Date
    Dec 2008
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Just looked at your website. I have a small screen and when I hover over one of your pictures, the picture is on the right but only half of it is visible. I can't scroll over to see the full picture. Not really the answer to your question, but.....

  5. #5
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    i changed the top: 10px;left: 9px; to this just a sample

    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 10px;
    left: 9px; /*position where enlarged image should offset horizontally 100px and 900 px forme */

    <table width="465" border="0">

    <tr>
    <td><a class="thumbnail" href="IMG_0162.gif" align='left'><img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
    <span><p align='left'>Style: 8398<br />
    S,M,L(1-2-1) <img src="IMG_0162-250.jpg" align='right'/>
    Style: 8398<br />
    S,M,L(1-2-1)</span> <br />
    </a></td>
    <td><a class="thumbnail" href="IMG_0163.gif" align='left'><img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><span>
    Simply beautiful.<img src="IMG_0163-250.jpg" align='left'/><br />

    </span><span>Simply beautiful.</span></a> <br />
    <p></p></td>

  6. #6
    Join Date
    Jan 2010
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    thank you.

    I changed to TOP10PX AND LEFT 9PX.
    As you see the image will show under the MENU.
    Now you be able to see the TEXT, love to move the text to the right side of the image.

    thank you for your time

  7. #7
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    what browser are you using i save your page and it should work on firefox also
    put z-index:111; in

    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    z-index:111;
    visibility: visible;
    top: 10px;
    left: 9px; /*position where enlarged image should offset horizontally100px and 900 px forme */
    }


    text on left

    <a class="thumbnail" href="IMG_0162.gif" align='left'>
    <img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
    <span><p align='left'>Style: 8398<br />
    S,M,L(1-2-1) <img src="IMG_0162-250.jpg" width="100" height="200" align='right'/>
    Style: 8398<br />
    S,M,L(1-2-1)<span><p align='right'>Style: 8398<br /></span></span> <br />

    text on right

    <a class="thumbnail" href="IMG_0163.gif" align='left'>
    <img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
    <span>Simply beautifulzzxx.<img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>
    <img src="IMG_0163-250.jpg" align='left'/><br />
    <p align='left'>Style: 8398<br /></span><span>Simply beautifultop00top.</span></a> <br />


    <a class="thumbnail" href="IMG_0163.gif" align='left'>
    <img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
    <span>
    Simply beautiful.<img src="IMG_0163-250.jpg" align='left'/><br />
    </span><span>Simply beautiful.</span></a> <br />

  8. #8
    Join Date
    Jan 2010
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Maybe i didn't explained little more clear...
    Everything is working but i want to replace the Text on right side of the image.
    Not under image If you click on Dresses and first picture show style number, i want to replace this information on right side of the image.

    i hope i explain little better.
    thanks for your patient

  9. #9
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    align='left' in the <img

    <img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/>jkhjuihui
    hsahjkeioekdjhjkdsh

    text on right
    look for this --Style: 8398--

    <a class="thumbnail" href="IMG_0163.gif" align='left'>
    <img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
    <span>Simply beautifulzzxx.<img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>
    <img src="IMG_0163-250.jpg" align='left'/><br />
    <p align='left'>--Style: 8398--info info info info
    what type of info <br /></span><span>Simply beautifultop00top.</span></a> <br />


    take one image out this has 2

    align='right
    <img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>[[[jkhjuihui
    hsahjkeioekdjhjkdsh]]]

  10. The Following User Says Thank You to stringcugu For This Useful Post:

    followhim (02-07-2010)

  11. #10
    Join Date
    Jan 2010
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    It is awesome how i got help from this Forum.
    I wonder if there is the way i could send little donation to this Forum???

    Now i have one more dream with this wonderful code and i'm not sure i should ask here.
    It is not right let me know i will open new thread(?).

    How can i have pop up image right next to the thumbnail image.....too much to ask?


    thank you very much for your time to help other
    james

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •