Problemi Visualizzazione...

Emix

Utente Attivo
15 Feb 2010
596
0
16
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

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problemi visualizzazione mappa Android studio Sviluppo app per Android 0
F Problemi di visualizzazione di un sito su più browser WordPress 0
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
enzonero Problemi con la visualizzazione del sito fatto con WordPress WordPress 1
enzonero Problemi con la visualizzazione del sito fatto con Wordpress WordPress 1
W Problemi di visualizzazione sito PHP 12
N Problemi estrazione / visualizzazione immagini dal database con PDO PHP 2
P Problemi visualizzazione html con phpmailer PHP 6
D Problemi visualizzazione immagini PHP 10
P supersized 3.2 problemi visualizzazione su chrome jQuery 0
D Quesito intrigante tra Altervista e ServerPlan - problemi visualizzazione .... WordPress 3
W Problemi visualizzazione sito HTML e CSS 3
S Problemi di visualizzazione sito HTML e CSS 1
F problemi visualizzazione firefox HTML e CSS 7
antonio.amazza Apache-Tomcat : Problemi di visualizzazione pagine HTML Apache 0
antonio.amazza Tomcat : problemi di visualizzazione pagine Web Server 2
A Problemi di visualizzazione con Content_type PHP 5
A Problemi di visualizzazione tra browser con dreamweaver Webdesign e Grafica 1
G problemi nella visualizzazione di pagine con password Classic ASP 4
F problemi con la visualizzazione in internet explorer Javascript 1
M Problemi visualizzazione sito con IE HTML e CSS 1
F problemi con la visualizzazione in internet explorer HTML e CSS 6
matteoraggi Drupal: problemi di visualizzazione tema marinelli su IE7 e 8 CMS (Content Management System) 4
danlupo Problemi visualizzazione Contatore PHP 2
M Problemi di visualizzazione tra i vari browser HTML e CSS 1
J Problemi di visualizzazione con browser HTML e CSS 3
SolidSnake4 ancora problemi di visualizzazione template HTML e CSS 4
SolidSnake4 problemi visualizzazione css HTML e CSS 0
H Problemi di visualizzazione sito Webdesign e Grafica 1
BoBi problemi visualizzazione sito Webdesign e Grafica 5
S problemi visualizzazione con firefox HTML e CSS 1
A Problemi di visualizzazione CSS con firefox HTML e CSS 1
W click tracking , problemi con la visualizzazione del php aiuto urgente PHP 1
S problemi visualizzazione sito... help... HTML e CSS 2
T problemi di visualizzazione forum con firefox Supporto Mr.Webmaster 1
B Problemi visualizzazione con firefox HTML e CSS 11
U Problemi di visualizzazione HTML e CSS 5
W Problemi di visualizzazione javascript Hardware 1
GENZIANA Problemi visualizzazione sito HTML e CSS 0
N problemi di visualizzazione a seconda della risoluzione HTML e CSS 1
S Problemi di visualizzazione con css HTML e CSS 2
N php problemi a visualizzare video PHP 3
T problemi con dati menu a tendina HTML e CSS 2
T problemi di connessione MySQL 2
M Upload immagine con javascript problemi con FormData() Javascript 1
S Problemi Javascript + Aruba Javascript 2
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1

Discussioni simili