...

View Full Version : challenge for the gurus....



cassius
03-05-2007, 01:53 AM
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/bungalowbutterandthefungusamungus


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!!

koyama
03-05-2007, 02:25 AM
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.

cassius
03-05-2007, 02:37 AM
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

_Aerospace_Eng_
03-05-2007, 02:57 AM
You will need to make use of the star html selector bug to get things where you want.
http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
Since myspace has no doctype to begin with IE6 and IE7 are using the same rendering engine.

cassius
03-05-2007, 03:08 AM
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.

cassius
03-05-2007, 05:52 AM
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?

_Aerospace_Eng_
03-05-2007, 07:10 AM
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

class="mp3player"
Then use the CSS like so

* html .mp3player
{
position:absolute;
margin-left: -2px;
left: 50%;
top: 159px;
width: 450px;
height: 345px;
}
You don't need the underscore hacks.

cassius
03-05-2007, 03:39 PM
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;
}

VIPStephan
03-05-2007, 04:51 PM
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).

cassius
03-05-2007, 11:27 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum