phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Supporto Html

Discussioni relative allo sviluppo grafico di un sito web utilizzando l'HTML/XHTML e CSS ed alla grafica in generale con l'utilizzo di applicazioni tipo Photoshop e GIMP.
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Supporto Html

Messaggio da Haku » 10/05/2010, 16:50

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?

Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Re: Supporto Html

Messaggio da Micogian » 10/05/2010, 17:08

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">

Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Re: Supporto Html

Messaggio da Haku » 10/05/2010, 17:11

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

Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Re: Supporto Html

Messaggio da Micogian » 10/05/2010, 17:25

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.

Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Re: Supporto Html

Messaggio da Haku » 10/05/2010, 19:28

Si aggiorno sempre tutto,ma ancora non riesco ad allinearlo -.-'

Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Re: Supporto Html

Messaggio da Micogian » 10/05/2010, 22:13

Potrebbe essere un problema legato ai css e ai tag utilizzati.

Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Re: Supporto Html

Messaggio da Haku » 11/05/2010, 2:52

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 =)

Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Re: Supporto Html

Messaggio da Micogian » 11/05/2010, 8:59

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".

Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:

Re: Supporto Html

Messaggio da Haku » 11/05/2010, 18:25

Mi sono accorto che nel mio codice avevo doppiato i tag <tr></tr> -.-'

Posso inserire il tuo codice aggiustato bingo?

Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:

Re: Supporto Html

Messaggio da Micogian » 11/05/2010, 18:45

Prima salva il tuo, poi prova.

Rispondi

Torna a “Web Design & Grafica”

Chi c’è in linea

Visitano il forum: Nessuno e 49 ospiti