478 users online (1 members and 477 guests)  


  Results 1 to 3 of 3

Related

  1. Replies: 0
  2. xhtml open in new window ?    Forum: HTML Forum
    Replies: 1
  3. Xhtml    Forum: General Discussion
    Replies: 2
  1. #1
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    preload image with javascript css and xhtml all together

    hi to day i having trying add to my website 3 preloading script all together you can chek out in this two first page of my site : http://boudhatour.wapath.com/fr/kora/step1.b and http://boudhatour.wapath.com/fr/kora/step2.b
    and i am not sur about what i have writing i need help for confirmed or not this add up . I am novice in html but i wanna much learn realy need help . Below you can see the complet code of the second page called step2.b :
    <!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>pas2</title><meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" /><style type="text/css"><!-- --></style></head><body style="background-color: #800000">
    <p align="center">
    <code><HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Begin

    image1 = new Image(200,150);
    image1.src = "http://boudhatour.wapath.com/files/kora/Step2.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";

    // End --></script></head></code>
    <head>
    <code><div id="preload-images"><img="http://boudhatour.wapath.com/files/kora/Step2.jpg","http://boudhatour.wapath.com/files/kora/Map01.jpg","http://boudhatour.wapath.com/files/kora/linija3.gif"></code>
    </head>
    <body>
    <div#preload-image{
    visibility:hidden ;
    position:absolue ;
    overflow:hidden ;
    left:-9999px ;
    top:-9999px ;
    height: 1px ;
    width: 1px ;
    }
    <img src="http://boudhatour.wapath.com/files/kora/Step2.jpg" alt="" />
    <br />
    <a href="http://boudhatour.wapath.com/fr/kora/step3.b" style="color: #FF0000">next pas3&gt;&gt;&gt;</a>
    <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 />
    </p>
    </body></html>
    many thanks for check this page right or not right ?
    Last edited by HTML; 11-25-2008 at 07:27 AM.

  2. #2
    rangana's Avatar
    Moderator/Allstar

    Status
    Offline
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    317

    Re: preload image with javascript css and xhtml all together

    Your page doesn't seem to contain proper HTML tag structure.

    The basic framework should be like this:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    /* CSS HERE */
    </style>
    <script type="text/javascript">
    // JS Here
    </script>
    </head>
    <body>
    </body>
    </html>
    Checkout my porfolio.
    Please click the button when a member helped you.
    Take time to use Forum's Search function.

  3. #3
    arian6's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Nov 2008
    Posts
    29

    Re: preload image with javascript css and xhtml all together

    Quote Originally Posted by rangana View Post
    Your page doesn't seem to contain proper HTML tag structure.

    The basic framework should be like this:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    /* CSS HERE */
    </style>
    <script type="text/javascript">
    // JS Here
    </script>
    </head>
    <body>
    </body>
    </html>
    thanks rangana you ar right i will learn more about the html and css and javascript i think i really need that and yesderday i start study with w3shool website there have great tutorial i think with that i could progress in my knowledg but anyway thanks salamat we stay in contact later i will tell you if i progress in my knowledge . And i will try now make an clear page with the good structure you send to me see you later friend as soon possible



Tags for this Thread