Browsers don't read my css codes

+1 Ali Khiti · June 29, 2014
I'm recently making a website and I found out that Mozilla and Internet Explorer don't read my css code. What to do please ?

Post a Reply

Replies

Oldest  Newest  Rating
0 Mathias Frits Rørvik · June 29, 2014
Post code please.
0 Ali Khiti · June 29, 2014
css only ?
0 Mathias Frits Rørvik · June 29, 2014
Both html and css. Also make sure to use code tags.
0 Ali Khiti · June 29, 2014
I don't know why I couldn't screen it so I think I'm just going to copy and paste the code
0 Ali Khiti · June 29, 2014
*{
margin:0px;
padding:0px;
font-family:Arial,Helvetica,Sans-serif;
font-size:12px;
background-color:#eff5f9;
}
.headermenu{
background-color:#8f449a;
height:30px;
border:0px;
padding-left:auto;
padding-right:auto;
width:100%;
}
#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
padding-top:0px;
padding-bottom:0px;
}
h2 {
font-family:Arial,Helvetica,Sans-serif;
font-size:18px;
padding:8px;
color:#8f449a;
}
input[type="text"] {
background-color:#FFFFFF;
border: 1px solid #E2E2E2;
font-size: 15px;
padding:5px;
width:300px;
margin-bottom:3px;
margin-top:3px;
outline:none;
border-radius: 7px;
}
input[type="text"]:hover{
border: 1px solid #006FC4;
}
input[type="text"]:focus{
border: 1px solid #006FC4;
}
input[type="password"] {
background-color:#FFFFFF;
border: 1px solid #E2E2E2;
font-size: 15px;
padding:5px;
width:300px;
margin-bottom:3px;
margin-top:3px;
outline:none;
border-radius: 7px;
}
input[type="password"]:hover{
border: 1px solid #006FC4;
}
input[type="password"]:focus{
border: 1px solid #006FC4;
}
input[type="submit"] {
background-color:#8f449a;
border: 1px solid #E2E2E2;
font-size:15px;
color:#FFFFFF;
padding:5px;
margin-bottom:3px;
margin-top:3px;
border-radius: 7px;
}
input[type="submit"]:hover{
border: 1px solid #006FC4;
}
#login{
float: left;
padding:70px;
}
#signin{
    float: right;
    width: 700px;
    margin:0px auto 0px auto;
    padding:70px;"
}
0 Ali Khiti · June 29, 2014
here's the css one, now the html
0 Ali Khiti · June 29, 2014
<!DOCTYPE html>
<html>
<head>
<title>Welive</title>
  <meta charset="utf-8" />
<link rel="stylesheet" type="text.css" href="./css/style.css" />
</head>
<body>
    <div class="headermenu">
    <div id="wrapper">
    <div class="logo">
    <img src="./img/logo.png" />
    </div>
    </div>
    </div>
    <div id="login" >
            <h2>Already a Memeber? Sign in below ...</h2>
            <form action="index.php" method="post" name="form1" id="form1">
<input type="text" size="40" name="user_login" id="user_login" class="auto-clear" title="Username ..." placeholder="Username"/><p />
<input type="password" size="40" name="password_login" id="password_login" placeholder="Password ..." /><p />
<input type="submit" name="button" id="button" value="Login!">
</form>
            </div>
           <div id="signin">
            <table>
            <tr>
            <td width="40%" valign="top">
            <h2>New Here? Join Us!</h2>
            </td>
            <td width="60%" valign="top">
            <h2>Sign up !!</h2>
           <form action="#" method="post">
           <input type="text" size="40" name="fname"  class="auto-clear" title="Full Name" placeholder="Full name"><p />
           <input type="text" size="40" name="username" class="auto-clear" title="Username" placeholder="Username"><p />
           <input type="text" size="40" name="email" class="auto-clear" title="Email" placeholder="Email adress"><p />
           <input type="password" size="40" name="password" placeholder="Password ..."><p />
           <input type="password" size="40" name="password2" placeholder="Password (again)"><p />
           <input type="submit" name="reg" value="Sign Up!">
           </form>
            </td>
            </tr>
           </div>


</body>
</html>
0 Ali Khiti · June 29, 2014
Thanks a lot text/css instead of text.css was the real reason why, I will try to use your other advices.Thanks again.
  • 1

HTML / CSS / Web Design

107,334 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators