Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Dec 2008
    Posts
    6
    Member #
    17997
    I am trying to apply a background colour to a link but when I do it is not surround the full link and only a small portion untill I add padding like this for example:

    padding:50px;

    Is this the way to do it or am I missing something?

    Thank you

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    That's the poor man's way, but it will work.
    You can display them as block and add rules from there, but that's a whole tutorial all by itself.

  4. #3
    Junior Member
    Join Date
    Dec 2008
    Posts
    6
    Member #
    17997
    Thanks, do you know of a good tutorial about styling links focussing mainly on this part of styling links?

    Thanks

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    You can google "styling links" and that will get you started. What exactly are you trying to do so I can give you a better direction?

  6. #5
    Junior Member
    Join Date
    Dec 2008
    Posts
    6
    Member #
    17997
    Mainly to learn how to style links properly as well as learn a little typography too

  7. #6
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    if you wanna get fancy with text, use photoshop to make an image with a transparent background and place this image withing <a> tags.

    styling links

    <a class="bgColor" title="My Link" href="linky.html">My Home Page</a>

    a.bgColor{
    display: block; /*makes this element take up its own line, it can now be given a height and width*/
    height: 50px;
    width: 50px;
    background-color: red;
    }

    try that


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:57 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com