CSS Gurus - Is this possible? - GoFuckYourself.com

V_RocKs · 10-12-2010, 10:26 PM

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 · 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

#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

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

Usually how it goes.

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

10-12-2010, 10:43 PM	#5
FlexxAeon Confirmed User Industry Role: Join Date: May 2003 Posts: 3,765	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 __________________ flexx [dot] aeon [at] gmail Last edited by FlexxAeon; 10-12-2010 at 10:46 PM..

10-12-2010, 10:36 PM	#2
Jason Voorhees So Fucking Banned Industry Role: Join Date: Jul 2010 Location: Camp Crystal Lake. Posts: 843	#nav a img { background-image: none; }