Need some HTML help

  • Unknown's avatar
    shane3x · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    ludusnaturae · Member ·

    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.

  • Unknown's avatar
    shane3x · Member ·

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

  • Unknown's avatar
    shane3x · Member ·

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

  • Unknown's avatar
    ludusnaturae · Member ·

    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)

  • Unknown's avatar
    shane3x · Member ·

    I appreciate the help, I’ll see how it goes.

  • The topic ‘Need some HTML help’ is closed to new replies.