Jump to content


Css Positioning


9 replies to this topic

#1 FFX

    Young Padawan

  • Members
  • Pip
  • 105 posts

Posted 31 August 2007 - 05:24 PM

Hi

I am currently using myspace and I am wanting to move the mp3 player to a set position.

I am currently using this code.

<style type="text/css">td td embed { position:absolute; left:50%; top:900px; width:800px; z-index:1; margin-left:-500px; padding:0px; border:0px;  }</style>

but it is staying in the same place :)


can somebody have a look at the code and see if it is ok?

thanks

#2 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

Posted 31 August 2007 - 06:37 PM

just noticed something i dont have much experience with myspace coding but, this code says your mp3 player is 800px wide? thats a big mp3 player.

#3 FFX

    Young Padawan

  • Members
  • Pip
  • 105 posts

Posted 01 September 2007 - 09:49 AM

supposed to be 450 px wide.

but i put 800 to see if it actually changed the width but it doesnt.

however if i use this code.

<style type="text/css">td td embed { width:0px;height:0px; }</style>

the player becomes invisivle in firefox but the same in IE

anybody know how to move the player ?

thanks

#4 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

Posted 01 September 2007 - 09:36 PM

add a position:abosolute; then add a margin-left or margin-right to it.

#5 FFX

    Young Padawan

  • Members
  • Pip
  • 105 posts

Posted 02 September 2007 - 09:31 AM

i have just tried the position absolute with a margin left and still doesnt move the player :biggrin:


here is the code i tried

style type="text/css">td td embed { position:absolute; margin-left:-400px; }</style>

thanks

#6 Not Dan

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:UK

Posted 04 September 2007 - 04:36 AM

You need to do the same to the object tag. That should sort it.

#7 FFX

    Young Padawan

  • Members
  • Pip
  • 105 posts

Posted 04 September 2007 - 09:01 AM

not sure how to do that ?

can you help please?

#8 Not Dan

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:UK

Posted 04 September 2007 - 01:45 PM

You'd done it for embed.

Quote

<style>
embed {
top:100px;
left:100px;
position:absolute;
}

object{
top:100px;
left:100px;
position:absolute;
}
</style>

Like that.

#9 FFX

    Young Padawan

  • Members
  • Pip
  • 105 posts

Posted 05 September 2007 - 10:15 AM

thanks it works.

but in firefox nothing shows up at all

#10 Not Dan

    Young Padawan

  • Members
  • Pip
  • 45 posts
  • Gender:Male
  • Location:UK

Posted 05 September 2007 - 12:52 PM

Behind an image?
Use z-index to arrange whats infront of each other.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users