Background image in link, link class stuff Options

[protos]

So I can't figure out images in link classes.

I want an image aligned left center. but I can't get the image to show up

CODE

<style type="text/css">

.nav_left{
display:block;
width:92px;
height:16px;
color:8c0000;
text-decoration:none;
background-color: FFFFFF;
background-image:url(http://img134.imageshack.us/img134/3197/lcornerjk1.gif) left center no-repeat;
background-attachment:fixed;
text-align: right;
padding-top:0px;
}

</style>

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav_left">Home</a>

[freeflow]

CODE

<style type="text/css">

.nav_left{
display:block;
width:92px;
height:16px;
color:8c0000;
text-decoration:none;
background-color: FFFFFF;
background-image:url(http://img134.imageshack.us/img134/3197/lcornerjk1.gif);
background-position: left center;
background-repeat: no-repeat;
background-attachment:fixed;
text-align: right;
padding-top:0px;
}

</style>

[protos]

that didn't see to work.

[freeflow]

This one works for me:

CODE

<style type="text/css">
.nav_left{
display:block;
width:92px;
height:16px;
color:8c0000;
text-decoration:none;
background-image:url(http://img134.imageshack.us/img134/3197/lcornerjk1.gif);
background-position: left center;
background-attachment:fixed;
text-align: right;
padding-top:0px;
}
</style>

[protos]

Does the script work in Firefox?

because it is not working for me

[*Infinite.*]

Ever just try this code?

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

[protos]

that's not what I'm trying to do. I want a background image for my link not for my site.

(hence the tiltle of this topic being: Background image in link)

[*Infinite.*]

So you want the background as a link?
Or excuse me background image as a link?

If neither of these then you need to explain what you want better.

[protos]

For everytime I type out a link I want a backgound image behind the text.

but even futher than that I only want it to work on certain links that I choose.

This is possible with link classes, and that is what i am having trouble with

[*Infinite.*]

Why not position the image in the background and then just place links on top of it all? You can also just make fake links so they look the same as an actual link but their not a link.

I don't think I'm understanding this completely.

[protos]

No offense but your not helping me.

I can't position them behind it because I need it to change on hover. And there is no way to fake link it if I need it to change on hover.

I just checked and it is doing what I want in Internet Explorer, but not Firefox

[*Infinite.*]

-shrugs- Fine.

I guess you can wait for Toya to get on later tonight to help you.

[freeflow]

um Anyways?

I did it diff. That is not going to automatically add that to all your links It will only add it when you do:
<div class="nav_left">text</div>
Or when you make links in that class. Its not going to do it for all your links..

[protos]

ok how do i change the font color of those links in their normal state. not when their hovered. what do I add to the code

[freeflow]

Which links though? And I don't think it would work for like the normal links on myspace. It will either give one for the entire thing or repeat all the way across for each.

[CHiiCKENBUTT]

CODE

<style>Start Code by Deveezyy</style> <STYLE TYPE="text/css"> a:hover img { filter: alpha(opacity=50,finishopacity=6,); } a:hover { background: url("IMAGEURLHEREEEE"); </STYLE><style>Finish Code by Deveezyy</style>

there . i think that`s what you`re talking about . hope i helped [: