Results are out! Find what you need...fast. Get quick advice or join the chat
Hey there Sign in to join this conversationNew here? Join for free

need help plzzzzzz

This thread is sponsored by:
Announcements Posted on
    • Thread Starter
    • 0 followers
    Offline

    ReputationRep:
    hello my layout is displaying on firefox but not on IE.really need help
    here is my code.
    thanks






    <!DOCTYPE HTML>
    <html>
    <title>HTML Test</title>
    <head>
    <style type="text/css">
    .contain{margin-left:auto; margin-right=auto;}
    .heading{background-colorink;}
    .heading h1{colorurple;text-align:left;line-height:100px;}
    .heading img{float:left;height:70px;width :100px;padding:5px;margin-right:20px;}
    .nav ul{list-style:none; margin:0; padding:0;}
    .nav li{float:left;width:100px;backgr ound-color:grey;text-align:center;border-left:1px solid white;position:relative;height:3 0px;line-height:30px;}
    .nav li ul li{float:none;width:150px;text-align:left;padding-left:5px;border-top:1px solid white;}
    .nav a{text-decoration:none;color:red;}
    .nav li ul{position:absolute;top:30px;le ft:0;visibility:hidden;}
    .nav ul:hover{color:red;}
    </style>
    </head>

    <body>
    <div class="contain">
    <div class="heading">
    <img border="0" src="dupata.JPG"width="304" height="228" >
    <h1>Scarf Style </h1>
    </div>
    <div class="nav">
    <ul>
    <li><a href="youtube.com">Home</a></li>
    <li><a href="four.com">Product</a>
    <ul>
    <li> <a href="one.com">Cotton</a></li>
    <li><a href="two.com">Pashmina</a></li>
    <li><a href="three.com">Silk</a></li>
    </ul>
    <li><a href="one.com">Available</a></li>
    </ul>
    </div>

    <form name="form" action="name.php" method="get">
    <input type="text" name="user" />
    <input type="submit"value="Submit" />
    </form>

    </div>
    </body>
    </html>
    • 1 follower
    Offline

    ReputationRep:
    Please tell us what is wrong and use the CODE blocks and format your code so its easier to understand

    Code:
    <!DOCTYPE HTML>
    <html>
       <title>HTML Test</title>
       <head>
          <style type="text/css">
             .contain{margin-left:auto; margin-right=auto;}
             .heading{background-colorink;}
             .heading h1{colorurple;text-align:left;line-height:100px;}
             .heading img{float:left;height:70px;width :100px;padding:5px;margin-right:20px;}
             .nav ul{list-style:none; margin:0; padding:0;}
             .nav li{float:left;width:100px;backgr ound-color:grey;text-align:center;border-left:1px solid white;position:relative;height:3 0px;line-height:30px;}
             .nav li ul li{float:none;width:150px;text-align:left;padding-left:5px;border-top:1px solid white;}
             .nav a{text-decoration:none;color:red;}
             .nav li ul{position:absolute;top:30px;le ft:0;visibility:hidden;}
             .nav ul:hover{color:red;}
          </style>
       </head>
       <body>
          <div class="contain">
             <div class="heading">
                <img border="0" src="dupata.JPG" width="304" height="228" />
                <h1>Scarf Style </h1>
             </div>
             <div class="nav">
                <ul>
                   <li><a href="youtube.com">Home</a></li>
                   <li>
                      <a href="four.com">Product</a>
                      <ul>
                         <li> <a href="one.com">Cotton</a></li>
                         <li><a href="two.com">Pashmina</a></li>
                         <li><a href="three.com">Silk</a></li>
                      </ul>
                   <li><a href="one.com">Available</a></li>
                </ul>
             </div>
             <form name="form" action="name.php" method="get">
                <input type="text" name="user" />
                <input type="submit" value="Submit" />
             </form>
          </div>
       </body>
    </html>
    Formatted using www.freeformatter.com so no excuses
    • Thread Starter
    • 0 followers
    Offline

    ReputationRep:
    thanks alot sharing this site, this is my first coding after taking all the php sessions html n css n sql online thats y its kind of messy so sorry about that, the thing is i use div for layout and this code was working properly in firefox but my php code only work on IE, so when i am running this on IE then its not showing the proper layout.its just a dummy type of code ,i just use the above site and format the code but when i submmit it i will remain the same.



    <html>
    <title>HTML Test</title>
    <head>
    <style type="text/css">
    .contain{margin-left:auto; margin-right=auto;}
    .heading{background-colorink;}
    .heading h1{colorurple;text-align:left;line-height:100px;}
    .heading img{float:left;height:70px;width :100px;padding:5px;margin-right:20px;}
    .nav ul{list-style:none; margin:0; padding:0;}
    .nav li{float:left;width:100px;backgr ound-color:grey;text-align:center;border-left:1px solid white;position:relative;height:3 0px;line-height:30px;}
    .nav li ul li{float:none;width:150px;text-align:left;padding-left:5px;border-top:1px solid white;}
    .nav a{text-decoration:none;color:red;}
    .nav li ul{position:absolute;top:30px;le ft:0;visibility:hidden;}
    .nav ul:hover{color:red;}
    </style>
    </head>
    <body>
    <div class="contain">
    <div class="heading">
    <img border="0" src="dupata.JPG" width="304" height="228" />
    <h1>Scarf Style </h1>
    </div>
    <div class="nav">
    <ul>
    <li><a href="youtube.com">Home</a></li>
    <li>
    <a href="four.com">Product</a>
    <ul>
    <li> <a href="one.com">Cotton</a></li>
    <li><a href="two.com">Pashmina</a></li>
    <li><a href="three.com">Silk</a></li>
    </ul>
    <li><a href="one.com">Available</a></li>
    </ul>
    </div>
    <form name="form" action="name.php" method="get">
    <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>
    </div>
    </body>
    </html>
    • 0 followers
    Offline

    ReputationRep:
    Web designer tip #1: Internet Explorer is always the worst browser to code for. What meets W3C standards and works in all other browsers, will not work in Internet Explorer. It is a living hell for all of us.
    • 0 followers
    Offline

    ReputationRep:
    If you are trying to build a nice form which works well in IE then try looking at the Bootstrap.
    http://twitter.github.com/bootstrap/
    • Thread Starter
    • 0 followers
    Offline

    ReputationRep:
    Actually i am using Div and lists for layout and drop down menu with hover property but hover is not working in IE so its not showing any drop down menu.
    thanks

Reply

Submit reply

Register

Thanks for posting! You just need to create an account in order to submit the post
  1. this can't be left blank
    that username has been taken, please choose another Forgotten your password?
  2. this can't be left blank
    this email is already registered. Forgotten your password?
  3. this can't be left blank

    6 characters or longer with both numbers and letters is safer

  4. this can't be left empty
    your full birthday is required
  1. By joining you agree to our Ts and Cs, privacy policy and site rules

  2. Slide to join now Processing…

Updated: June 20, 2012
New on TSR

Student in a Million awards

All the results from our prize-giving night

Article updates
Useful resources
Reputation gems:
You get these gems as you gain rep from other members for making good contributions and giving helpful advice.