Threaded Mode | Linear Mode

GokulKannanK · (This post was last modified: 02-23-2007 03:45 PM by GokulKannanK.)

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>

smitharose · 02-23-2007, 03:52 PM

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

smitharose · (This post was last modified: 02-23-2007 04:06 PM by smitharose.)

gokul,

link.JPG (Size: 7.94 KB / Downloads: 11) this thing i wanted to display.click on the image..it wil expand

***albinjoseph*** · 02-23-2007, 04:15 PM

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-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: red;
    line-height: 1.8em;
    text-decoration: none;
}
</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> 

GokulKannanK · 02-23-2007, 04:21 PM

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).

.bmp

sample.bmp (Size: 57.55 KB / Downloads: 3)