Newsgroup: it.comp.www.html
Titolo: Riempire totalmente una cella...

Salve a tutti :)
non capisco perch� una casella di input di testo non riempie tutto lo spazio 
di una cella (<td>).
Ecco uno screenshot del problema:
http://img113.imageshack.us/img113/5161/problemanp9.jpg
Ciao!
Shad 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 di una cella (<td>).
E perchï¿œ dovrebbe? Di default il campo input viene visualizzato ad una 
certa dimensione, se lo vuoi piï¿œ lungo agisci sul parametro "size" o 
sul CSS
es.
<input type="text" size="40">
-- 
Raffaele Masi
www.webmasterfirenze.it


 <input type="text" size="40">
Ho provato ad agire sull'attributo "size" ma quello spazio tra l'input e la 
cella viene comunque mantenuto :-/
Da quanto ho capito, l'unico modo sarebbe ridimensionare la cella... (?)
Ciao e grazier per l'aiuto!
Shad 


Da quanto ho capito, l'unico modo sarebbe ridimensionare la cella... (?)
Inverti la prospettiva: non � l'<input> il problema, ma il padding del
<td>. Settalo a 0 (<td style="padding: 0 !important">) e se funziona
crea una classe apposita e affibbiala a quella tabella.


 crea una classe apposita e affibbiala a quella tabella.
Avevo provato anche con questo ragionamento, ma nada.
Ho provato i vari margin,padding, e compagnia bella.
Forse ho qualche propriet� impostata "a livello superiore" che interferisce 
con le mie prove (sto mettendo mano ad una pagina php fatta da altri).
Boh....
Al seguente link trovate il CSS utilizzato dalla pagina :-/
http://slide.altervista.org/master.css
Ciao,
Shad


 
io ho lo stesso problema e ho provato ad inserire style="width: 100%;" e 
ottengo che l'<input> supera la dimensione della cella!
Ho chiesto in precedenza per questo problema (input tipo text e width in 
%) e nessuno mi ha risposto... a quanto pare nn sono solo :-(
Ciao
Pasquale


 mi ha risposto... a quanto pare nn sono solo :-( Ciao
A me pareva avessero risposto.
Comunque, prova a mettere anche margin:0;padding:0;border:0; a 
quell'input, e dovrebbe starci.
Bye.


 
Purtroppo non mi ha risposto nessuno, ho ricontrollatato.
Purtroppo ho provato anche questo, ma senza successo :-(
L'<input> è sempre più grande della cella in tutti i browser.
Grazie
Ciao
Pasquale


 L'<input> è sempre più grande della cella in tutti i browser.
Mostra il codice.


Andrea D'Amore ha scritto:

<td align="center" style="margin: 0px; padding: 0px; overflow: hidden; 
border:0px;">
<input type="text" style="width: 100%;" title="ID" />
</td>
Grazie
ciao
Pasquale


 </td>
come puoi vedere da qui 
http://www.raffaeletesta.it/copia.htm
 il tuo 
codice funziona perfettamente, molto probabilmente è da ricercare da 
qualche altra parte il malfunzionamento. la pagina ce ti da il problema 
è online? se sì, posta l'indirizzo così ci diamo un'occhiata.
ciao ciao


 <input type="text" style="width: 100%;" title="ID" /> </td>
Io margin, padding e border ti avevo detto di metterli sull'input, non 
sul td.
Bye.


 se sì, posta l'indirizzo così ci diamo un'occhiata.
E infatti a quello mi riferivo nel mio invito a mostrare il codice, 
altrimenti è un andare a tentoni.


 Newsgroup robomoderato - gli articoli vengono approvati automaticamente


Alessandro Pellizzari ha scritto:

Non funziona neanche questo:
<table width="300px">
	<tr>
		<td align="center" style="margin: 0px; padding: 0px; overflow: hidden; 
border:0px;">
			<input type="text" style="width: 100%;margin: 0px; padding: 0px; 
overflow: hidden;" />
		</td>
	</tr>
</table>
:-(
avevo già provato
Grazie
Ciao
Pasquale


 width="300px">
Ho provato, con firebug, e funziona perfettamente.
Secondo me hai problemi altrove, magari in un css esterno. O forse e` un 
bug di Explorer. :)
Bye.


 bug di Explorer. :)
Ho provato anch'io con firebug e se guardi bene posizionandoti 
sull'input vedrai che l'evidenziazione del controllo <input> va oltre la 
dimensione della cella...
Ho provato semplicemente con un file html il cui contenuto è:
<html>
<head>
</head>
<body>
<div>
<table width="500px">
	<tr>
		<td align="center" style="margin: 0px; padding: 0px; overflow: hidden; 
border:0px;">
			<input type="text" style="width: 100%;margin: 0px; padding: 0px; 
overflow: hidden;" />
		</td>
	</tr>
</table>
</div>
</body>
</html>
Il problema si presenta in tutti i browser, ie7,ff2,opera
forse per comprendere ancora meglio il problema bisogna inserire due o 
più colonne con <input> all'interno e controlla con firebug le 
evidenziazioni delle <td> e degli <input> che sono un pò più "lunghi".
Su ff non sembra male sopratutto se si usa l'hidden per mascherare un pò 
, ma in ie si notano le colonne "spostate"; tutto ciò se hai altre righe 
al di sotto senza <input> è più evidente:
<table width="600px" style="border: 1px solid;" cellpadding="0" 
cellspacing="0">
	<tr>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			<input type="text" style="width: 100%;margin: 0px; padding: 0px;" 
title="ID" />
		</td>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			<input type="text" style="width: 100%;margin: 0px; padding: 0px;" 
title="ID" />
		</td>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			<input type="text" style="width: 100%;margin: 0px; padding: 0px;" 
title="ID" />
		</td>
	</tr>
	<tr>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			testo
		</td>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			test
		</td>
		<td align="center" style="margin: 0px; padding: 0px;border:0px;">
			testo
		</td>
	</tr>
</table>
Spero di aver reso l'idea del problema.
Ciao
Pasquale
Ciao
Pasquale


 </table>
come puoi vedere, ancora qui 
http://www.raffaeletesta.it/copia.htm
 il 
codice da te riportato funziona perfettamente e l'input si adatta alla 
grandezza della cella che è grande 300px, quanto la table. fai una cosa, 
metti la tua pagina online, anche su uno spazio gratuito, così ci diamo 
un'occhiata perché altrimenti così non arriviamo a nulla.



non ci posso credere!!!
Ora farò delle prove online...
Probabilmente è il server di VS2008 il problema...
Grazie mille
Ciao
Pasquale



HO TROVATO il problema!!!
è l'intestazione al file che inserisce il VS2008:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
Provate a inserirlo in testa al file html.
Grazie mille a tutti!
Ciao
Pasquale


 <html>
Non va bene, il DTD lo devi indicare.


Andrea D'Amore ha scritto:

Ma quello predefinito di VS2008
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
mi genera il problema in questione.
Ho notato che eliminandolo salta tutto il layout della pagina.
Qual'è la soluzione ottimale?
Grazie
ciao
Pasquale


 Qual'è la soluzione ottimale?
- avere codice valido, altrimenti individuare il problema è come giocare 
ad "attacca la coda all'asino";
- mostrare il codice effettivo, la prova di concetto non va bene tant'è 
che in questa stessa discussione due volte ti hanno mostrato che il tuo 
codice viene reso correttamente.
Senz'altro eliminare il DTD non rientra nella soluzione ottimale.


 Senz'altro eliminare il DTD non rientra nella soluzione ottimale.
Sono daccordissimo, ma con la dichiarazione del DTD il controllo <input> 
non è reso correttamente. Ormai ho effettuato moltissime prove e ho 
perso l'intera mattinata. Per questo non so più cosa fare.
Grazie
Ciao
Pasquale


 contenitore.
Io l'ho provato, e mettendo margin, padding e soprattutto border a 0 
nell'input, funziona perfettamente.
Se vuoi ti mando lo screenshot. :)
Bye.


 Se vuoi ti mando lo screenshot. :)
Vabbé non importa, lascio perdere. Avrò dei problemi alla vista io.
L'attuale pagina su
http://www.raffaeletesta.it/copia.htm
che contiene la definizione di DTD
non la vedo correttamente, ma l'input all'interno della cella è tagliato 
nella parte finale (grazie alla presenza degli hidden)
Con firebug e la sua evidenziazione noto il difetto, che si può vedere 
anche aumentando le celle e le righe della tabella.
Grazie comunque a tutti
Ciao
Pasquale


 non la vedo correttamente,
Forse parlo arabo...
Cosi` com'e` sborda, proprio perche` un input, di default, ha border e 
padding non nulli e, per via del box model standard, si SOMMANO al width, 
quindi per forza deve uscire.
Mettendoli a 0 (NELL'INPUT, NON NEL TD) funziona perfettamente.
Pero` adesso me lo tiri fuori di forza: RTFM!


 RTFM!
In effetti sembra proprio arabo.


Andrea D'Amore ha scritto:

Purtroppo so cosa vuole dire e mi dispiace di essere arrivato a questo...


 Pero` adesso me lo tiri fuori di forza: RTFM!
Chiedo scusa a tutti, ma non volevo arrivare a questo...
Grazie
Pasquale


se hai messenger o un'email valida, scrivi, il mio indirizzo è valido e 
vediamo di risolvere.
ciao ciao


 pienamente ragione...
OK, dai, basta chiarirsi. :)
Prova a mettere online una pagina con tutti i crismi, assieme a uno 
screenshot di come si vede a te.
Sono dell'idea, pero`, che sia qualcos'altro, tipo un plugin di Firefox. 
Prova anche con altri browser.


Avatar - Laptop ha scritto:

Sto provando a rispondere al newsgroup, ma senza successo da diverse 
ore... speriamo questo messaggio arrivi...
Avevo scritto che ho risolto!
Sarà lo stress del momento, ma non mi sono proprio accorto che inserivo 
margin=0 e non border=0
Ringrazio tutti per la pazienza!!!
Ciao
Pasquale


 Prova anche con altri browser.
No, non è alcun plugin... era la mia testa/vista che confondeva margin=0 
con border=0 :-)
Tutto risolto.
Grazie
Ciao
Pasquale
