Problema con il float

**andrex1191** · 11-05-2011, 15:07

Salve,
questo è il mio foglio di stile:

codice:

#tabellalog   {   
                  border: 4px outset;
                  margin: 0px 220px 0px 220px;
                  padding: 30px;
                  background-color: white;
                  font-size: 15px;
}

#tabellalog input[type="text"] {float:right;}
#tabellalog input[type="image"] {float:right;}
#tabellalog input[type="password"] {float:right; }

Con chrome e mozilla si vede perfettamente, in questo modo:
http://img59.imageshack.us/img59/1618/chromemozilla.jpg

Con internet explorer si vede così:
http://img830.imageshack.us/img830/3300/62131868.jpg

E con Opera così:
http://img703.imageshack.us/img703/7531/operar.jpg

Io vorrei che si vedesse in tutti i browser citati come in chrome e mozilla,
spero mi sappiate aiutare.
in tutti i casi Grazie !!

**ResianTaxidrive** · 11-05-2011, 15:54

dovresti postare anche l'html

**mucu** · 11-05-2011, 16:02

devi definire spessore tipo e colore del bordo
come hai scritto tu lascia il browser libero di interpretare

**ResianTaxidrive** · 11-05-2011, 16:22

ma lui non si riferisce mica al bordo. Non vedi che i campi di testo e gli input non sono sempre allineati o spaziati uguale?

**mucu** · 11-05-2011, 16:26

oops ne ho detta un'altra

aspettiamo il resto allora

**andrex1191** · 11-05-2011, 16:37

Questa è la pagina html:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <link rel="stylesheet" type="text/css" href="Style/stile.css">
         <title>Login ECDL</title>
   </head>
          <body>
           <center>
            <form action="log.php" method="POST">
              [img]image/logo.jpg[/img]
                <h4>LOGIN</h4>
                  <table id="tabellalog" cellpadding="1" cellspacing="15">
                      <tr>
                       <td>Username:<input type="text" name="user"></td>
                      </tr>
                      <tr>
                       <td>Password:<input type="password" name="pass" maxlength="8"></td>
                      </tr>
                       <tr>
                        <td><input type="image" src="image/login.jpg"></td>
                       </tr>
                   </table>
                 Registrati | Hai perso la password?
            </form>
           </center>
          </body>
</html>

Io vorrei solo che si vedesse in tutti i browser come in chrome e in mozilla
Grazie !

**mucu** · 11-05-2011, 16:45

usa due celle a riga invece di una
dividi input da label o come fai tu da [b]
e già sei a buon punto

**andrex1191** · 11-05-2011, 17:12

Originariamente inviato da mucu
usa due celle a riga invece di una
dividi input da label o come fai tu da [b]
e già sei a buon punto

Provando a fare due celle per ogni riga il risultato è che dopo tra la scritta e la input c'è troppo spazio..

sto impazzendo

**ResianTaxidrive** · 11-05-2011, 17:30

ma togli il cellspacing="15" no?

**andrex1191** · 11-05-2011, 18:51

Cel'ho fatta !! ora si vede perfettamente in tutti e 4 i browser
Grazie a tutti per il sostegno.
In pratica ho messo il testo dentro delle label
e nel css ho impostato il float left per tutte le label e il float right per tutte le input
Vi posto come ho fatto:
(Non fate caso al div che prima non c'era..l'ho aggiunto per altri motivi)

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="Style/stile.css">
    <title>Login ECDL</title>
  </head>
  <body>
    <center>
      <form action="log.php" method="POST">
        [img]image/logo.jpg[/img]
        <h4>LOGIN</h4>
        <div id="internolog">
          <table id="tabellalog" cellspacing="15" >
            <tr>
              <td><label>Username:</label><input type="text" name="user"></td>
            </tr>
            <tr>
              <td><label>Password:</label><input type="password" name="pass" maxlength="8"></td>
            </tr>
            <tr>
              <td><input type="image" src="image/login.jpg"></td>
            </tr>
          </table>
        </div>
        Registrati | Hai perso la password?
      </form>
    </center>
  </body>
</html>

codice:

#internolog   {
                  border: 4px outset;
                  margin: 0px 270px 0px 270px;
                  padding: 15px;
                  background-color: white;
                  font-size: 15px;
                 
              }



#internolog input {float:right;}

#internolog label {float:left;}

Grazie ancora per l'aiuto
saluti

Discussione: Problema con il float

Strumenti discussione

Ricerca discussione

Visualizza

Problema con il float

Permessi di invio