CSS Gurus - Is this possible?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • V_RocKs
    Damn Right I Kiss Ass!
    • Nov 2003
    • 32449

    #1

    CSS Gurus - Is this possible?

    I have a site where I cannot change the CSS. I can only add intag style marks and I can also put stuff in the header.

    This particular code is there to make each sidebar link have a pink dot in front of it that changes to green when it is moused over.

    My problem is that it is also inserting the dot in front of pictures too.



    Can I put some inline style or something in the header style that will break this from putting the image in front of the <a><img> tags?

    Code:
    #nav a {
    	display: block;
    	padding: 3px;
    	padding-left: 17px;
    	width: 130px;
    	border-bottom: 1px solid #eee;
    	background-image: url(http://www.sensualwriter.com:8080/themes/dixiebelle/images/icon.gif); 
    	background-repeat: no-repeat;
    	background-position: 0 55%;
    	color: #000;
    	}
    
    #nav a:link, #navlist a:visited{
    	text-decoration: none;
    	}
    
    #nav a:hover{
    	background-image: url(http://www.sensualwriter.com:8080/themes/dixiebelle/images/icon2.gif); 
    	background-color: #fff;
    	color: #339933;
    	}



    And the section in HTML from the source.

    Code:
    <li id="text-1" class="widget widget_text">						<div class="textwidget"><p><a href="http://join.jschoolgirls.com/track/NDIwMToxMToyMA/"><img title="Japanese School Girls" alt="Japanese School Girls" src="http://www.2teens.net/asians/asianteensx/240_400_jsg.gif" width="144" height="240" /></a><br /><a href="http://join.jschoolgirls.com/track/NDIwMToxMToyMA/" target="_blank">Japanese School Girls</a></p> 
    <p><a href="http://www.jpnurse.net.in/"><img title="Japanese Nurse" alt="Japanese Nurse" src="http://www.2teens.net/asians/asianteensx/240_400_01.jpg" width="144" height="240" /></a>           <br /><a title="Japanese Nurse" href="http://www.jpnurse.net.in/" target="_blank">Japanese Nurse</a></p></div> 
    		</li>


    Again, is it possible to override that CSS snippet so there is no icon in front of the picture/banners?
  • Jason Voorhees
    So Fucking Banned
    • Jul 2010
    • 843

    #2
    #nav a img { background-image: none; }

    Comment

    • V_RocKs
      Damn Right I Kiss Ass!
      • Nov 2003
      • 32449

      #3
      Originally posted by Jason Voorhees
      #nav a img { background-image: none; }
      So simple and obvious that once I saw it, I slapped myself!

      Comment

      • Jason Voorhees
        So Fucking Banned
        • Jul 2010
        • 843

        #4
        Originally posted by V_RocKs
        So simple and obvious that once I saw it, I slapped myself!
        Usually how it goes.

        Comment

        • FlexxAeon
          Confirmed User
          • May 2003
          • 3765

          #5
          nevermind i got beat to it plus i missed you saying you could work the header lol.

          apply it to the '#nav a:hover img' as well
          Last edited by FlexxAeon; 10-12-2010, 09:46 PM.
          flexx [dot] aeon [at] gmail

          Comment

          Working...