links and hearts, hearts Options

[wtpsidnaay]

Ok. So this is kinda confusing but here it goes so on my MYSPACE layout i my navigation section which looks like this currently:


and wen hovered over like this:


BUT

i want it to look like this when its not hovered over

like the original

and like this wen hovered over:


BUTT i want the heart on the left side while the link is on the right wen hovered over and i want that white part on the bottom gone & as you can see if the hearts on the side of the links arent there



i want them to still be there

[anime-essence]

CODE

<style type="text/css">
div.nav a:link,.nav a:visited, div.nav a:active
{
display:block;
padding: 0px;
width:150px;
background-color:ffffff;
text-decoration:none;
text-align:left;
}
div.nav a:hover, a:hover.redlink, a:hover.navbar, a:hover.text
{
display:block;
padding:0px;
width:150px;
background-color:FBB1BB;
text-decoration:none;
text-align:right;
}
</style>

CODE

<div class="header2">NAVIGATION</div>
<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=62bf701a-a33e-4bae-bc95-8a7626878532">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=31319384&userName=natalie%20caustic.">Add Me</a>
<a href="http://mail7.myspace.com/index.cfm?fuseaction=mail.message&friendID=31319384">Message Me</a>
<a href="..goim?screenname=trixstarrxx">Aim</a>
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.myGroups&userid=31319384&Mytoken=151B5615-152F-F2AD-F0B894FDF879677D8191765">My Groups</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=31319384&MyToken=66991307-3b52-43bf-a9d0-6a27eb9f9f71"> Pictures</a>
<a href="http://collect.myspace.com/index.cfm?..&MyToken=dd724166-fe38-4337-b62d-4864cf2ef5d9">SignOut</a>
</div>

^I replaced the first styling with the display:block property. When you hovered, the spaced would appear at the bottom of each link. You need to have both stylings with the display:block property. Also, you input had the links and a line-break after each one. When links are in display:block form, they do not need line-breaks. I have fixed your input HTML and CSS.

[adafsdfasdfadasd...]

I'm helping her on aim...

[*WHIMSICAL 0NE*]

Okay, so has this issue been resolved?

[adafsdfasdfadasd...]

yeah i gave her the code via aim

[clarity]

Alright I'm gonna go ahead and close this, if you need this reopened please PM me or any other Design/MySpace staff.