Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

how "send to back" gigya... is that possible?

  1. 3delamadrugada
    Member

    hello,

    i just want to "send to back" this object, so i can put something over it.
    is that possible?

    '<div style="margin:-9px -30px;"> [gigya src="http://assets.mixpod.com/swf/mp3/fetish-mp3player.swf?myid=84844437&path=2011/08/19" quality="high" wmode="window" bgcolor="F8340C" flashvars="mycolor=F8340C&mycolor2=FFFFFF&mycolor3=442019&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=true" width="940" height="193" name="myflashfetish" salign="TL"] </div>'

    thanks a lot!!

    The blog I need help with is davidfernandez.org.

  2. 1tess
    Moderator

    You'll have to make adjustments to the code, but this inserts blue text over your player with a black border around it all:

    <div style="margin:-9px -30px;"> [gigya src="http://assets.mixpod.com/swf/mp3/fetish-mp3player.swf?myid=84844437&path=2011/08/19" quality="high" wmode="window" bgcolor="F8340C" flashvars="mycolor=F8340C&mycolor2=FFFFFF&mycolor3=442019&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=true" width="940" height="193" name="myflashfetish" salign="TL"] </div>
<div style="width:100%;height:150px;margin-top:-175px;color:#0B62F2;background-color:transparent;border:1px solid #000000;position:relative;z-index:1;">TEXTTEXTTEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXTTEXTTEXT
TEXTTEXTTEXTTEXTTEXTTEXT</div>

    Hope that gives you an idea about making it work. I don't know what you want to put in front of the player?
    Also, I don't have any way to see what IE does with this code. Transparent may be a foreign word to that browser…

  3. 3delamadrugada
    Member

    yes!

    thanks a lot, adding: "position relative" to my text placed it over the mp3 player.

    thanks a lot!

    but why firefox and chrome accept </br> to make line break, but safary doesn´t ??

    i am texting the web with firefox and chrome, and i am using some </br> tags to place things, but in safary it seems they do not exist.

    what can i use to substitute </br> tag that is valid for all browsers?

    thanks a lot again.

  4. 1tess
    Moderator

    Try padding as shown in Panos' blog:
    http://wpbtips.wordpress.com/2009/06/10/formatting-text-pt-1/

  5. 3delamadrugada
    Member

    great!!
    i´m happy. thanks a lot for being there.

    cheers

  6. designsimply
    Staff

    It should be <br /> instead of </br> and I think Safari should accept it, but in the WordPress.com editor you may also need to add the code for a blank space, like this: 

    <br /> 
<br /> 
<br /> 

  7. 3delamadrugada
    Member

    oh! thanks designsimply, for the brrrr advice.

    but now i am having some serious troubles: sending to front my menubar over the mp3 player works perfectly in safary, firefox and chrome... in a MAC ox computer, but when i test the web in a PC computer, using firefox or explorer, the mp3 player is over all elements, included the menubar and the header. i tryed with the 1tess solution, but it didn´t work.

    here is the page:

    http://davidfernandez.org/ecce-cello/

    i want to hide it to make it smaller and tiny.

    is possible to use any css code to send back that mp3 player, or to bring to front the rest of the elements (so they are over it) in all browsers and systems?

    this is the code i am using to make the menu bar (i know is a mess, i am just learning), i made use of the "position:relative" tag to place the menu bar over the mp3 player... but it didn´t work for PCs

    <div style="position:relative;width:940px;height:40px;background:none repeat scroll 0 0 #071918;margin:-35px -30px;"><div style="padding:6px;"> <a href="http://davidfernandez.org/bio/" target="_blank"> <span style="color:#effbfb;">             bio </span> </a> <a href="http://davidfernandez.org/" target="_blank"><span style="color:#effbfb;">      blog</span></a> <a href="http://en.davidfernandez.org/ecce-cello/">       <span style="color:#effbfb;">english</span> </a>         <span style="color:#7f7a7a;">                                                <span style="color:#7f7a7a;">                                                                contacto: info@davidfernandez.org</span></div></div>
 
<div style="height:1.9em;visibility:hidden;">SPACE</div>
<div style="margin:-100px 9px;">[gigya src="http://assets.mixpod.com/swf/mp3/fetish-mp3player.swf?myid=84844437&path=2011/08/19" quality="high" wmode="window" bgcolor="F8340C" flashvars="mycolor=F8340C&mycolor2=FFFFFF&mycolor3=442019&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="640" height="195" name="myflashfetish" salign="TL"]</div>

    one thousand thanks!

    david

  8. 1tess
    Moderator

    Hi david,
    I did wonder what it would do on a PC / with IE.
    Sorry I couldn't be of more help…
    :-(
    I notice in your code for your menu bar that you left out the
    z-index:1;
    though it looks good on my Mac in both Safari and FireFox…

  9. 3delamadrugada
    Member

    :(

    i just can´t get the mp3 player to be sent back in a PC, only in mac.
    i am using the tag z-index:1 for the menu bar, and z-index:2for the mp3 player, but it seems to PC computers it just doesn´t work.

    maybe i can do something using my CSS upgrade? is there any solution for this in a PC? or PCs just don´t care about z-index tag?

    thanks a lot 1tess for the try.

    david

  10. 3delamadrugada
    Member

    ok, i´ve tried to substitute the mp3 player for plain text, and it works in a PC. the text goes back, and the menu bar over it.

    so it´s a problem of the mp3 flash player, i´ve found this:

    http://manisheriar.com/blog/flash_objects_and_z_index

    but i don´t really understand if that´s my problem, and if that´s the solution how to apply it, as i am very new to css.

    any advise?

    thanks

    david

  11. 3delamadrugada
    Member

    yes yes yes yes!!!!!

    i did it!!!!!

    i just had to set wmode=”transparent” in the embed tag!!!!, as it was "window".

    but the problem is i didn´t even know what was an "object tag", so it´s been kind of crazy to figure out how to make it.

    :O

  12. designsimply
    Staff

    Nice find!

  13. 1tess
    Moderator

    Nice, yes. I'll have to look at this more closely. There were some codes where
    wmode="transparent"
    did not work in IE

    It was a while ago, so I hope I can find what I was doing where that did not work.

    Nice. Thanks for letting us know.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags