Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
links with image within link box
02-23-2007, 03:41 PM (This post was last modified: 02-23-2007 03:45 PM by GokulKannanK.)
Post: #11
RE: links with image within link box
i will give the sample code u alter accordingly:

Code:
<table>
<tr>
<td class="linkbox_3">
<img src="http://www.cgshelf.com/forum/uploads/avatars/avatar_85.gif" width=20>
</td>
<td class="linkbox_3">
Gokul
</td>
</tr><tr>
<td class="linkbox_3">
<img src="http://www.cgshelf.com/forum/uploads/avatars/avatar_28.jpg" width=20>
</td>
<td class="linkbox_3">
Smitha
</td>
</tr>
</table>
Find all posts by this user
Quote this message in a reply
02-23-2007, 03:52 PM
Post: #12
RE: links with image within link box
gokul,
the result i wanted is not the one u mentioned.. in ur code,the links will display in a table
but that not the case i wanted

consider a rectangle
within that rectangle links with images..
one image+one link in a single column..not in two columns
actually no need of table .. one image and link in one line
within a box
Find all posts by this user
Quote this message in a reply
02-23-2007, 04:05 PM (This post was last modified: 02-23-2007 04:06 PM by smitharose.)
Post: #13
RE: links with image within link box
gokul,


.jpg  link.JPG (Size: 7.94 KB / Downloads: 11) this thing i wanted to display.click on the image..it wil expand
Find all posts by this user
Quote this message in a reply
02-23-2007, 04:15 PM
Post: #14
RE: links with image within link box
You have posted two classes with the same name. Which one is the correct one. Btw, I have tested the code using both classes and I could not find any problems here. Here is the entire code that I used for testing.

PHP Code:
<html>

<
head>
<
style type="text/css">
.
linkbox_3 {
    
font-familyVerdanaArialHelveticasans-serif;
    
font-weightnormal;
    
colorred;
    
line-height1.8em;
    
text-decorationnone;
}
</
style>
</
head>

<
body>

<
div class="linkbox_3">
    <
div>
        
Related Links</div>
    <
div style="margin: 0;" lang="en">
        <
img alt="" src="link_arrow.gif" width="9" height="7" /><a href="http://www.google.com">Global 
        
Google</a> <br/>
        <
img alt="" src="link_arrow.gif" width="9" height="7" /><a href="http://www.amazon.com">Global 
        
Amazon</a> </div>
    <
div style="margin: 0;" lang="en">
        <
img alt="" src="link_arrow.gif" width="9" height="7" /><a href="http://www.google.com">Local 
        Google
</a> <br/>
        <
img alt="" src="link_arrow.gif" width="9" height="7" /><a href="http://www.amazon.com">Local 
        Amazon
</a>
        <
div>
        </
div>
    </
div>
</
div>

</
body>

</
html
Visit this user's website Find all posts by this user
Quote this message in a reply
02-23-2007, 04:21 PM
Post: #15
RE: links with image within link box
Code:
<div style="border: 1px solid black; width: 200px; padding:0px;">
<div style="border-bottom:1px dotted black; color: black; padding:3px;">
Related Links
</div>
<div class="linkbox_3" style="padding:5px;">
<img src="bullet.gif">&nbsp;Local Link 1
<img src="bullet.gif">&nbsp;Local Link 2
</div>
</div>

this is the code that i used to generate the sample design(i have attached with this reply).

[attachment=5]
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


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