Hi everyone
www.birchrobert.co.uk
As I wrote in subject:
Web Video Players apears in Internet Explorer correctly in FireFox and Opera in COMPLETLY DIFERENT PLACE
Please help... I am not so perfect in HTML, although it seem to be ok,
so what the problem???
Many thanx in advance
Robert
birchrobert
Trial User
4 posts
Cary
Ambassador
1,058 posts
Well, there are a couple of things you need to fix here. For your doctype you have this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
It's incomplete which puts IE6 (and possibly 7) in quirks mode and causes it to render things even more differently from other browsers than it otherwise would. The complete code you need to have there is this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Also, your character encoding meta tag is closed with this, "/>", as if your page is xhtml. The slash shouldn't be present in an html page such as you have produced, so that line should look like this:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
After you fix these things you may see things shift around in the visual tab if that's what you are using. Adjust the positions so they are back where you want things. However, I would strongly advise you don't use the horizontally scrolling page layout you have and go instead with a vertically scrolling page. Basically, most visitors don't like having to mess with horizontal scrolling.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
It's incomplete which puts IE6 (and possibly 7) in quirks mode and causes it to render things even more differently from other browsers than it otherwise would. The complete code you need to have there is this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Also, your character encoding meta tag is closed with this, "/>", as if your page is xhtml. The slash shouldn't be present in an html page such as you have produced, so that line should look like this:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
After you fix these things you may see things shift around in the visual tab if that's what you are using. Adjust the positions so they are back where you want things. However, I would strongly advise you don't use the horizontally scrolling page layout you have and go instead with a vertically scrolling page. Basically, most visitors don't like having to mess with horizontal scrolling.
birchrobert
Trial User
4 posts
Hi Cary
Many, many great THANKS Cary for you reply and kind and exhaustive additional addvice. Already friends told me about those horizontal scrool and You confirm this fact. So really I decided to change this.
As soon as I check and fix this I let know, if everything is ok.
Regards and thanx,
Robert
Many, many great THANKS Cary for you reply and kind and exhaustive additional addvice. Already friends told me about those horizontal scrool and You confirm this fact. So really I decided to change this.
As soon as I check and fix this I let know, if everything is ok.
Regards and thanx,
Robert
birchrobert
Trial User
4 posts
Hi Everyone!
I change the sugestet tip in htnl, but it still apears like before::
in Internet Explorer correctly, but in Firefox and Opera in COMPLETELY OTHER PLACES
Please maybe anybody knows whats going on...?
Maybe it is something related to another problem that the background is duplicated in those two other browsers and
IT SHOULDN'T (!!!)
Thanx a lot for a advice
Regards
Robert
I change the sugestet tip in htnl, but it still apears like before::
in Internet Explorer correctly, but in Firefox and Opera in COMPLETELY OTHER PLACES
Please maybe anybody knows whats going on...?
Maybe it is something related to another problem that the background is duplicated in those two other browsers and
IT SHOULDN'T (!!!)
Thanx a lot for a advice
Regards
Robert
BillR
Senior Advisor
3,144 posts
Robert,
Your background is 4111 pixels wide. You are using absolute positions ranging from left -3416 to left 3565, so you are looking at a page almost 7000 pixels wide.
Personally, I would dump all the absolute positioning, and use CSS and floats to put things where they belong.
Let me see if I can make some specific suggestions after playing with the code. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Your background is 4111 pixels wide. You are using absolute positions ranging from left -3416 to left 3565, so you are looking at a page almost 7000 pixels wide.
Personally, I would dump all the absolute positioning, and use CSS and floats to put things where they belong.
Let me see if I can make some specific suggestions after playing with the code. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Cary
Ambassador
1,058 posts
birchrobert wrote:
I change the sugestet tip in htnl, but it still apears like before::
in Internet Explorer correctly, but in Firefox and Opera in COMPLETELY OTHER PLACES
Please maybe anybody knows whats going on...?
I change the sugestet tip in htnl, but it still apears like before::
in Internet Explorer correctly, but in Firefox and Opera in COMPLETELY OTHER PLACES
Please maybe anybody knows whats going on...?
This may be due to having styling for absolute positioning being applied to both the object tags and the embed tags.
The following code uses different object tag code for the videos, so the embed tag isn't necessary. The top portion is the last piece of text content from your code followed by the remainder of the page code going to the end of the page so you can see how all the divs need to be closed before the code for the videos begins...
<div align="left">
<div style="Z-INDEX: 107; LEFT: 3540px; WIDTH: 401px; POSITION: absolute; TOP: 464px; HEIGHT: 176px">
<p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-FAMILY: Verdana"><font color="#bf3f00"><font size="5"><font color="#ffffff"><strong> Animation<br>
</strong>TV Production and editing <br>
<font size="4"><font color="#000000">-</font> </font>Bukoland<font color=#000000
size=2><strong>, public television promo of polish animation for Cannes
Festival<br>
</strong></font><font size="4"><font color="#000000">-</font> </font>Bayer Cropscience<font color="#000000" size=2><strong>, </strong></font><font color=#000000> <font size="2" ><strong> animated logo <br>
</strong></font><font size="4" >- </font></font>Exit </font><font color="#000000" size=2>,</font></font> </font><font color=#000000><font size=2><strong>editing</strong> </font></font></span></p>
</div>
</div>
<object style="LEFT: 123px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer1.swf" width="400" height="300">
<param name="movie" value="myvideoplayer1.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 608px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer2.swf" width="400" height="300">
<param name="movie" value="myvideoplayer2.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 1088px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer3.swf" width="400" height="300">
<param name="movie" value="myvideoplayer3.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 2077px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer4.swf" width="400" height="300">
<param name="movie" value="myvideoplayer4.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 2558px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer5.swf" width="400" height="300">
<param name="movie" value="myvideoplayer5.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 3039px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer6.swf" width="400" height="300">
<param name="movie" value="myvideoplayer6.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
<object style="LEFT: 3565px; POSITION: absolute; TOP: 158px;" type="application/x-shockwave-flash" data="myvideoplayer7.swf" width="400" height="300">
<param name="movie" value="myvideoplayer7.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="lt">
<param name="bgcolor" value="#ffffff">
</object>
</body>
</html>
birchrobert wrote:
Maybe it is something related to another problem that the background is duplicated in those two other browsers and
IT SHOULDN'T (!!!)
Maybe it is something related to another problem that the background is duplicated in those two other browsers and
IT SHOULDN'T (!!!)
In your embedded styling in the head of your page you have this line:
a:hover {text-decoration: none; color:#FF0000;}
Directly beneath it add this line:
body {background-repeat:no-repeat;}
birchrobert
Trial User
4 posts
IT WORKS!!
Hi Carry,
I admire lucid structure of your code lines
I am real beginer
I had to just improve some details and - thats IT!!
BIG BOTTLE OF WINE for You !
respect,
Robert
Hi Carry,
I admire lucid structure of your code lines
I am real beginer
I had to just improve some details and - thats IT!!
BIG BOTTLE OF WINE for You !
respect,
Robert
BillR
Senior Advisor
3,144 posts
Robert,
I just looked at the site, and it does look nice. I didn't play any of the videos, but I did activate the play list for each of them.
I was looking for a more complicated solution for your site. Frequently it is the simple solutions that work best. Now if I can just start seeing the simple solutions before I start working complicated, I will save myself some time I can use for play. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
I just looked at the site, and it does look nice. I didn't play any of the videos, but I did activate the play list for each of them.
I was looking for a more complicated solution for your site. Frequently it is the simple solutions that work best. Now if I can just start seeing the simple solutions before I start working complicated, I will save myself some time I can use for play. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
