Need help? Check out our Support site, then


Need some HTML help

  1. Hey guys,

    On my site I have a bunch of links for various things like twitter and so on in a text widget on the right. There are two things I want to do. The first is that I want a line to appear under whatever link the cursor is currently hovering over.

    The second also involves the cursor hovering over the link. When you put the mouse over a link in my blogroll, a small box pops up with some text. I would also like to be able to do this for the links above.

    I appreciate any code formats or links to sites which can help me out. I have a really limited knowledge of HTML, here is the code below for your reference.

    ------

    <table>

    <tr>
    <td>
    <img src="http://img838.imageshack.us/img838/384/feedburner.png" alt="Feedburner Icon" /></td>
    <td> Get Email Updates</td>
    </tr>

    <tr>
    <td><img src="http://img832.imageshack.us/img832/4150/steam16px.png" alt="Steam Icon" /></td>
    <td> My Gamers™ Steam Group</td>
    </tr>

    <tr>
    <td><img src="http://img821.imageshack.us/img821/9284/rssf.png" alt="RSS Icon" /></td>
    <td> RSS Feed</td>
    </tr>

    <tr>
    <td><img src="http://img826.imageshack.us/img826/1157/twitterej.png" alt="Twitter Icon" /></td>
    <td> Twitter</td>
    </tr>

    <tr>
    <td><img src="http://img833.imageshack.us/img833/3898/youtubeqb.png" alt="YouTube Icon" /></td>
    <td> My Gamers™</td>
    </tr>

    <tr>
    <td><img src="http://img833.imageshack.us/img833/3898/youtubeqb.png" alt="YouTube Icon" /></td>
    <td> shane3x</td>
    </tr>

    <tr>
    <td>
    <img src="http://img836.imageshack.us/img836/7645/uservoice.png" alt="UserVoice Icon" /></td>
    <td> Feedback / Report</td>
    </tr>

    </table>

    The blog I need help with is shane3x.com.

  2. First, horizontal line:
    <hr style="width: 100%; height: 2px;">
    (found with KompoZer)
    Second, pop up box:
    Insert: title="text in the pop up box", into the link tag: <a href= "etc

    Also if you want to get the links in a new window or tab insert: target="_blank", in the link tab.

  3. I got the second part working. At what point does the H line code go in?

  4. I've had a look online but all of the guides mention CSS and feature the use of style code but I don't seem to be able to correctly use it (if at all possible).

  5. I'm sorry for delay, I was in travelling.

    I think the code doesn't work because your links are all in the same table. If you make different tables for each image+link, and you insert the code between them, it should work.

    <table>
    <tbody>
    <tr>
    <td>
    <img src="http://img838.imageshack.us/img838/384/feedburner.png" alt="Feedburner Icon" /></td>
    <td>( Get Email Updates)</td>
    </tr>
    </tbody>
    
    </table>
    <hr>

    Next image+link in a different table, etc.

    Seems the code in text widget don't support style code. It doesn't matter, I tried in my blog, and two lines are well shown (below the toad).

    (Note that the codes may work more or less in different themes)

  6. I appreciate the help, I'll see how it goes.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.