Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
links with image within link box
02-20-2007, 04:02 PM
Post: #1
Smile links with image within link box
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)
Find all posts by this user
Quote this message in a reply
02-20-2007, 06:40 PM
Post: #2
RE: links with image within link box
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

Visit this user's website Find all posts by this user
Quote this message in a reply
02-23-2007, 10:36 AM (This post was last modified: 02-23-2007 10:40 AM by smitharose.)
Post: #3
RE: links with image within link box
wat i wanted to display is
<--!-->


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
Find all posts by this user
Quote this message in a reply
02-23-2007, 12:36 PM
Post: #4
RE: links with image within link box
There must be something wrong with linkbox_3 style. Post your linkbox_3 style code.
Visit this user's website Find all posts by this user
Quote this message in a reply
02-23-2007, 01:07 PM (This post was last modified: 02-23-2007 01:08 PM by smitharose.)
Post: #5
RE: links with image within link box
the code is not displaying  here.. means i already added code with my reply..but its not showing her
Find all posts by this user
Quote this message in a reply
02-23-2007, 01:17 PM
Post: #6
RE: links with image within link box
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
Visit this user's website Find all posts by this user
Quote this message in a reply
02-23-2007, 01:51 PM (This post was last modified: 02-23-2007 01:51 PM by smitharose.)
Post: #7
RE: links with image within link box
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
Find all posts by this user
Quote this message in a reply
02-23-2007, 02:54 PM
Post: #8
RE: links with image within link box
PHP Code:
.linkbox_3 {
        
font-familyVerdanaArialHelveticasans-serif;
        
font-weightnormal;
        
color#000;
        
line-height1.8em;
        
text-decorationnone;
    }
linkbox_3 {
        
border1px solid #999999;
        
padding:0.4em 0.9em 0.4em 0.9em;
        
margin:0.4em 0 0.5em 0;
        
background-position:0 2.5em
[/i]
Find all posts by this user
Quote this message in a reply
02-23-2007, 03:25 PM
Post: #9
RE: links with image within link box
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.
Visit this user's website Find all posts by this user
Quote this message in a reply
02-23-2007, 03:36 PM
Post: #10
RE: links with image within link box
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
______________________
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)