I have a capital “L” next to my ads!

  • Resolved twigrat

    (@twigrat)


    15 years, 8 months ago

    This is driving me nuts. I have an “L” to the left side of the ads that I have set up in my side bar. I also have a dotted line beneath each of the ads. I am having a heck of a time figuring this out. Does anyone know why this is happening and how I can fix it? my website is https://www.twelvefingers.com and you can see the problem in the sidebar at the top.

    Here is the code I’m using:

    <div id=”my-ads”>
    <div class=”boxtop”>
    <ul class=”box-ad clearfix”>

    And the CSS:

    #my-ads {
    background: #fff;
    width:300px;
    float:right;
    padding:0px 10px 10px 10px;
    border-top:1px solid #ececec;

    }
    /* Box Ads */
    .box-ad {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-align: center;
    list-style: none;
    font-size: 0.9em;
    }
    .box-ad li {
    float: left;
    margin: 0 0 10px 10px;
    padding: 0;
    display: inline;
    }
    /* clearfix */
    .clearfix:after {
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    .clearfix {
    display: inline-block;
    }
    /* Hides from IE-mac \*/
    * html .clearfix {
    height: 1%;
    }
    .clearfix {
    display: block;
    }
    /* End hide from IE-mac */

    Any help would be awesome.

    Thanks in advance.

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

  • hi

    open up your style.css file

    Find this on line 903

    #sidebar li {
background:transparent url(images/sub.png) no-repeat scroll 0 0;
border-bottom:1px dotted #BBBBBB;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:2px 0 2px 13px;
}

    delete this line
    border-bottom:1px dotted #BBBBBB;
    that’s your dotted line

    delete this line
    background:transparent url(images/sub.png) no-repeat scroll 0 0;
    that’s your L

    Thread Starter twigrat

    (@twigrat)

    Thanks for the info. I deleted:

    border-bottom:1px dotted #BBBBBB;

    I looked for

    background:transparent url(images/sub.png) no-repeat scroll 0 0;

    But it isn’t there.

    Deleting the first thing did get rid of the dotted line. Thank you. But i still have the “L” next to the pictures.

    I found a similar line and tried deleting it:

    background:url(images/sub.png) no-repeat 0 0px;

    The funny thing is that it did get rid of the “L” problem but completely screwed up the rest of my blog at the same time.

    If you have any other ideas please let me know.

    Thanks again

    It turns out there is a second place that background image is defined,
    on line 943 – as well as on line 908. when I remove them here in Firefox, the L goes away and the page is fine. They both need to go.

    I forgot to scrub out a few words that Firebug inserted, in that line of code I sent you earlier, that is why you couldn’t find an exact match – it inserts defaults that may not be in the stylesheet.

    .box-ad li {
background:url(images/sub.png) no-repeat 0 0px;
display:inline;
float:left;
margin:0 0 10px 10px;
padding:0;
}

    What browser did it trash? IE or Firefox? If IE, try removing those 2 lines and see if it looks OK in Firefox. I don’t see anything in that line that would mess up anything if it wasn’t there but all bets are off when it comes to IE.

    Thread Starter twigrat

    (@twigrat)

    Thank you so much.

    That did the trick. Thank you.

    I keep trying to get firebug, which everyone seems to use, but when I go to install it there is a note next to the add-on that says it’s only for older versions on Firefox. Is there another way to get that program?

    Once again, Thank you, Thank you, Thank you.

    I’m using Firebug on Firefox 3.0.7
    https://getfirebug.com/
    I can’t conceive what web development without it would be like.

    Thread Starter twigrat

    (@twigrat)

    I’m using Firefox 3.1. it looks like there will be a Firebug version coming soon for 3.1. Until then I will just suffer. Thank you so much for your help. I’m going to close one out.

    Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘I have a capital “L” next to my ads!’ is closed to new replies.