Forums > Social Discussion > HTML code help
Login/Join to ParticipateBRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
I know there's a few web-page writers out there, so thought I'd post this up as my skills are way to rusty.
My bands Myspace seems to have a weird bit of coding in it.
On Macs, all is fine.
But on Windows, unless you're using Chrome apparently, the player is off screen to the left, which is a bit rubbish.
Aside from advising all our fans to get a Mac, any idea how to fix this?
The code is as follows (I didn't write it! I know it's an abomination)
Website: www.myspace.com/erinkmusic
I know there's a few web-page writers out there, so thought I'd post this up as my skills are way to rusty.
My bands Myspace seems to have a weird bit of coding in it.
On Macs, all is fine.
But on Windows, unless you're using Chrome apparently, the player is off screen to the left, which is a bit rubbish.
Aside from advising all our fans to get a Mac, any idea how to fix this?
The code is as follows (I didn't write it! I know it's an abomination)
Website: www.myspace.com/erinkmusic
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
SILVER Member
Geek
1,261 posts
Location: Manchester, UK
Geek
1,261 posts
Location: Manchester, UK
Posted:
The OS should be irrelevent but browser choice and resolution will be important.
I'm using firefox 3.6.8 with a resolution of 1280*800 and the player is dead centre for me.
The OS should be irrelevent but browser choice and resolution will be important.
I'm using firefox 3.6.8 with a resolution of 1280*800 and the player is dead centre for me.
BRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
See I thought about resolution, but that would make it shift around - as it is, it's either in the correct place, or halfway off the screen.
[Sidenote] I installed 3.6.8 - it refused to run, refused to be downgraded, and refused to be clean installed. Have since moved to Opera which is good, but doesn't have AdBlockPlus and doesn't intergrate into IDM as well. [/sidenote]
See I thought about resolution, but that would make it shift around - as it is, it's either in the correct place, or halfway off the screen.
[Sidenote] I installed 3.6.8 - it refused to run, refused to be downgraded, and refused to be clean installed. Have since moved to Opera which is good, but doesn't have AdBlockPlus and doesn't intergrate into IDM as well. [/sidenote]
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
BRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
But looking at the code, there's nothing that leaps out at me as being browser specific - but as I mentioned, I haven't coded sites for ages.
But looking at the code, there's nothing that leaps out at me as being browser specific - but as I mentioned, I haven't coded sites for ages.
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
addict
413 posts
413 posts
Posted:
It rather technical discussion that social by the way,
but the problem is that us use fixed lenth variables
instead of dynamic positioning..
It rather technical discussion that social by the way,
but the problem is that us use fixed lenth variables
instead of dynamic positioning..
BRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
Technical Discussion is part of "Poi/staff discussion" which this isn't, hence not being there
So it's the:
position:absolute; left:50%; top:-400px; margin-left:-1210px; z-index:9;}
that's the issue?
Why is this browser specific?
Technical Discussion is part of "Poi/staff discussion" which this isn't, hence not being there
So it's the:
position:absolute; left:50%; top:-400px; margin-left:-1210px; z-index:9;}
that's the issue?
Why is this browser specific?
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
Stargazer
6,650 posts
6,650 posts
Posted:
hear hear - posting in the 'wrong forum', huh?
I just checked... player appears quite centered... apparently all players are precisely where they should be (imho) I'm using Vista like Seye FF 3.6.8 and work on a 17'' monitor (resolution 1280x800)...
as Seye said: I would rather suspect that it is more likely a resolution problem... but the only other thing I could possibly think of (apart from that dynamic positioning) is that the it is always saying "margin left: {and then inserting a negative value}" I would try play around with that...
hope it helps
hear hear - posting in the 'wrong forum', huh?
I just checked... player appears quite centered... apparently all players are precisely where they should be (imho) I'm using Vista
like Seye FF 3.6.8 and work on a 17'' monitor (resolution 1280x800)...as Seye said: I would rather suspect that it is more likely a resolution problem... but the only other thing I could possibly think of (apart from that dynamic positioning) is that the it is always saying "margin left: {and then inserting a negative value}" I would try play around with that...
hope it helps
the best smiles are the ones you lead to
SILVER Member
Unofficial Chairperson of Squirrel Defense League
4,061 posts
Location: South Africa
Unofficial Chairperson of Squirrel Defense League
4,061 posts
Location: South Africa
Posted:
As [Unregistered] suggested, can you not make those relative? Have also not played with HTML in years....
Instead of having fixed px values for a position, make those relative to width and height of the screen.
Regarding why it could be browser specific, different browsers conform to standards in different ways. Do not ask me how that works....
As [Unregistered] suggested, can you not make those relative? Have also not played with HTML in years....
Instead of having fixed px values for a position, make those relative to width and height of the screen.
Regarding why it could be browser specific, different browsers conform to standards in different ways. Do not ask me how that works....
'We're all mad here. I'm mad, you're mad." [said the Cat.]
"How do you know I'm mad?" said Alice.
"You must be," said the Cat, "Or you wouldn't have come here."
- Lewis Carroll, Alice's Adventures In Wonderland
BRONZE Member
Wind Dancer
126 posts
Location: USA, east coast
Wind Dancer
126 posts
Location: USA, east coast
Posted:
I'm running firefox on win7 and the player is dead center. I'll have to agree with Aston on this one. I can't say I've tried such a thing in html, in fact, I've only used html to make fonts turn pretty colors, but can you say "put the X coordinate of player's center at half the width of the page" ?
I'm running firefox on win7 and the player is dead center. I'll have to agree with Aston on this one. I can't say I've tried such a thing in html, in fact, I've only used html to make fonts turn pretty colors, but can you say "put the X coordinate of player's center at half the width of the page" ?
Impermanent are all created things;
Strive on with awareness.
- Buddha
Stargazer
6,650 posts
6,650 posts
Posted:
Durbs I'm trying to look at it in Dreamweaver, but it is not embedding any players (as the corresponding URLs are missing)... so can't be of help here.
Durbs I'm trying to look at it in Dreamweaver, but it is not embedding any players (as the corresponding URLs are missing)... so can't be of help here.
the best smiles are the ones you lead to
BRONZE Member
Sitting down facing forward . . .
2,387 posts
Location: Christchurch, New Zealand
Sitting down facing forward . . .
2,387 posts
Location: Christchurch, New Zealand
Posted:
Hey Durbs, how's it going? Hope all is well.
My few years at playing with html didn't get to anything quite as techy as this but I do suspect that unregistered & Aston are on the right track. Windows Explorer is MUCH less tolerant than other browsers and unless your html is super perfect and covers all eventualities, it throws up all sorts of different views than you'd expect or get on other browsers. I used to get it all the time where my pages would be fine on Firefox & Opera but not on Windows Explorer. (Stoopid Windows!)
I suggest you change the absolute "px" values with more relative "%" based ones.
cheers mate
Hey Durbs, how's it going? Hope all is well.
My few years at playing with html didn't get to anything quite as techy as this but I do suspect that unregistered & Aston are on the right track. Windows Explorer is MUCH less tolerant than other browsers and unless your html is super perfect and covers all eventualities, it throws up all sorts of different views than you'd expect or get on other browsers. I used to get it all the time where my pages would be fine on Firefox & Opera but not on Windows Explorer. (Stoopid Windows!)
I suggest you change the absolute "px" values with more relative "%" based ones.
cheers mate
Written by: Doc Lightning talking about Marmite in Kichi's Intro thread
I have several large jars of the stuff. I actually like it... a little. And don't tell anyone I admitted to it. 
BRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
Tis wierd though - tried FF and IE at work on XP (XP?!! Farks sake...), and IE and Opera at home on Win7 and all have the same problem.
Having said that, Tash fiddled the code on a trial page and got it centered, so all should be well soon
Cheers guys
Tis wierd though - tried FF and IE at work on XP (XP?!! Farks sake...), and IE and Opera at home on Win7 and all have the same problem.
Having said that, Tash fiddled the code on a trial page and got it centered, so all should be well soon
Cheers guys
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
BRONZE Member
Wind Dancer
126 posts
Location: USA, east coast
Wind Dancer
126 posts
Location: USA, east coast
Posted:
georgemc - You mean Internet Explorer, right? Not Windows Explorer? If you were trying to open a webpage via windows explorer, I would be terribly confused. And slightly concerned...
Anyways, glad you got it figured out Durbs good luck!
georgemc - You mean Internet Explorer, right? Not Windows Explorer? If you were trying to open a webpage via windows explorer, I would be terribly confused. And slightly concerned...
Anyways, glad you got it figured out Durbs
good luck! Impermanent are all created things;
Strive on with awareness.
- Buddha
BRONZE Member
Sitting down facing forward . . .
2,387 posts
Location: Christchurch, New Zealand
Sitting down facing forward . . .
2,387 posts
Location: Christchurch, New Zealand
Posted:
of course Laasya - just testing to see if you're awake!
of course Laasya - just testing to see if you're awake!
Written by: Doc Lightning talking about Marmite in Kichi's Intro thread
I have several large jars of the stuff. I actually like it... a little. And don't tell anyone I admitted to it.
BRONZE Member
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK
Carpal \'Tunnel
3,009 posts
Location: Bristol, UK
Posted:
First: A 2.4Mb animated gif! Please no! It's far too big and far too annoyingly jerky in it's movement. Kill it please! ( IMO )
Second, its halfway off to the left of the screen on IE 6,7,8.
I find MySpace templates to be the work of the devil himself and anathema to good design, usability and legibility.
The layout of a MYSpace page is a fixed table. What your layout is trying to do is pull that player from it's table cell and place it in the middle. The problem is that all the surrounding junk will affect that and different browsers handle that junk differently. So what you need is MySpace template advice, not HTML advice. Luckily I never have to touch such dirty issues of the web, so I can be of no definite help.
However, "position:absolute; left:50%; top:-400px; margin-left:-1210px;" is almost right for centring a div, but the rule is the left margin must be half the width of the div. However as you're positioning an absolute element wrapped in a relative element the absolute position is relative to the relative element. In other words the position starting point is not the 0,0 point of the page; but where the browser sees the 0,0 point of the table. This is why it's different in different browsers. I wouldn't mind having a bit of a play around with it, but I haven't got the time at the moment. I'm off on holiday
I'd recommend letting the player sit in the right column where it wants to be unless you can somehow remove the player from the main site table, which I don't think you can do.
Third: You can open a web url in Windows Explorer and it'll convert to a browser.
First: A 2.4Mb animated gif! Please no! It's far too big and far too annoyingly jerky in it's movement. Kill it please! ( IMO
)Second, its halfway off to the left of the screen on IE 6,7,8.
I find MySpace templates to be the work of the devil himself and anathema to good design, usability and legibility.
The layout of a MYSpace page is a fixed table. What your layout is trying to do is pull that player from it's table cell and place it in the middle. The problem is that all the surrounding junk will affect that and different browsers handle that junk differently. So what you need is MySpace template advice, not HTML advice. Luckily I never have to touch such dirty issues of the web, so I can be of no definite help.
However, "position:absolute; left:50%; top:-400px; margin-left:-1210px;" is almost right for centring a div, but the rule is the left margin must be half the width of the div. However as you're positioning an absolute element wrapped in a relative element the absolute position is relative to the relative element. In other words the position starting point is not the 0,0 point of the page; but where the browser sees the 0,0 point of the table. This is why it's different in different browsers. I wouldn't mind having a bit of a play around with it, but I haven't got the time at the moment. I'm off on holiday
I'd recommend letting the player sit in the right column where it wants to be unless you can somehow remove the player from the main site table, which I don't think you can do.
Third: You can open a web url in Windows Explorer and it'll convert to a browser.
BRONZE Member
Classically British
5,689 posts
Location: Epsom, Surrey, England
Classically British
5,689 posts
Location: Epsom, Surrey, England
Posted:
Cheers Dom - I didn't write any of the site, Erin did, but I noticed it was wrong.
I'll pass on your constructive thoughts
Happy holidays
Cheers Dom - I didn't write any of the site, Erin did, but I noticed it was wrong.
I'll pass on your constructive thoughts
Happy holidays
Burner of Toast
Spinner of poi
Slacker of enormous magnitude
Stargazer
6,650 posts
6,650 posts
Posted:
fixed?
fixed?
the best smiles are the ones you lead to
Similar Topics
Using the keywords [code] we found the following existing topics.
- Forums > Add pictures to your posts [25 replies]
- Forums > images on this board... [13 replies]
- Forums > Chat room up again
- Forums > Code of Ethics [7 replies]
- Forums > HTML/UBB code in signatures [3 replies]
Show more..