Style Links with border

  • Resolved OAG

    (@oag)


    15 years, 6 months ago

    Hi, I’m trying to have a border appear around blogroll links, to allow ‘button’ like appearance that looks like the links appearing above the blogroll at http://www.primaryemployersqld.com.au/

    I can’t figure out the correct way to define the style ‘border’ property to appear on each individual link (as per requirement to make each one look like a simple button)

    Any advice appreciated.

    Robbie

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    15 years, 6 months ago

    You need to add the border style to the aelements. Without seeing your site, I can’t be any more specific than that.

    Thread Starter OAG

    (@oag)

    15 years, 6 months ago

    Thanks, the site is the one linked to.

    rddcse

    (@rddcse)

    15 years, 6 months ago

    You can use “widget-title” tag and make its border using css. Style it according to you requirement. Just see line 87 of your style sheet. And change there itself.

    rddcse

    (@rddcse)

    15 years, 6 months ago

    Send me your mail id. I want to discuss something.

    Thread Starter OAG

    (@oag)

    15 years, 6 months ago

    oki I’ll give it a shot. My email is robbie at onearmedgraphics dot com

    Thread Starter OAG

    (@oag)

    15 years, 6 months ago

    resolved, suggested to try the following which worked perfectly

    ul.blogroll {
    list-style-type: none;
    margin-left: 0;
    }

    ul.blogroll li {
    margin-bottom: 1em;
    }

    ul.blogroll a {
    border: none;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 1px solid;
    padding: 1px;
    }

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Style Links with border’ is closed to new replies.