GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   CSS Gurus - Is this possible? (https://gfy.com/showthread.php?t=992211)

V_RocKs 10-12-2010 10:26 PM

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.

http://www.chubbypov.org.uk/Asian Te...6946246056.png

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 10-12-2010 10:36 PM

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

V_RocKs 10-12-2010 10:39 PM

Quote:

Originally Posted by Jason Voorhees (Post 17601404)
#nav a img { background-image: none; }

So simple and obvious that once I saw it, I slapped myself!

Jason Voorhees 10-12-2010 10:40 PM

Quote:

Originally Posted by V_RocKs (Post 17601408)
So simple and obvious that once I saw it, I slapped myself!

Usually how it goes. :thumbsup

FlexxAeon 10-12-2010 10:43 PM

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


All times are GMT -7. The time now is 02:57 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123