41 users online (0 members and 41 guests)  


  Results 1 to 9 of 9

Related

  1. Browser problem    Forum: HTML Forum
    Replies: 10
  2. Replies: 1
  3. Replies: 0
  4. Replies: 0
  5. Replies: 0
  1. #1
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    problem in my web page with browser internet explorer .

    hello i will ask somebody expert does help me because i dont understand wich problem have in my web page . Its good loading with mozilla firefox with computer and with opera mini 8.5 using my cell but when i use internet explorer its blank only the brown background appears without photo and text : http://boudhatour.wapath.com/fr/kora/step0.b also i have an another problem but always with internet explore my slideshow doesn't run properly it run until 4 or 5 photo but not more and if i use my cell with opera mini 8.5 it does well run ! : http://boudhatour.wapath.com/files/kora2/slideshow.en.htm can you help me and look there what problem with internet explorer thanks a lot for your advice and help

  2. #2
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: problem in my web page with browser internet explorer .

    Ok. To be honest, after looking at your code, I have no idea what you are trying to accomplish with it. The reason nothing is showing up (including in Firefox 3 on my computer) is because your code has quite a few things wrong with it.

    1. You have HTML elements in the HEAD section that should not be there.
    2. You have CSS styles in the HTML code that are put in completely wrong


    Those are the things I noticed right off the bat. I am going to fix those two things, then we will see where things are.

    Code:
    <style type="text/css">
    <div#preload-image{
    overflow:hidden;}
    left:-9999px ;
    top:-9999px ;
    height: 1px ;
    width: 1px >
    Needs to change to:
    Code:
    <div id='preload-image' style="overflow:hidden; left:-9999px; top:-9999px; height: 1px; width: 1px;"></div>
    Before I go any further though, I need to know what this line is for:
    Code:
    <div id="preload-image"," img src="http://boudhatour.wapath.com/files/kora/Step1.jpg"," img src="http://boudhatour.wapath.com/files/kora/Map01.jpg"," img src="http://boudhatour.wapath.com/files/kora/linija3.gif">
    It is in the HEAD section of the code, and div's should not be. If I am guessing correctly, you are trying to load all the images, but not display them, when the page loads.

  3. #3
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    Re: problem in my web page with browser internet explorer .

    hi friend yes that i have trying loading all the image but not display them its preloading image i try preload in three way css , javascript , and xhtml all together and this part of the code its xhtml preloading
    Code:
    <div id="preload-image"," img src="http://boudhatour.wapath.com/files/kora/Step1.jpg"," img src="http://boudhatour.wapath.com/files/kora/Map01.jpg"," img src="http://boudhatour.wapath.com/files/kora/linija3.gif">
    but its wrong i know i have check my page with validator and it say me that "," its not alowed
    and that simbole also its wrong # here>
    Code:
    <div#preload-image
    also yes the css its not good in this aera i need clean up ma page then the 192 another page and now i have try that :
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>introduction</title><meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" /><style type="text/css">body{cursor:crosshair}
    h1{color:yellow}
    div preload-image{
    overflow:hidden;}
    {left:-9999px ;
    top:-9999px ;
    height: 1px ;
    width: 1px }</code>
    </style>
    <code><SCRIPT LANGUAGE="JavaScript">
    image1 = new Image(200,150);
    image1.src = "http://boudhatour.wapath.com/files/kora/Step01.jpg";
    
    image2 = new Image(114,111);
    image2.src = "http://boudhatour.wapath.com/files/kora/Map01.jpg";
    
    image3 = new Image(93,3);
    image3.src = "http://boudhatour.wapath.com/files/kora/linija3.gif";
    
    </script></code>
    <code><div id="preload-image"," img src="http://boudhatour.wapath.com/files/kora/Step1.jpg",
    " img src="http://boudhatour.wapath.com/files/kora/Map01.jpg",
    " img src="http://boudhatour.wapath.com/files/kora/linija3.gif"></code></head>
    <body style="background-color: #800000">
    
    <img src="http://boudhatour.wapath.com/files/kora/Shakya.jpg" alt="" />
    <br>
    <h1>TAYATA OM MUNI MUNI MAHAMUNAYE SOHA</h1>
    <br />
    <img src="http://boudhatour.wapath.com/files/kora/prosternation.gif" alt="" />
    <br />
    <a href="http://boudhatour.wapath.com/en/kora/step1.b" style="color: #FF0000"><p><b><i>enter</i></b></p></a>
    <br />
    <br>
    <a href="http://boudhatour.wapath.com/files/kora2/slideshow_3.htm" style="color: #FF0000"><p><b><i>Slideshow</i></b></p><br>
    <img src="http://boudhatour.wapath.com/files/linija3.gif" alt="" />
    <br />
    <code><!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula --><SCRIPT language=javascript>
    msg = "TAYATA OM MUNI MUNI MAHAMUNAYE SOHA , TAYATA OM MUNI MUNI MAHANUNAYE SOHA";
    
    msg = "..." + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
    pos++;
    if (pos >  msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
        </SCRIPT><font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none"></span></a></font></code>
    </body></html>
    but rest many error i need help i thinks i will forget the xhtml preloading and use only css and javascript for preload the next image in the next page http://boudhatour.wapath.com/en/kora/step1.b please help me i need your help sir thanks
    Last edited by arian6; 12-16-2008 at 08:41 PM.

  4. #4
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: problem in my web page with browser internet explorer .

    I did a Google search to try and figure out what you are trying to say. I ran across another thread of yours on a different website asking similar questions. You are having the same problems now as you had then. Have you been reading tutorials? A really good one is w3schools. Learn how HTML is structured, and how CSS is structured. There are so many errors in your code, it will take all my time to fix them.

    I have followed your posts through other forums and this one, and the same problems keep coming back. You need to (and many of us need to do this frequently) stop, do some studying, and start again once you understand it.

    I have no problems helping people, but only if they are willing to learn. Please go study. You will be much happier with your work if you do.

  5. #5
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    Re: problem in my web page with browser internet explorer .

    Quote Originally Posted by jthayne View Post
    I did a Google search to try and figure out what you are trying to say. I ran across another thread of yours on a different website asking similar questions. You are having the same problems now as you had then. Have you been reading tutorials? A really good one is w3schools. Learn how HTML is structured, and how CSS is structured. There are so many errors in your code, it will take all my time to fix them.

    I have followed your posts through other forums and this one, and the same problems keep coming back. You need to (and many of us need to do this frequently) stop, do some studying, and start again once you understand it.

    I have no problems helping people, but only if they are willing to learn. Please go study. You will be much happier with your work if you do.
    yes you are right i need learn again and again until i could understand i know now little bit the html structure like that :
    Code:
    <html>
    <head>
    <!--my exemple of basic document structure-->
    /*first the css and below javascript*/
    <style type="text/css">
    /*here css aera does add here h1 h2 h3 h4 or h5  and p and background color*/
    body{background-color:yellow}
    h2{background-color:bleu}
    /* and much more i can add in this style aera css also background photo with css ect ,,,,,,*/
    /*then the javascript aera*/
    <script language="JavaScript">
    /* and here whatever you want add in javascript*/
    /*then the body of my basic document exemple*/
    </head>
    <body>
    /*text aera and content aera*/
    <h2>i have a bit study in w3schools </h2>
    /*and whatever content here in the body aera*/
    </body>
    </html>
    but may be i need again learn

  6. #6
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    Re: problem in my web page with browser internet explorer .

    Quote Originally Posted by arian6 View Post
    yes you are right i need learn again and again until i could understand i know now little bit the html structure like that :
    Code:
    <html>
    <head>
    <!--my exemple of basic document structure-->
    /*first the css and below javascript*/
    <style type="text/css">
    /*here css aera does add here h1 h2 h3 h4 or h5  and p and background color*/
    body{background-color:yellow}
    h2{background-color:bleu}
    /* and much more i can add in this style aera css also background photo with css ect ,,,,,,*/
    /*then the javascript aera*/
    <script language="JavaScript">
    /* and here whatever you want add in javascript*/
    /*then the body of my basic document exemple*/
    </head>
    <body>
    /*text aera and content aera*/
    <h2>i have a bit study in w3schools </h2>
    /*and whatever content here in the body aera*/
    </body>
    </html>
    but may be i need again learn
    and now i have trying to clean up my document i am not sure about it but i try my best with myself knowledge i have learn with some website tutorial but that tutorial its not always clear and nothing or verry little bit tutorial about preloaded image and i am alone its not so easy please my dear friend can you help me a bit more and tell me if now my document its right thanks
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>pas1</title>
    <style type="text/css"><!--body{cursor:crosshair}<!--css link-->-->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" />
    <!--css code for preload image-->
    <div preload-image{
    overflow:hidden;}
    left:-9999px ;
    top:-9999px ;
    height: 1px ;
    width: 1px >
    </style>
    
    <!--code javascript preload image-->
    <code>
    <SCRIPT LANGUAGE="JavaScript"><
    image1 = new Image(200,150);
    image1.src = "http://boudhatour.wapath.com/files/kora/Step3.jpg";
    
    image2 = new Image(114,111);
    image2.src = "http://boudhatour.wapath.com/files/kora/Map01.jpg";
    
    image3 = new Image(93,3);
    image3.src = "http://boudhatour.wapath.com/files/kora/linija3.gif";
    >
    </script>
    </code>
    </head>
    <body style="background-color: #800000">
    
    <img src="http://boudhatour.wapath.com/files/kora/Step2.jpg" alt="" />
    <br />
    <b>
    <i style="color: #FFFF00">faite un pas de plus:</i>
    <br />
    <br />
    <a href="http://boudhatour.wapath.com/fr/kora/step3.b" style="color: #FF0000">next pas3&gt;&gt;&gt;</a>
    <br />
    <a href="http://boudhatour.wapath.com/fr/home.b" style="color: #FFFF00">&lt;&lt;&lt;retour a la home page</a>
    <br />
    <img src="http://boudhatour.wapath.com/files/linija3.gif" alt="" />
    <br />
    <img src="http://boudhatour.wapath.com/files/kora/Map01.jpg" alt="" />
    <br />
    <img src="http://boudhatour.wapath.com/files/linija3.gif" alt="" />
    <br />
    </body>
    </html>

  7. #7
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: problem in my web page with browser internet explorer .

    Here is a list of the problems you had with your code:

    1. Your HTML tag was in the middle of the HEAD section of your page. The HTML tag MUST be at the beginning. The only thing that should be before it is the DOCTYPE declaration.

    2. META tags do not belong within the STYLE tags.

    3. DIV tags do not go in the HEAD section.

    4. You can only declare CSS styles by class, id, or tag.

    4. CSS declarations are done as follows:
    By class:
    Code:
    .preload-image {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    By id:
    Code:
    #preload-image {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    By class:
    Code:
    div {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    5. When declaring a CSS stylesheet, each line ends in a semicolon.

    6. When declaring a CSS stylesheet, each group of styles begins with a { and ends with a }.

    7. Do not use <code>

    8. You are using two methods of preloading and displaying images, CSS and Javascript. Pick One.

    9. You are only preloading 3 of your four images.

    10. You have no way to navigate bewtween the images.

    I could continue on, but I went ahead and created a page that will work. I have tested it, and as long as you don't change it, it will work. Hopefully you will not just say you are going to learn this, and you actually do learn it.

    Use the following code instead of what you currently have:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<title>pas1</title>
    		<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" />
    		<style type="text/css">
    			body{cursor:crosshair}
    		</style>
    
    		<!--code javascript preload image-->
    		<SCRIPT LANGUAGE="JavaScript">
    			var x;
    			var imageList = new Array();
    
    			imageList[0] = new Image(200,150);
    			imageList[0].src = "http://boudhatour.wapath.com/files/kora/Step2.jpg";
    
    			imageList[1] = new Image(200,150);
    			imageList[1].src = "http://boudhatour.wapath.com/files/kora/Step3.jpg";
    
    			imageList[2] = new Image(114,111);
    			imageList[2].src = "http://boudhatour.wapath.com/files/kora/Map01.jpg";
    
    			imageList[3] = new Image(93,3);
    			imageList[3].src = "http://boudhatour.wapath.com/files/kora/linija3.gif";
    
    			x = 0;
    
    			function nextImg() {
    				x=x+1;
    				document.getElementById("images").src = imageList[x].src;
    				document.getElementById("prevImg").disabled = false;
    				if (imageList.length == (x+1))
    				{
    					document.getElementById("nextImg").disabled = true;
    				}
    			}
    			function prevImg() {
    				x=x-1;
    				document.getElementById("images").src = imageList[x].src;
    				document.getElementById("nextImg").disabled = false;
    				if (x==0)
    				{
    					document.getElementById("prevImg").disabled = true;
    				}
    			}
    		</script>
    	</head>
    	<body style="background-color: #800000">
    		<b><i style="color: #FFFF00">faite un pas de plus:</i></b>
    		<br />
    		<br />
    		<a href="http://boudhatour.wapath.com/fr/kora/step3.b" style="color: #FF0000">next pas3&gt;&gt;&gt;</a>
    		<br />
    		<a href="http://boudhatour.wapath.com/fr/home.b" style="color: #FFFF00">&lt;&lt;&lt;retour a la home page</a>
    		<br />
    		<img id="images" src="http://boudhatour.wapath.com/files/kora/Step2.jpg" alt="" />
    		<br />
    		<button id="prevImg" onclick="prevImg();" disabled>&lt;&lt;</button>
    		<button id="nextImg" onclick="nextImg();">&gt;&gt;</button>
    	</body>
    </html>

  8. #8
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    Re: problem in my web page with browser internet explorer .

    [QUOTE=jthayne;31685]Here is a list of the problems you had with your code:

    1. Your HTML tag was in the middle of the HEAD section of your page. The HTML tag MUST be at the beginning. The only thing that should be before it is the DOCTYPE declaration.

    2. META tags do not belong within the STYLE tags.

    3. DIV tags do not go in the HEAD section.

    4. You can only declare CSS styles by class, id, or tag.

    4. CSS declarations are done as follows:
    By class:
    Code:
    .preload-image {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    By id:
    Code:
    #preload-image {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    By class:
    Code:
    div {
       overflow:hidden;
       left:-9999px ;
       top:-9999px ;
       height: 1px ;
       width: 1px;
    }
    5. When declaring a CSS stylesheet, each line ends in a semicolon.

    6. When declaring a CSS stylesheet, each group of styles begins with a { and ends with a }.

    7. Do not use <code>

    8. You are using two methods of preloading and displaying images, CSS and Javascript. Pick One.

    9. You are only preloading 3 of your four images.

    10. You have no way to navigate bewtween the images.
    ok thanks sir jthayne i will learn what you have saying and thank for your correction in my page i will try it later but first i want understand a bit about the css preloading image . I thinks if i have understand the css preload image i would add to my page is style class and is declared by id and does add it before the DOCTYPE[code] #preload-images{
    position:absolue;
    left: -9999px
    top: -9999px
    height: 1px ;
    width: 1px;
    }
    cause i have declared may that tag by id could put it in style aera of css
    Code:
     <style:"text/css">
    and the div class does add at the beginning of the the body aera ?? Honestly i am confused because if i add
    Code:
     <body><div class="preload">
    <img src="exemple.jpg" alt="" /></div>
    the image does appears in the screen or i need add the declaration display:none ???
    i have many confused please tell me how i do preloaded image for the next page before display in the screen it was in the cache of the browser (tempory files) waiting for displaying thanks always i would learn until i understand a bit the css .

  9. #9
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: problem in my web page with browser internet explorer .

    Quote Originally Posted by arian6 View Post
    and does add it before the DOCTYPE
    I am going to say it again. NOTHING GOES BEFORE THE DOCTYPE!!!!

    Quote Originally Posted by arian6 View Post
    Code:
    <style:"text/css">
    This is incorrect syntax, and if you had taken the time to study or even look at the code I gave you, you would realize that.

    Quote Originally Posted by arian6 View Post
    Code:
     #preload-images{
    position:absolue;
    left: -9999px
    top: -9999px
    height: 1px ;
    width: 1px;
    }
    This is ALMOST correct CSS syntax, and if you had taken the time to study or even look at the code I gave you, you would realize that. For CSS, you need a semicolon ( ; ) after each line.

    Also, you have the tag set up as an id. These can only be declared once on a page. As such, you need to do what I did and set it up as a class. The corrected (again) code is:
    Code:
    .preload-images{
    position:absolute;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
    }
    In order for this to be useful, you need to set up the following in your code:

    Code:
    <img class="preload-images" src="exemple1.jpg" alt="" />
    <img class="preload-images" src="exemple2.jpg" alt="" />
    <img class="preload-images" src="exemple3.jpg" alt="" />
    You need to repeat the line again for each image you want included changing ONLY the src. What this (combined with the CSS code above) will do is load all the images off screen. Then you need to add links that when hovered over, moves the image associated with that link to the correct location.

    Quote Originally Posted by arian6 View Post
    or i need add the declaration display:none ???
    That is another method you could use, but like I said before, you are trying to combine several methods, and you only have pieces of each. I recommend you do NOT use display:none.

    Quote Originally Posted by arian6 View Post
    how i do preloaded image for the next page before display in the screen it was in the cache of the browser
    You do not need to go to another page to display the next image. Why don't you actually try the code I gave you? It does everything you need it to. It preloads the images so that the user does not have to wait every time he clicks on the next button. Forget about links. They will not help you. And now that I have given you working code, use it, and the tutorials you have been given to actually learn this so that you can understand it the next time.

    You have said that you do not have the time to take to try and learn this, but you have been working on the same page for over a month now and making the same mistakes. If you had taken the time to actually learn it, you would not have been making those same mistakes still, and you would have been done by now.



Tags for this Thread