Ho risolto, ora nel validate non ci sono più errori, ma ho un problema, vi scrivo il codice html, e quello css qua:
Codice PHP:
<?php include("functions/mobile.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Moolsh</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/moolsh.css">
</head>
<body>
<div id="header" onclick="location.href='login.php'">[url="login.php"]Login[/url]</div>
<div id="logo">
[img]images/moolsh.png[/img]
</div>
<div id="home">
<form action="searchfilm.php" class="search" method="get">
<div>
<input type="text" class="search" name="q" placeholder="Cerca.." autofocus="autofocus" required="required" />
<input type="submit" class="go" value="">
</div>
</form>
</div>
</body>
</html>
Codice PHP:
body{background-color:#309c45;
min-width: 900px;
min-height: 500px;}
#logo{width: 480px;
height: 220px;
margin-top:100px;
margin-left:auto;
margin-right:auto;}
#logologin{width: 480px;
height: 220px;
margin-top:70px;
margin-left:130px;}
#home{width:450px;
height: 40px;
background-color:#343434;
margin-top:30px;
margin-left:auto;
margin-right:auto;
border-radius: 10px;
-moz-box-shadow:0px 0px 10px #333333;
-webkit-box-shadow:0px 0px 10px #333333;
box-shadow:0px 0px 10px #333333;}
#homelogin{width:450px;
height: 350px;
background-color:#343434;
margin-top:-140px;
margin-left:700px;
border-radius: 10px;
-moz-box-shadow:0px 0px 10px #333333;
-webkit-box-shadow:0px 0px 10px #333333;
box-shadow:0px 0px 10px #333333}
#header{width:140px;
height: 25px;
text-align:center;
background-color:#343434;
margin-top:-10px;
margin-left:75%;
padding:3px 0px 0px 0px;
color: #ffffff;
font-size: 0.8em;
font-family: 'microsoft yahei';
border-radius: 0px 0px 15px 15px;
-moz-box-shadow:0px 0px 10px #333333;
-webkit-box-shadow:0px 0px 10px #333333;
box-shadow:0px 0px 10px #333333}
#header:hover{cursor: pointer;}
a{font-size: 0.9em;
font-family: 'microsoft yahei';
color:#ffffff;
text-decoration: none}
form.search{padding-top:6px;}
input.search:focus{outline:none;}
input.search{width:330px;
height:20px;
float:left;
background-color:#ffffff;
margin-left:6px;
color: #666;
padding:3px 10px 3px 11px;
font-size: 1em;
font-family: 'trebuchet ms', sans-serif;
border: 1px solid #ccc;
border-radius: 10px;}
input.searchlogin{width:300px;
height:25px;
float:right;
background-color:#ffffff;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
color: #666;
padding:3px 11px 3px 11px;
font-size: 1em;
font-family: 'trebuchet ms', sans-serif;
border: 1px solid #ccc;
border-radius: 20px;}
input.go{width:80px;
height:27px;
float:right;
margin-right:6px;
border-radius: 10px;
background-image:url('../images/search.png');
background-repeat: no-repeat;
background-position: center center;
background-color:#c41c1c;
border:1px solid #912c2c;}
input.gologin{width:80px;
height:27px;
float:right;
margin-right:11px;
color: #ffffff;
font-size: 1em;
font-family: 'trebuchet ms', sans-serif;
border-radius: 20px;
background-image:url('../images/search.png');
background-repeat: no-repeat;
background-position: center center;
background-color:#c41c1c;
border:1px solid #912c2c;}
input.go:hover {background-image:url('../images/search.png');
background-repeat: no-repeat;
background-position: center center;
background-color:#c41c1c;
border:1px solid #761e1e;
cursor: pointer;}
La compatibiltà è stata estesa al massimo su tutti i browser, l'unico problema è in opera, che sul tasto della ricerca compare un bordo di 1px nero! In allegato anche l'immagine, il bordo compare solo quando sono con il cursore nell'imput per il testo! Sapete quale può essere il problema?? Grazie!
Rispondi quotando
