problema allineamento tabella

25-01-2009, 21.01.53

Ciao,
vi do subito un esempio:
http://bluster.altervista.org/mate/

provate a mettere due numeri e a cliccare su Calcola, vi comparira una tabella, i rpoblema che noterete é che nn parte subito dopo il form ma si forma uno spazio in mezzo, più il calcolo é lungo, piìu parte dal basso... come posso risolvere? grazie, ciao!

25-01-2009, 22.37.16

Io non capisco quale sia il tuo problema

25-01-2009, 23.14.57

quando si crea la tabella, vedi che nn parte da subito dopo il form? maa da unbel po' piui in basso? é questo il problema!

26-01-2009, 01.52.19

secondo me il problema sta nel

Codice HTML:

padding: 5px;

perche viene ripetuto a ogni

Codice HTML:

td

prova a toglierlo

26-01-2009, 08.43.06

tolto, non cambia nulla!

27-01-2009, 18.50.53

E non puoi postare il contenuto del mate/index.php ?

28-01-2009, 15.50.56

Ciao,
ho fatto alcune modifiche solo estetiche, ancora il problema che dopo premere su calcola la tabella scende enn resta in cima, potete vedere:
http://bluster.altervista.org/mate/index.php

il codice php non centra nulla, serve solo per calcolare.. quello html invece lo puoi vedere anche tu ;)

non riesco proprio a capire... perfavore potete dare un occhiata all'html e al css per vedere dov'é l'errore? PS: é da un po' che nn utilizzavo più le tabelle..

ricordatevi di emttere due numeri e premere invio e vedrete la tabella nn più in cima.. il fatto strano é che se il calcolo é piu corto scende di meno, viceversa si più... ho rpovatoa togliere il padding, ma il risutato nn cambia...

ciaooo e grazie!

28-01-2009, 16.09.22

Codice:

<html>
<head>
	<title>Mate</title>
		<style type="text/css">
			body {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
		
			table, td {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				
				width: 500px;
				border-collapse: collapse;
				margin: 0px;
			}
			
			td.big {
				background: #666;
				color: #FFF;
				font-weight: bold;
			}
			
			td.small {
				width: 80px;
			}
			
			td {
				background: #CCC;
				border: 1px solid #FFF;
				padding: 0px;
			}
			
			form {
				margin: 0px;
			}
		</style>
</head>
<body>

<table>
<tr><td class="big" colspan="3">Calcola l'mcd utilizzando l'algoritmo di euclide</td></tr>
<tr><td colspan="3"><form action="index.php" method="post">
Mcd(<input type="text" name="x" value=""> ; <input type="text" name="y" value="">) <input type="submit" value="Calcola"><br />

</form></td></tr>
</table>
</body>
</html>

EDIT: prova così

scusate non ho editato prima ;)

28-01-2009, 16.18.39

scusa, ma cosa hai cambiato?

ciaoo!

29-01-2009, 14.55.27

nel codice avevi scritto un "margin 0" senza nemmeno punto e virgola e l'ho corretto in "margin: 0px;" e ho impostato tutti i margini e i padding a 0px...

29-01-2009, 15.06.43

Originalmente inviato da bluster

scusa, ma cosa hai cambiato?

ciaoo!

Hai scritto margin 0px; al posto di margin: 0px;, inoltre prova a separare td margin dal table margin nel Css. Con il contenuto del index php potrei fare delle prove e scoprire l'errore, ma se è un segreto come non detto.

**orbito** · 29-01-2009, 15.39.29

forse non vi siete accorti che nel css ha messo tue td

uno table, td

e l'altro solo td dove hai lasciato il padding a 5px

modifica il css
da così

Codice HTML:

<style type="text/css">
			body {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
		
			table, td {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				
				width: 500px;
				border-collapse: collapse;
				margin 0;
			}
			
			td.big {
				background: #666;
				color: #FFF;
				font-weight: bold;
			}
			
			td.small {
				width: 80px;
			}
			
			td {
				background: #CCC;
				border: 1px solid #FFF;
				padding: 5px;
			}
			
			form {
				margin: 0;
			}
		</style>

a

Codice HTML:

<style type="text/css">
			body {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
		
			table, td {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				
				width: 500px;
				border-collapse: collapse;
				margin 0;
			}
			
			td.big {
				background: #666;
				color: #FFF;
				font-weight: bold;
			}
			
			td.small {
				width: 80px;
			}
			
			td {
				background: #CCC;
				border: 1px solid #FFF;
				
			}
			
			form {
				margin: 0;
			}
		</style>

29-01-2009, 15.53.22

Originalmente inviato da dialogocosmico

Hai scritto margin 0px; al posto di margin: 0px;, inoltre prova a separare td margin dal table margin nel Css. Con il contenuto del index php potrei fare delle prove e scoprire l'errore, ma se è un segreto come non detto.

E aggiungo che scrivere una proprietà e poi non mettere i due punti è un errore di sintassi, il browser potrebbe non capire che 0px è il valore

Poi, padding è diverso da margin, bisognerebbe capire cosa ti serve veramente

29-01-2009, 21.36.36

mah, dico una stupidaggine, così, passavo per caso,
Non è che magari inserendo DocType e charset possa risolvere?
Non ricordo occasione ma mi sembra problema similare,
Ciao,

29-01-2009, 23.49.49

ho riscritto così:

Codice HTML:

		<style type="text/css">
			body {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
		
			table {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px;
				
				width: 500px;
				border-collapse: collapse;
				margin: 0;
			}
			
			td.big {
				background: #666;
				color: #FFF;
				font-weight: bold;
			}
			
			td.small {
				width: 80px;
			}
			
			td {
				background: #CCC;
				border: 1px solid #FFF;
				padding: 5px;
			}
			
			form {
				margin: 0;
			}
		</style>

*solo in locale...

non cambia nulla... ?? grazie..ciao!

**orbito** · 29-01-2009, 23.53.37

Elimina padding: 5px; in td.

30-01-2009, 08.35.06

la situazione nn cambia togliendo padding: 5px solo la tabella diventa più brutta...

EDIT: trovato il problema... era un <br> nel codice php che si ripeteva dando questi problemi...ciaooo!

Discussione: problema allineamento tabella

LinkBack

Strumenti discussione

Display

problema allineamento tabella

Regole di scrittura