how to, make it... Options

[Connorrr]

CODE

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="2" border color="white">
<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

im trying to make the border of the image white..and it comes out a dark blue for some reason?
anybody know how to make it white?

P.S.i tryed where it says border color="white"..but it didnt work

[verbalistic]

CODE

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color:#FFFFFF; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="2" border color="#FFFFFF">
<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

try that

[Connorrr]

nope..still blue

ugh

[jenniiiii]

CODE

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="2" border color="ffffff">
<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

??

[Connorrr]

nope..

gosh!

[PrincessAda]

CODE

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="0" border color=ffffff>
<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

That should work.

[Connorrr]

thatd doesnt work either

ugh..

[freeflow]

Don't do seperates combine them.

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="3px solid FFFFFF">

or

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="3px solid #FFFFFF">

[Connorrr]

what do you meen?

[freeflow]

Try one of those instead of using border="blahblah" border-color="blahblah"

[Connorrr]

oh, gotcha

but yeah it doesnt work either..i never mentioned that im doing this in a div? idk if that has any effect on this

[freeflow]

Sorry, it only works when your image isn't a link. Like if its not a link it will be black or white etc.
Example: http://myspace.com/poopietest
Black = non link. Blue = link.

I kinda have an idea but I don't know if it would work.
Like maybe:

a.image{
border: 1px solid 000000;
}

or
a:image{
border: 1px solid 000000;
}


In style tags?

[Connorrr]

ohhhh

well actually i never wanted it as a link..i guess thats where i went wrong

THANKS ALOT

[Connorrr]

oh wait.. how exactly do i make it not a link?

i cant figure it out

anybody??

[freeflow]

Heres your code:

CODE

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44261793"><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="0" border color=ffffff>
<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

Hers your code minus ths link:

CODE

<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px">

[Connorrr]

huh?

very confused

[*This Confession*]

she gave you the code you have originally.

and the second code is what you need so its not even a link.

[Connorrr]

yes but do i replace the hole bottom half with that?

[*This Confession*]

sure.

[Connorrr]

CODE

<div class="content" style=" position: absolute; background-color:transparent; left: -240px;  top:169px; width:1000px; height:600px; overflow: auto;">

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 275px; left: 355px; width:225px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: transparent;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>

<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px">



</div>

that doesnt work

[*This Confession*]

<span> IMAGE STUFF </span>

[Connorrr]

CODE

<div class="content" style=" position: absolute; background-color:transparent; left: -240px;  top:169px; width:1000px; height:600px; overflow: auto;">

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 275px; left: 355px; width:225px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: transparent;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>

<span>
<img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px">
</span>


</div>

that doesnt work eaither

[*This Confession*]

well of course its not.
Your trying to make image rollovers, you do know that you have to go over text and then the image shows.
so what do you want the text to be?



<a href="">Text Text<span><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

so it would be that
Change the text text to what ever you want it to say so when someone goes over it the image will come up. Just don't make the link to go anywhere so it doesn't go anywhere.

[Connorrr]

cant you do it like this though?

CODE

<a href=""><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" height="116" width="122" border="3" border color="white"><span><img src="http://img158.imageshack.us/img158/915/yumx3shrunkmaksfhzxmf1em.jpg" width="100px"></span></a>

it works, i just want to change the border color

[*baby_in_blue*]

try using hex codes for your color instead of writing it out. white= FFFFFF