Problemi Visualizzazione...

Emix · 2013-08-30T19:22:28+0200

Salve a tutti,
ho creato un layout personalizzato a tre tabelle una concatenata all'altra... Fin qui tutto ok... Ho creato un foglio di style per dare ad ogni tasto contenuto nella tabella una sua altezza e larghezza... Fin qui tutto ok... Il problema sono tre tasti attaccati... Io ho un tasto - una input type - un tasto. Solo che nessuna di queste righe prende le modifiche in altezza e larghezza che gli inserisco...
Posto il codice :

HTML:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="grafica.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="Javascript">
function riparti(obj) {
obj.value="";
obj.focus();
}
</script>
</head>

<body bgcolor="#f7b76b">
<form action="vedi_righe.php" target="elenco" method="post" name="inv_bc">
<table>
 <tr><td width="380"></td>
 <td><img src="logo_gestionale.png" ></td></tr></table>
<TABLE CELLPADDING=30> <!--- Tabella invisibile che fa da contenitore --->
<TR>

<TD> <!--- Inizio della prima cella invisibile --->

<!--- Prima tabella --->
<table width="250">
<tr>
<td align="center"><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="CERCA LA FIDELITY CARD" class="cercafidelity">
</td></tr>
<tr><td height="30"></td></tr>
<TR>
  <TD><b><font size="2">CARD N°:</font><font color="#FFFFFF" size="2">&nbsp;&nbsp;&nbsp;<?php echo $_SESSION[barcodecard]; ?></font></b></TD></TR>
<TR><TD><b><font size="2">CLIENTE:</font></b><b><font color="#FFFFFF" size="2">&nbsp;&nbsp;&nbsp;<?php echo $_SESSION[cliente]; ?></font></b></TD></TR>
<?php 
if(!isset($_SESSION['barcode'])){
echo'<tr><td><b><font size="2">SALDO PUNTI: </font></b>'; 
echo'<b><font color="red">&nbsp;&nbsp;&nbsp; 0 </font></b></td></tr>';
} else {
	$query=mysql_query("SELECT * FROM fidelitypoint WHERE barcode='$_SESSION[barcode]' ");
    //verifico che esista una una card con tale barcode 
    $esiste=mysql_num_rows($query);
    //se $esiste == 0 non cè
    if($esiste > 0){//esiste
        //estraggo usn e pass
        $rows=mysql_fetch_array($query);
		}
		$pt=0;
		$totpt=0;
		$querypunti=mysql_query("Select sum(punti) from fidelitypoint where barcode='$_SESSION[barcode]'");
		$row=mysql_fetch_array($querypunti);
echo'<tr><td><b><font size="2">SALDO PUNTI: </font></b>';  
echo'<b><font color="red" size="2">&nbsp;&nbsp;&nbsp;' . $row[0] .  '</font></b></td></tr>';
   }
?>
<TR><TD><b><font size="2">PUNTI ATTUALI:</font></b><b><font color="#FFFFFF" size="2">&nbsp;&nbsp;&nbsp;<?php echo $puntiattuali; ?></font></b></TD></TR>
<tr><td height="30"></td></tr>
<tr>
<td align="center"><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="USA PUNTI" class="usapunti">
<input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="ANAGRAFICA CARD" class="anagraficacard">
</td></tr>
</TABLE>

</TD> <!--- Fine della prima cella invisibile --->

<TD> <!--- Inizio della seconda cella invisibile --->

<!--- Seconda tabella --->

<TABLE width="370">
<tr>
<td align="center"><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="LOGOUT" class="logout">
</td>
<td align="center"><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="TURNI" class="turni">
</td>
<td align="center""><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="APPUNTI" class="appunti">
</td>
</Tr>
<tr><td height="40"></td></tr>
<TR><TD><b><font size="2">OPERATORE</font></b></TD><TD><b><font color="#FFFFFF" size="2"><?php echo $_SESSION[user]; ?></font></b></TD></TR>
<TR><TD><b><font size="2">DATA</font></b></TD><TD><b><font color="#FFFFFF" size="2"><?php echo (date("d/m/Y")); ?></font></b></TD></TR>
<tr><td><b><font size="2">ORA</font></b></td><td> <b><font color="#FFFFFF" size="2"> <?php echo (date("H:i"));?></font></b></td></tr>
<tr><td><b><font size="2">TRANSAZIONE N°</font></b></td><td><b> <font color="#FFFFFF" size="2"> <?php echo $transazioni; ?></font></b></td></tr>
<tr><td height="25"></td></tr>

<tr>
<td height="70"><input type="button" 
onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="CERCA ARTICOLO" class="cercaarticolo">
</td>
<td height="50">
<input type="text" placeholder="Barcode" name="barcodeart_new" class="barcode" id="barcodeart" value="" onFocus="riparti(this)">
</td><td>
<input type="submit" class="visto" name="visto" value=""></td>
</TR>

</TABLE>

</TD> <!--- Fine della seconda cella invisibile --->

<TD> <!--- Inizio della terza cella invisibile --->

<!--- Terza tabella --->

<table width="250">
<tr>
<td align="center"><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="AREA SUPERVISOR" class="button">
</td></tr>
<tr><td height="30"></td></tr>
<tr>
<td><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="ACCONTO" class="acconto">
<input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="CREA FATTURA" class="creafattura">
</td>
</tr>
<tr>
<td><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="RESO ARTICOLO" class="resoart">
<input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="BUONO PER RESO" class="buonoreso">
</td>
</Tr>
<tr>
<td><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="RUBRICA FORNITORI" class="rubricaforn">
<input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="BUONO REGALO" class="buonoregalo">
</td>
</Tr>
<tr>
<td><input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="RUBRICA CLIENTI" class="rubricaclienti">
<input type="button" onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="ASSISTENZA" class="assistenza">
</td>
</Tr>
<tr><td height="30"></td></tr>
<TR>

</TABLE>
</TR>
</TABLE>
<TABLE>

<TR>
<td width="30"></td>
<td width="900">
<iframe name="elenco" src="vedi_righe.php" width="900" scrolling="auto" height="500" marginwidth="0" align="left"></iframe>
</td>
</TR>
</TABLE>
</CENTER>

</body>
</html>

Questo invece è il css:

Codice:

@charset "utf-8";
/* CSS Document */

<style type="text/css">

body { background-image: url(sfondo1.jpg); 
background-repeat: repeat-x;
}
* { font-family:Arial; }
h2 { padding:0 0 5px 5px; }
h2 a { color: #224f99; }
a { color:#999; text-decoration: none; }
a:hover { color:#802727; }
p { padding:0 0 5px 0; }


input { padding:5px; border:1px solid #999; border-radius:4px; -moz-border-radius:4px; -web-kit-border-radius:4px; -khtml-border-radius:4px; }


.cercafidelity {
background-color: #F0F ; font-family: verdana; font-size:10px; width:250px ; height: 30 px
} 

.usapunti {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.anagraficacard {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 

.logout {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.turni {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
}
.appunti {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.acconto {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.creafattura {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.resoart {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.buonoreso {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.rubricaforn {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.rubricaclienti {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.buonoregalo {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.assistenza {
background-color: #F0F ; font-family: verdana; font-size:10px; width:121px ; height: 30 px
} 
.cercaarticolo {
background-color: #F45 ; font-family: verdana; font-size:10px; width:150px ; height: 40 px
}
.visto{
width: 40px;
height: 40px;
background-image: url('visto.png');
background-repeat: no-repeat;
background-position: center;
}
.barcode {
	height: 40px;
	width: 180px;
}


</style>

La riga di riferimento è questa :

HTML:

<tr>
<td height="70"><input type="button" 
onClick="window.open('puntifidelity.htm', 'Cerca card', 'width=690, height=700, resizable, status, scrollbars=1, location');"
value="CERCA ARTICOLO" class="cercaarticolo">
</td>
<td height="50">
<input type="text" placeholder="Barcode" name="barcodeart_new" class="barcode" id="barcodeart" value="" onFocus="riparti(this)">
</td><td>
<input type="submit" class="visto" name="visto" value=""></td>
</TR>

Dove sbaglio?

Jonn · 2 Set 2013

Fai una prova:
Applica gli stili ai tag INPUT invece di usare una classe.

Codice:

input							{CODICE CSS}

Nel mentre il codice che usi adesso copialo, incollalo da un'altra parte e commentalo almeno non lo perdi.

Cerca

Cerca

Problemi Visualizzazione...

Emix

Utente Attivo

Jonn

Utente Attivo

Discussioni simili