» [Risolto] problemino on tabella

budda82 · 29-09-07, 11:30

Ciao!
Ho questo tipo di problema.ho creato una tabella,fatta da 2 colonne e 8 righe(devo metterci delle partite con relativo risultato).il problema è che quando la inserisco in un livello,riesco ad allinearla al centro ma non so come assegnare la distanza dal lato,il pratica mi rimane attaccata al bordo superiore del livello....
Non so se son stato abbastanza chiaro...

pikadilly · 29-09-07, 11:38

Ciao budda82,
applica un padding al livello( superiore), così da centrare la tabella, a meno che non imposti i margini esterni della tabella ad automatico (sinistra destra) se la tabella ha una larghezza fissa e un margine superiore...

budda82 · 29-09-07, 11:47

Cosa sarebbe questo padding?

pikadilly · 29-09-07, 11:59

Il padding è un margine interno che serve per distanziare un elemento contenuto nel box dal suo bordo. Il margine invece è la distanza esterna...

budda82 · 29-09-07, 12:00

ok.fai conto che io ho creato un livello(rettangolo) nel quale voglio inserire sta tabella e vorrei metterla centrata sia in verticale che orizzontale...

pikadilly · 29-09-07, 12:03

Ho capito quello che devi fare

Appunto, devi creare un margine alla tabella che si distanzi dal bordo del livello.

budda82 · 29-09-07, 12:06

si brava.penso devo usare la proprietà margin-left e top.ma nn so dove inserirla nel codice....:-(

pikadilly · 29-09-07, 12:10

Posta la parte di codice interessata...vediamo insieme

budda82 · 29-09-07, 12:12

ci avevo pensato....
cmq,al centro son riuscito a metterla,devo spostarla dal bordo superiore del layer

<div id="Layer3" align="center" >
<table width="373" bgcolor="#FFFFFF" bordercolor="#FF0000" border="1">

pikadilly · 29-09-07, 12:27

<table width="373" bgcolor="#FFFFFF" bordercolor="#FF0000" border="1" padding-top="10px">

Prova questo...vedi che succede...

Purtroppo non ho a disposizione i miei elementi di prova...

budda82 · 29-09-07, 12:32

no nulla,difatti mi sottolinea quella parte in rosso.....

pikadilly · 29-09-07, 12:38

Immaginavo...purtroppo ora non dispongo dei mezzi per provare, quando rientro a casa vedo e ti saprò dire

budda82 · 29-09-07, 12:40

ok,grazie mille lo stesso.spero di trovare una tua risposta dopo. :-)

pikadilly · 29-09-07, 17:50

Eccomi qui.

Per fare un lavoro pulito ti consiglio di usare o un foglio di stile esterno o uno interno.
Te ne ho scritto una parte qui:

Codice:

<html>
<head>
<title>tabella</title>
 <style type="text/css">
<!--

 #layer3{
    padding-top: 20px;
    border: thin dotted #003399;
    padding-bottom: 20px;
}
-->
</style> 
</head>

<body>

<div id="layer3">
<table width="398" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#990000">
  <tr>
    <td width="191">ciao ciao </td>
    <td width="199">ciao ciao </td>
  </tr>
  <tr>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>
 </table>
 </div>
</body>
</html>

Quello segnato in rosso è lo stile interno che andrà a formattare il div Layer3(in grassetto) con un padding superiore e inferiore di 20px così la tabella non tocca ne il bordo superiore ne quello inferiore.
Sottolineati ci sono i tag di chiusura della tabella e del div.

O altrimenti nello stile puoi controllare anche la stessa tabella, vediamo come:

Codice:

<html>
<head>
<title>tabella</title>
 <style type="text/css">
<!--

 #layer3{
    padding-top: 20px;
    border: thin dotted #003399;
    padding-bottom: 20px;
}
 table{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: thin solid #3300FF;
}

-->
</style>
</head>

<body>

<div id="layer3">
<table>
  <tr>
    <td width="191">ciao ciao </td>
    <td width="199">ciao ciao </td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
</body>
</html>

Impostando i margini destra e sinistra ad automatico, la tabella rimane centrata, diversa, invece è per il margine superiore e inferiore...che vanno dichiarati. Usando uno stile o interno o esterno (meglio se esterno, ovvero i css) puoi renderti il lavoro più semplice, anche le dimensioni della tabella le decreti nello stile...esempio:

table{
width: 200px;
height: 150px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: thin solid #3300FF;
}

Spero che ti sia stata d'aiuto.

daniele.pavan · 09-11-07, 02:36

ciao come hai fatto ha creare la tabella devo fare la stessa cosa anche io

29-09-07, 11:30	#1 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	problemino on tabella Ciao! Ho questo tipo di problema.ho creato una tabella,fatta da 2 colonne e 8 righe(devo metterci delle partite con relativo risultato).il problema è che quando la inserisco in un livello,riesco ad allinearla al centro ma non so come assegnare la distanza dal lato,il pratica mi rimane attaccata al bordo superiore del livello.... Non so se son stato abbastanza chiaro...

29-09-07, 11:38	#2 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Ciao budda82, applica un padding al livello( superiore), così da centrare la tabella, a meno che non imposti i margini esterni della tabella ad automatico (sinistra destra) se la tabella ha una larghezza fissa e un margine superiore...
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

29-09-07, 11:59	#4 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Il padding è un margine interno che serve per distanziare un elemento contenuto nel box dal suo bordo. Il margine invece è la distanza esterna...
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

29-09-07, 12:03	#6 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Ho capito quello che devi fare Appunto, devi creare un margine alla tabella che si distanzi dal bordo del livello.
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

29-09-07, 12:10	#8 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Posta la parte di codice interessata...vediamo insieme
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

29-09-07, 11:47	#3 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	Cosa sarebbe questo padding?

29-09-07, 12:00	#5 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	ok.fai conto che io ho creato un livello(rettangolo) nel quale voglio inserire sta tabella e vorrei metterla centrata sia in verticale che orizzontale...

29-09-07, 12:06	#7 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	si brava.penso devo usare la proprietà margin-left e top.ma nn so dove inserirla nel codice....:-(

29-09-07, 12:12	#9 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	ci avevo pensato.... cmq,al centro son riuscito a metterla,devo spostarla dal bordo superiore del layer <div id="Layer3" align="center" > <table width="373" bgcolor="#FFFFFF" bordercolor="#FF0000" border="1">

29-09-07, 12:27	#10 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	<table width="373" bgcolor="#FFFFFF" bordercolor="#FF0000" border="1" padding-top="10px"> Prova questo...vedi che succede... Purtroppo non ho a disposizione i miei elementi di prova...
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

29-09-07, 12:32	#11 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	no nulla,difatti mi sottolinea quella parte in rosso.....

29-09-07, 12:38	#12 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Immaginavo...purtroppo ora non dispongo dei mezzi per provare, quando rientro a casa vedo e ti saprò dire
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

29-09-07, 12:40	#13 (permalink)
budda82 User Data di registrazione: Aug 2007 Ubicazione: Milano Messaggi: 43	ok,grazie mille lo stesso.spero di trovare una tua risposta dopo. :-)

29-09-07, 17:50	#14 (permalink)
pikadilly Esperta Data di registrazione: Dec 2006 Ubicazione: Old City Messaggi: 6,290	Eccomi qui. Per fare un lavoro pulito ti consiglio di usare o un foglio di stile esterno o uno interno. Te ne ho scritto una parte qui: Codice: <html> <head> <title>tabella</title> <style type="text/css"> <!-- #layer3{ padding-top: 20px; border: thin dotted #003399; padding-bottom: 20px; } --> </style> </head> <body> <div id="layer3"> <table width="398" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#990000"> <tr> <td width="191">ciao ciao </td> <td width="199">ciao ciao </td> </tr> <tr> <td><div align="center"></div></td> <td> </td> </tr> <tr> <td><div align="center"></div></td> <td> </td> </tr> <tr> <td><div align="center"></div></td> <td> </td> </tr> </table> </div> </body> </html> Quello segnato in rosso è lo stile interno che andrà a formattare il div Layer3(in grassetto) con un padding superiore e inferiore di 20px così la tabella non tocca ne il bordo superiore ne quello inferiore. Sottolineati ci sono i tag di chiusura della tabella e del div. O altrimenti nello stile puoi controllare anche la stessa tabella, vediamo come: Codice: <html> <head> <title>tabella</title> <style type="text/css"> <!-- #layer3{ padding-top: 20px; border: thin dotted #003399; padding-bottom: 20px; } table{ margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border: thin solid #3300FF; } --> </style> </head> <body> <div id="layer3"> <table> <tr> <td width="191">ciao ciao </td> <td width="199">ciao ciao </td> </tr> <tr> <td></td> <td> </td> </tr> <tr> <td></td> <td> </td> </tr> <tr> <td></td> <td> </td> </tr> </table> </div> </body> </html> Impostando i margini destra e sinistra ad automatico, la tabella rimane centrata, diversa, invece è per il margine superiore e inferiore...che vanno dichiarati. Usando uno stile o interno o esterno (meglio se esterno, ovvero i css) puoi renderti il lavoro più semplice, anche le dimensioni della tabella le decreti nello stile...esempio: table{ width: 200px; height: 150px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border: thin solid #3300FF; } Spero che ti sia stata d'aiuto.
	__________________ Pikadilly. 2*. Piacere. Smanettona in via di sviluppo. :D

09-11-07, 02:36	#15 (permalink)
daniele.pavan User Data di registrazione: Nov 2007 Messaggi: 25	ciao come hai fatto ha creare la tabella devo fare la stessa cosa anche io

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email