Pagina 1 di 2

Supporto Html

Inviato: 10/05/2010, 16:50
da Haku
Apro io la sezione con un problema.
Sto utilizzando una pagina in html,che inserirò all'interno di phpbb.
Questo è il mio code:

Codice: Seleziona tutto

<!-- INCLUDE overall_header.html -->
    <!--
       starting games_body template
       Base subsilver2 structure templating
       Base backbone written by Sir Xiradorn - www.xiradorn.it
       License GNU GPL v3 of xiradorn.it
       Modified by AElly
       
       All right are reserved.
       DON'T REMOVE COPYRIGHT
    -->

    <table>
       <tbody>
          <tr>
             <!-- blocco di sx start -->
             <td>
                <!-- blocco di dx interno -->
                <table>
                   <!-- blocco 1 sx -->
                   <tr>
                      <td>
                         <!-- div generale usato per arrotondamento angoli -->
                     <!-- div generale usato per arrotondamento angoli -->
                     <!-- div generale usato per arrotondamento angoli -->
                     <!-- div generale usato per arrotondamento angoli -->
<div id="img" style="background: url('http://img100.imageshack.us/img100/4384/bordotondo.png') no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px;"><img src="http://img248.imageshack.us/img248/6222/tod.png" width="180" heigth="245"/></div>
                      </td>
                   </tr>
                   <!-- blocco 1 sx -->
                   <!-- blocco 2 sx -->
                   <tr>
                      <td>
                         <!-- div generale usato per arrotondamento angoli -->
                         <div></div>
                      </td>
                   </tr>
                   <!-- blocco 2 sx -->
                   <!-- blocco 3 sx -->
                   <tr>
                      <td>
                         <!-- div generale usato per arrotondamento angoli -->
<div id="img" style="background: url('http://img571.imageshack.us/img571/2656/bordo3.png')  no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 11px;"><a href="http://www.4shared.com/file/190488480/7d54ac94/TOTD_O_EPISODE1.html"><img src="http://img571.imageshack.us/img571/2656/bordo3.png" width="200" heigth="295"></a></div>
                      </td>
                   </tr>

                   <tr>
                      <td>
                         <!-- div generale usato per arrotondamento angoli -->
<div id="img" style="background: url('')  no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 11px;"><img src="http://img704.imageshack.us/img704/7764/todcop.png" width="200" heigth="295"></div>
                      </td>
                   </tr>
                   <!-- blocco 3 sx -->
                </table>
                <!-- blocco di dx interno -->
             </td>
             <!-- blocco di dx start -->
             <td>         <td style="vertical-align: relative;">
<div><center>Town of the DeaD: Origins<br/>
Episode 1</center>
<b>Storia del progetto</b>
Il primo Town of the DeaD è completamente programmato senza seguire una precisa trama, siccome il team all'epoca era abbastanza inesperto. Dopo il primo capitolo, però, si decise di intraprendere una strada un po' più tortuosa, studiando bene una trama per i capitoli a venire. Origins è stato prodotto dopo Town of the dead 1 & 2, ma ambientato prima. I progetti Town of the Dead sono rimasti segreti fino al 2009, anno della prima release. Per scoprire altro sul mondo inventato dal team 'TOTD' esplora a meglio il sito per ulteriori informazioni sui progetti.<br /><br />
<b>Perchè proprio Town of the Dead?</b>
L'idea del titolo venne a M@rinz dopo aver bocciato titoli come:
- Minaccia dallo spazio
- The dead after tomorrow
- Rising Dead
- Back to dead
Titoli che non si addicevano al tipo di progetto in sviluppo. Dopo venne in mente l'idea. Visto che il gioco si ambientava a Pizzale e quindi in un piccolo paese del Nord Italia il titolo giusto per il gioco sarebbe stato Town of the Dead.
Town: Per le dimensioni del paese.
Of the dead: Ispirato ai grandi capitoli di G.Romero.<br /><br />
<b>Screenshot</b><br />
<center><img src="http://rpgmaking.altervista.org/townofthedead/images/screens/16bngvc.png"><br /><br />
<img src="http://rpgmaking.altervista.org/townofthedead/images/screens/2s66ibp.png"><br />
<img src="http://rpgmaking.altervista.org/townofthedead/images/screens/1e741v.png"><br />
<img src="http://rpgmaking.altervista.org/townofthedead/images/screens/5nn7np.png"><br />
                <!-- blocco di dx interno -->
                <table>
                   <tr>
                      <td>
                         <!-- div generale usato per arrotondamento angoli -->
</div>
                      </td>
                   </tr>
                </table>
                <!-- blocco di dx interno -->
             </td>
          </tr>
       </tbody>
    </table>

    <!-- ending games_body template -->


<!-- ending games_body template -->

<!-- INCLUDE jumpbox.html -->
<font color="#000000"><font size="2"><p align="center">La sezione Giochi,è stata creata appositamente per rpgmkr.net.
Per qualsisi bug relativo alla navigazione delle pagine e ai suoi download,contattate lo staff,o aprite un argomento in merito sul forum.</font></font><br />
<!-- INCLUDE overall_footer.html -->
Questo è il risultato:
http://www.rpgmkr.net/forum/progetti_rpgmaker2k2k3.php

Come vedete,il testo non rimane allineato con la parte di sinistra...potete darmi una mano?

Re: Supporto Html

Inviato: 10/05/2010, 17:08
da Micogian
L'allineamento orizzontale si fa con align con i valori "left - center - right"

Quello verticale con valign con i valori "top - middle - bottom"

Il tuo problema è che la parte sinistra si colloca per default al centro della tabella.
Nel tag <td> devi inserire il valore "valign":
<td valign="top">

Re: Supporto Html

Inviato: 10/05/2010, 17:11
da Haku
Dove devo apportare quella modifica?
Perchè l'ho messa nel <td> dove inizia tutta la descrizione ma non va...oh mamma,questi codici mi fanno andare in tilt :S

Re: Supporto Html

Inviato: 10/05/2010, 17:25
da Micogian
Esempio di tabella ad una riga con due colonne

Codice: Seleziona tutto

<table width="200" border="1" cellspacing="2" cellpadding="0">
   <tr>
      <td valign="top" width="30%">
         <div align="center">
	 <img src="(link_img)" alt="" height="32" width="32" border="0"></div>
      </td>
      <td valign="top">Tabella a una riga e due colonne. Immagine a sinistra centrata e allineata in alto. Testo di destra allineata a sinistra e in alto
      </td>
   </tr>
</table>
Se poi è un template devi fare attenzione all'aggiornamento da PCA o cancellare la cache.

Re: Supporto Html

Inviato: 10/05/2010, 19:28
da Haku
Si aggiorno sempre tutto,ma ancora non riesco ad allinearlo -.-'

Re: Supporto Html

Inviato: 10/05/2010, 22:13
da Micogian
Potrebbe essere un problema legato ai css e ai tag utilizzati.

Re: Supporto Html

Inviato: 11/05/2010, 2:52
da Haku
Il template l'ha creato Xir =D
Inserendo un testo così lungo,mi si sfasa in quel modo,invece se io scrivo solo una linea di testo,il tutto mi rimane allineato =)

Re: Supporto Html

Inviato: 11/05/2010, 8:59
da Micogian
Il template l'ha scritto Xir ma poi il codice è un pò caotico.
Ci dovrebbero essere due colonne, invece sono tre (una centrale vuota, vedi <td></td>)
Nella prima colonna non c'è nessun cenno all'allineamento, nella terza c'è un <td style="vertical-align: relative;"> che non mi ricordo bene cosa fa.
La Tabella si chiude ma poi prosegue con il seguente codice

Codice: Seleziona tutto

<!-- blocco di dx interno --></td></tr></tbody></table><!-- ending games_body template --><!-- ending games_body template -->
che rappresenta un doppione di tag già chiusi con il precedente </table>
In sostanza il codice si dovrebbe inserire così:

Codice: Seleziona tutto

<!-- INCLUDE overall_header.html -->
		<!--
           starting games_body template
           Base subsilver2 structure templating
           Base backbone written by Sir Xiradorn - www.xiradorn.it
           License GNU GPL v3 of xiradorn.it
           Modified by AElly
           
           All right are reserved.
           DON'T REMOVE COPYRIGHT
        -->
		<table>
			<tbody>
				<tr><!-- blocco di sx start -->
					<td valign="top"><!-- blocco di dx interno -->
						<table>
							<!-- blocco 1 sx -->
							<tr>
								<td><!-- div generale usato per arrotondamento angoli --><!-- div generale usato per arrotondamento angoli --><!-- div generale usato per arrotondamento angoli --><!-- div generale usato per arrotondamento angoli -->
									<div id="img" style="background: url('http://img100.imageshack.us/img100/4384/bordotondo.png') no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px;">
										<img src="http://img248.imageshack.us/img248/6222/tod.png" width="180" heigth="245"></div>
								</td>
							</tr>
							<!-- blocco 1 sx --><!-- blocco 2 sx -->
							<tr>
								<td><!-- div generale usato per arrotondamento angoli -->
									<div></div>
								</td>
							</tr>
							<!-- blocco 2 sx --><!-- blocco 3 sx -->
							<tr>
								<td><!-- div generale usato per arrotondamento angoli -->
									<div id="img" style="background: url('http://img571.imageshack.us/img571/2656/bordo3.png')  no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 11px;">
										<a href="http://www.4shared.com/file/190488480/7d54ac94/TOTD_O_EPISODE1.html"><img src="http://img571.imageshack.us/img571/2656/bordo3.png" width="200" heigth="295"></a></div>
								</td>
							</tr>
							<tr>
								<td><!-- div generale usato per arrotondamento angoli -->
									<div id="img" style="background: url('')  no-repeat scroll center transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 11px;">
										<img src="http://img704.imageshack.us/img704/7764/todcop.png" width="200" heigth="295"></div>
								</td>
							</tr>
							<!-- blocco 3 sx -->
						</table>
						<!-- blocco di dx interno --></td>
					<!-- blocco di dx start -->
					<td valign="top">
						<div>
							<center>
								Town of the DeaD: Origins<br>
								 Episode 1</center>
							<b>Storia del progetto</b> Il primo Town of the DeaD &egrave; completamente programmato senza seguire una precisa trama, siccome il team all'epoca era abbastanza inesperto. Dopo il primo capitolo, per&ograve;, si decise di intraprendere una strada un po' pi&ugrave; tortuosa, studiando bene una trama per i capitoli a venire. Origins &egrave; stato prodotto dopo Town of the dead 1 & 2, ma ambientato prima. I progetti Town of the Dead sono rimasti segreti fino al 2009, anno della prima release. Per scoprire altro sul mondo inventato dal team 'TOTD' esplora a meglio il sito per ulteriori informazioni sui progetti.<br>
							<br>
							 <b>Perch&egrave; proprio Town of the Dead?</b> L'idea del titolo venne a M@rinz dopo aver bocciato titoli come: - Minaccia dallo spazio - The dead after tomorrow - Rising Dead - Back to dead Titoli che non si addicevano al tipo di progetto in sviluppo. Dopo venne in mente l'idea. Visto che il gioco si ambientava a Pizzale e quindi in un piccolo paese del Nord Italia il titolo giusto per il gioco sarebbe stato Town of the Dead. Town: Per le dimensioni del paese. Of the dead: Ispirato ai grandi capitoli di G.Romero.<br>
							<br>
							 <b>Screenshot</b><br>
							<center>
								<img src="http://rpgmaking.altervista.org/townofthedead/images/screens/16bngvc.png"><br>
								<br>
								 <img src="http://rpgmaking.altervista.org/townofthedead/images/screens/2s66ibp.png"><br>
								 <img src="http://rpgmaking.altervista.org/townofthedead/images/screens/1e741v.png"><br>
								 <img src="http://rpgmaking.altervista.org/townofthedead/images/screens/5nn7np.png"><br>
								 <!-- blocco di dx interno -->
								<table>
									<tr>
										<td><!-- div generale usato per arrotondamento angoli --></td>
									</tr>
								</table>
							</center>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
    <!-- ending games_body template -->


<!-- ending games_body template -->

<!-- INCLUDE jumpbox.html -->
<font color="#000000"><font size="2"><p align="center">La sezione Giochi,è stata creata appositamente per rpgmkr.net.
Per qualsisi bug relativo alla navigazione delle pagine e ai suoi download,contattate lo staff,o aprite un argomento in merito sul forum.</font></font><br />
<!-- INCLUDE overall_footer.html -->
Anche l'ultima parte riguardante i tag <font...> non è molto corretta, si dovrebbe usare il tag "style".

Re: Supporto Html

Inviato: 11/05/2010, 18:25
da Haku
Mi sono accorto che nel mio codice avevo doppiato i tag <tr></tr> -.-'

Posso inserire il tuo codice aggiustato bingo?

Re: Supporto Html

Inviato: 11/05/2010, 18:45
da Micogian
Prima salva il tuo, poi prova.