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

Announcements Posted on
Will you get the grades you need for uni? Get prepared today and de-stress, sign up to email alerts for course places! 02-06-2015
Waiting on IB results? Our IB results hub explains everything you need to know 01-06-2015
  1. 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>
  2. 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
  3. 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>
  4. 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.
  5. 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/
  6. 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
TSR Support Team

We have a brilliant team of more than 60 Support Team members looking after discussions on The Student Room, helping to make it a fun, safe and useful place to hang out.

New on TSR

Improving your uni offer

Why now is the time to think about Adjustment

Useful resources
x

Think you'll be in clearing or adjustment?

Hear direct from unis that want to talk to you

Get email alerts for university course places that match your subjects and grades. Just let us know what you're studying.

Quick reply
Reputation gems: You get these gems as you gain rep from other members for making good contributions and giving helpful advice.