links with image within link box

[smitharose]

How can i display links with images within link box
the image and links should be in same line

eg :>google
>yahooo

'>' is the image

also these links should be within a box(link_box)

[albinjoseph]

Its very easy. Just try the following code

PHP Code:

<img src="someimage.gif" alt=""><a href="www.cgshelf.com">CGShelf</a>
<img src="someimage.gif" alt=""><a href="www.yahoo.com">Yahoo</a> 


But I really don't understand what is that link_box. If you need a box only you can try a div with some border

PHP Code:

<div style="border:1px red solid">
<img src="someimage.gif" alt=""><a href="www.cgshelf.com">CGShelf</a>
<img src="someimage.gif" alt=""><a href="www.yahoo.com">Yahoo</a>
</div> 


So the final out put will be

CGShelf
Yahoo

[smitharose]

wat i wanted to display is
<--!

      
      

Related Links

      

           <!--img ..../-->Global link
            

      

              <!--img ..../--><Local link
            

    

-->


but i want to display the images also with links..but when im using link-box3( div class="linkbox_3")
the imge and link name will be in diffferent lines

[albinjoseph]

There must be something wrong with linkbox_3 style. Post your linkbox_3 style code.

[smitharose]

the code is not displaying  here.. means i already added code with my reply..but its not showing her

[albinjoseph]

When adding some code. Please click on the last image in toolbar. So it will like

Code:

[php] code here[/php]

, so that the code will not be parsed as html

[smitharose]

PHP Code:

div class="linkbox_3">
       
      <div>Related Links</div>
      <div style="margin:0;" lang="en">
           <a href="http://www.google.com">Global Google</a> 
      <a href="http://www.amazon.com">Global Amazon</a> 
      </div>
      <div style="margin:0;" lang="en">
           <a href="http://www.google.com">Local Google</a> 
      <a href="http://www.amazon.com">Local Amazon</a> 
      <div>
    </div></div> 


I want to add image also with it

[smitharose]

PHP Code:

.linkbox_3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #000;
        line-height: 1.8em;
        text-decoration: none;
    }
linkbox_3 {
        border: 1px solid #999999;
        padding:0.4em 0.9em 0.4em 0.9em;
        margin:0.4em 0 0.5em 0;
        background-position:0 2.5em; 


[/i]

[GokulKannanK]

Hi Smitha,

- you can use a table to display with the image in one column and the title in the another column.

- or u can use the same div tag with some default width set to it.

[smitharose]

gokul,
i want to use the class linkbox 3.. with that class i should display links with images
it should be like this
______________________
>google
>yahoo
>amazone
______________________