SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    I want my 4th arrow! garlinto's Avatar
    Join Date
    Jun 2002
    Location
    Riding the electron wave
    Posts
    372
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Border problems and link display quirks

    I have a <DIV> nested inside of another. I can't get the border around the nested DIV to display. Also, the links I have in the box I want displayed as a block, so that I can do background effects. The first link works ok, except that the bg color is not just confined to the length of the text like I want it to be. And the other links don't do it at all. What gives? Code follows.
    ***********************************
    <!-- HTML-->
    <DIV ID="bw_explain">
    <DIV ID="box" ALIGN="center">
    <A href="./install.htm" class="sidebar">
    <U>Installation Info</A></U><P>
    <A href="http://www.turnoverball.com" class="sidebar">
    <U>Installation Instructions</U></A><P>
    <A href="./companion.htm" class="sidebar">
    <U>Companion&trade; Hitch</U></A>
    </DIV>

    You can own a <B>B&W Turnoverball&trade; Hitch</B>
    for <B>$299 plus shipping!</B>
    You can also enjoy the versatility
    of the B&W hitch by using the
    Companion&trade; Fifth Wheel Option.
    <!-- And so on and so forth....-->
    </DIV>
    *******************************************
    /* CSS */

    #bw_explain {
    font-size: 12pt;
    font-family: verdana, arial, courier;
    font: medium;
    text-decoration: none;
    background-color: #ffffff;
    position: relative;
    clear: both;
    margin: 10px;
    top: 10px; left: 295px; width: 400px; height: 200px;
    visibility: visible;
    z-index: 1;
    }

    #box {
    font-size: 8pt;
    font-family: verdana, arial, courier;
    font: medium;
    text-decoration: none;
    background-color: #f1eeee;
    position: relative;
    float: right;
    margin: 5px;
    padding: 5px;
    border: thin; border-color: black;
    top: 0px; left: 0px; width: 140px; height: 100px;
    visibility: visible;
    /*z-index: 1;*/
    }
    A.sidebar:link {
    font-family: verdana, arial, courier;
    color:#808080;
    font-size: 8pt;
    text-decoration: none;
    }

    A.sidebar:visited {
    font-family: verdana, arial, courier;
    color: #808080;
    font-size: 8pt;
    text-decoration: none;
    }

    A.sidebar:hover {
    font-family: verdana, arial, courier;
    color: navy;
    font-size: 8pt;
    text-decoration: overline;
    background-color: #e0e0e0;
    display: block
    }

    A.sidebar:active {
    font-family: verdana, arial, courier;
    color:#FF3118;
    font-size: 8pt;
    text-decoration: none;
    }
    /* END */
    **********************************
    Thanks. You can see the offending div in action HERE

  2. #2
    SitePoint Enthusiast Jack Michaelson's Avatar
    Join Date
    May 2002
    Location
    Netherlands
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This might not be the solution to your problem but CSS class names and underscores do not like each other...
    so you might wanna change 'bw_explain' into 'bwexplain'...

    Hope it helps,
    Jack


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •