image rollovers help, i think this where we post this.. i dunt get cb4 -.-.. Options

[mychelez-tranz]

click
okay so for my navigation i want the image rollover links to go side to side.. not up and down

could u guys figure out a way so i can make it go side to side?
i can think of an alternative but i want your suggestions

[*Azarel*]

Er, I'm not sure what you're asking since the link doesn't work? :\ Make sure you don't have spacing in between the coding for each of the rollovers.

[mychelez-tranz]

okay rite now it is like this :


i want it to be like this: ( btw this is wat it looks like on microsoft frontpage)


i took ur advice azarel, and put no spaces in the coding.. and it still looks the same

[*Azarel*]

I said to take OUT the spaces. I figured that's what what you were referring to, but I can't help fix it if you don't provide the actual page or the coding.

[mychelez-tranz]

wooop wooops sorrie >.<... the link works now

code in about me:

CODE

<style type="text/css">
.home{height: 73px; width: 67px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1home.jpg) top left no-repeat; display: block;}
.home:hover{background-position: bottom left;}
.addme{height: 73px; width: 58px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1add.jpg) top left no-repeat; display: block;}
.addme:hover{background-position: bottom left;}
.pictures{height: 73px; width: 97px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1pictures.jpg) top left no-repeat; display: block;}
.pictures:hover{background-position: bottom left;}
.message{height: 73px; width: 100px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1message.jpg) top left no-repeat; display: block;}
.message:hover{background-position: bottom left;}

code in i'd like to meeet:

CODE

<div class="content" style="position: absolute; background-color:transparent; left:405px; top:703px; width:390px; height:overflow">
<img src="http://i3.photobucket.com/albums/y55/mychelez_tranz/dbsknavi.jpg">

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=342d4990-73c4-47ed-bfff-73d697b2c438" class="home"></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=14841213" class="addme"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=68644052" class="pictures"></a>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=68644052" class="message"></a>

[*Azarel*]

Change your I'd Like to Meet to this:

<div class="content" style="position: absolute; background-color:transparent; left:405px; top:703px; width:390px; height:overflow">
<img src="http://i3.photobucket.com/albums/y55/mychelez_tranz/dbsknavi.jpg">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=342d4990-73c4-47ed-bfff-73d697b2c438" class="home"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=14841213" class="addme"></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=68644052" class="pictures"></a><a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=68644052" class="message"></a>

(Notice that I've removed the enters inbetween the url links, which is probably what's causing the stacking of images.)

[mychelez-tranz]

still doesnt work :[