Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question challenge for the gurus....

    Ok, here's a bit of short background.

    I haven't done web design or graphic design of any kind in years, and I decided a good way to get back into it would be to give my band's (Cassius) myspace page a facelift. I set up a phony copy of our own, in order not to frustrate any users on our page while I inevitably blundered through the new design.

    Now, if you aren't familiar with coding on Myspace, it only allows you to edit several sections of your page, and not at all the overall code of the document itself. This means any serious changes you want to make are done very vicariously through CSS, being placed somewhere in the middle of the actual source of the page itself. Irritating, but workable.

    Everything was going very well. I got frustrated several times, but always found a way to do what I wanted. That is, until I opened the page in IE (v6 and v7 later).


    http://www.myspace.com/bungalowbutte...efungusamungus


    That is the address. So far, everything appears as I want in Firefox. However, when using IE, the flash player doesn't position correctly, and there are some other minor issues as well. The flash player is the largest problem.


    So my question is this....how can I persuade IE to position everything properly, while fitting within the ridiculous (im)practical constraints of the actual coding, placed by Myspace?

    Thanks in advance!!

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    I know nothing about myspace. Do you mean that it isn't possbile to add a doctype declaration at the top?

    If this isn't possible you will have to take into accounts the quirks of IE because it goes into IE5 mode.

  • #3
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No, nothing like that seems possible.

    Basically, they are extremely wary about giving users too much control/and or stupid, and as such they have made editing very difficult.

    You get no access to the <head> section. Javascript and embeds, as well as iframes and a few others, simply don't work for the most part. Incidentally, the section of myspace dedicated to band pages includes an embedded flash player for songs you can upload, and that's what Im having trouble with.

    Also, the only way you can edit the aspects of the page you don't get access to is by modifying the class they are a part of. If something doesn't have its own specific class, tough luck. And finally, rather than give everything they wanted to address a class of its own, they much prefer nested types...to the effect of

    table table table table td div
    {
    blah blah blah
    }

    which makes for some very convoluted and difficult editing.

    this is getting long quickly so Ill leave it at that

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You will need to make use of the star html selector bug to get things where you want.
    http://www.info.com.ph/~etan/w3panth...arhtmlbug.html
    Since myspace has no doctype to begin with IE6 and IE7 are using the same rendering engine.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the quick response, I'll check it out and see if I can get things working how I'd like.

    I did read something somewhere that suggested the star selector was rendered defunct in IE7, and that conditional comments could be used in place...but regardless I'm going to see if I can work it out via the star selector as you've suggested. Thanks!

    EDIT: Whoops! missed that last part. Im guessing that means the concern I just raised is irrelevant. Again, thank you.
    Last edited by cassius; 03-05-2007 at 03:10 AM.

  • #6
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    failed attempt...

    Didn't work. And as far as I can tell, I'm using it correctly.

    This is the code I added:

    .{IE SPECIFIC FLASH PLAYER POS}
    *html td td embed
    {
    position:absolute;
    margin-left: -2px;
    _margin-left: -2px;
    left: 50%;
    _left: 50%;
    top: 159px;
    _top: 159px;
    width: 450px;
    height: 345px ;
    }

    The coordinates are slightly different than the initial coding, so I should think IE would render it positioned differently. It doesn't. I even tried a version using a CC structured to affect IE, but apparently myspace in its infinited wisdom, does not allow <!-- or -->, instead replacing it with a series of periods.

    Any ideas?

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You aren't using it correctly. You should reread the link I posted. You need a space between the * and the html part. Personally I would give the embed a class
    Code:
    class="mp3player"
    Then use the CSS like so
    Code:
    * html .mp3player
    {
    position:absolute;
    margin-left: -2px;
    left: 50%;
    top: 159px;
    width: 450px;
    height: 345px;
    }
    You don't need the underscore hacks.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry about that, I corrected it. It still doesn't affect the position at all.

    And I can't include a class; the great majority of the code on the page is already created by Myspace and can't be edited. Hence the indirect approach at referencing the embed.

    I can move elements around and affect them vicariously by isolating them as closely as possible, but that's mostly the extent of it. Obviously I can add limitless stuff of my own, but as for what's already there I only get so much control. And the flash player is there already.

    I wouldn't even bother if Myspace weren't such a valuable tool for marketing bands. Thanks for your help. Let me know if you come up with anything else.

    Just for the sake of doing so, here's the code Im using now:

    .{IE SPECIFIC FLASH PLAYER POS}
    * html td td embed
    {
    position:absolute;
    margin-left: -2px;
    left: 50%;
    top: 159px;
    width: 450px;
    height: 345px;
    }

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,677
    Thanks
    6
    Thanked 1,008 Times in 981 Posts
    Did you know that the actual flash object is the <object>, not the <embed>? Hence, you'll have to apply the style to the object element, not the embed (especially since the embed is a Netscape invention and IE will ignore it anyway).

  • #10
    New to the CF scene
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    eureka!!

    That did it. With a little wiggling I got it how I wanted it. THANKS!! You're a real lifesaver. I should've thought of that myself haha


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •