Testo accentrato

**Consulente** · 23-02-2004, 22:51

Di seguito riporto la tabella che ho costruito per il mio sito BusOnline - il sito dedicato al trasporto pubblico (vi aspetto numerosi, apertura prevista marzio/aprile 2004). PROBLEMA: Non riesco a scrivere a fianco della tabella ... insomma nella parte centrale dello schermo. Come posso fare????

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BusOnline - il sito dedicato al trasporto pubblico</title>
</head>

<body leftmargin="0" topmargin="0" bgcolor="#000000" lang="it">
<body bgcolor="#000000" text="#ffffff">
<h5><p align="left"><font face="verdana" text="#000000"><font size="1">
</p></font>

<table border="1" width="130" height="35">

<colgroup bgcolor="#FFFF" align="right"></colgroup>

<thead>
<tr>
<td bgcolor=darkorange><font color=black><h5><div align="center">MENU</font>

</tr>

</thead>

<tr>
<th><font size="1"><p align="center"><font color="#000000">Home</th>

</tr>

<tr>
<th><font size="1"><p align="center"><font color="#000000">Forum</th>

</tr>

<tr>
<th><font size="1"><p align="center"><font color="#000000">Links</th>

</tr>

<tr>
<th><font size="1"><p align="center"><font color="#000000">Info</th>

</tr>

<thead>
<tr>
<td bgcolor=darkorange><font color=black><h5><div align="center"> AUTOBUS</font>

</tr>

</thead>

<tbody>

<tr>
<th><font size="1"><p align="center"><font color="#000000">Le linee A.T.A.C.</th>

</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi delle linee diurne SITA-ATI - Roma" href="linee_sitaati.html"><font color="#000000">Le linee SITA-ATI</th>

</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi delle linee notturne - Roma" href="linee_notturne.html"><font color="#000000">Le linee notturne</th>

</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="Le immagini del parco mezzi romano" href="tabella_bus.html"><font color="#000000">Le immagini</th>

</tr>

<td bgcolor=darkorange><font color=black><h5><div align="center"> TRAM</font>
</colgroup>
</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi delle linee tramviarie A.T.A.C. - Roma" href="linee_tram.html"><font color="#000000">Le linee</th>

</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="Le immagini del parco rotabile romano" href="tabella_tram.html"><font color="#000000">Le immagini</th>

</tr>

<td bgcolor=darkorange><font color="black"><h5><div align="center"> METROPOLITANE</font>
</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi delle metropolitane romane" href="linee_metropolitane.html"><font color="#000000">Le linee</th>
</tr>
<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi delle ferrovie concesse" href="ferrovie_concesse.html"><font color="#000000">Le ferrovie concesse</th>
</tr>

<td bgcolor=darkorange><font color="black"><h5><div align="center"> BUS Co.Tra.L.</font>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="I percorsi degli autobus extraurbani Co.Tra.L." href="destinazioni_cotral.html"><font color="#000000">Le destinazioni</th>
</tr>

<tr>
<th><font color="#000000"><font size="1"><p align="center"><a title="Le immagini del parco mezzi extraurbano Co.Tra.L." href="tabella_cotral.html"><font color="#000000">Le immagini</th>
</tr>
</td>
</table>

</body>
</html>

**herrel** · 23-02-2004, 23:00

ma vuoi creare uno spazio al lato del menu per i contenuti??

poi....scusa "l'invadenza" ma hai usato qualche programma per fare questa tabella?

**Consulente** · 23-02-2004, 23:27

Originariamente inviato da herrel
ma vuoi creare uno spazio al lato del menu per i contenuti??

poi....scusa "l'invadenza" ma hai usato qualche programma per fare questa tabella?

Allora... Spiego tutto: La tabella deve rimanere a sinistra e io vorrei scrivere al centro della pagina alla stessa altezza della tabella. Non ho usato nessun programma per la tabella; per crearla ho seguito le istruzioni di Html.it e di un mio amico buono solo a fare le tabelle.

**herrel** · 23-02-2004, 23:52

Originariamente inviato da Consulente
Allora... Spiego tutto: La tabella deve rimanere a sinistra e io vorrei scrivere al centro della pagina alla stessa altezza della tabella. Non ho usato nessun programma per la tabella; per crearla ho seguito le istruzioni di Html.it e di un mio amico buono solo a fare le tabelle.

se vuoi continuare ad utilizzare le tabelle ti basta ampliare la tabella stessa.....butto giù qualcosa e poi mi fai sapere...

**herrel** · 23-02-2004, 23:57

senti perchè hai utilizzato i th??

**herrel** · 24-02-2004, 00:21

vabbè....devo dirti che ci sono alcuni errori nel codice che hai postato! cmq ho provato a riprodurre snellendo il tutto coi css!!

parti da questo codice come base e se hai problemi domani vedo di aiutarti....ho sonno vado a dormire...notte!

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>BusOnline - il sito dedicato al trasporto pubblico</title> 
<style>
body {
margin:0px;
background:black;}
.thread {
background:darkorange;
font-family:verdana;
font-weight:bold;
font-size:14px;
color:black;
text-align:center;
border:1px solid red;
padding:3px;}
.link {
background:yellow;
font-family:verdana;
font-size:10px;
color:black;
text-align:center;
border:1px solid red;}
.testo {
width:500px;
vertical-align:top;
padding:5px;
background:yellow;}
a:link {
font-family:verdana;
font-size:10px;
color:black;
text-decoration:none;}
a:visited {
font-family:verdana;
font-size:10px;
color:black;
text-decoration:none;}
a:hover {
font-family:verdana;
font-size:10px;
color:red;
text-decoration:none;}
</style>
</head>

<body>

<table>
<tr>
<td class="thread">MENU</td>
<td rowspan="19" class="testo">spazio per il testo</a>
</tr>
<tr>
<td class="link">Home</td>
</tr>
<tr>
<td class="link">Forum</td>
</tr>
<tr>
<td class="link">Links</td>
</tr>
<tr>
<td class="link">Info</td>
</tr>
<tr>
<td class="thread"> AUTOBUS</td>
</tr>
<tr>
<td class="link">Le linee A.T.A.C.</td>
</tr>
<tr>
<td class="link">Le linee SITA-ATI</td>
</tr>
<tr>
<td class="link">Le linee notturne</td>
</tr>
<tr>
<td class="link"><a title="Le immagini del parco mezzi romano" href="tabella_bus.html">Le immagini</td>
</tr>
<tr>
<td class="thread"> TRAM</td>
</tr>
<tr>
<td class="link">Le linee</td>
</tr>
<tr>
<td class="link">Le immagini</td>
</tr>
<tr>
<td class="thread"> METROPOLITANE</td>
</tr>
<tr>
<td class="link">Le linee</td>
</tr>
<tr>
<td class="link">Le ferrovie concesse</td>
</tr>
<tr>
<td class="thread">BUS Co.Tra.L.</td>
</tr>
<tr>
<td class="link"><a title="I percorsi degli autobus extraurbani Co.Tra.L." href="destinazioni_cotral.html">Le destinazioni</td>
</tr>
<tr>
<td class="link"><a title="Le immagini del parco mezzi extraurbano Co.Tra.L." href="tabella_cotral.html">Le immagini</td>
</tr>
</table>

</body>
</html>

**Consulente** · 25-02-2004, 20:53

Guardate quest'immagine. Così voglio fare con il testo centrale. Come si fa??

**herrel** · 25-02-2004, 21:01

Originariamente inviato da Consulente
Guardate quest'immagine. Così voglio fare con il testo centrale. Come si fa??

ma la base che ti ho fatto come va?

**herrel** · 25-02-2004, 21:05

così?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BusOnline - il sito dedicato al trasporto pubblico</title>
<style>
body {
background:black;}
.thread {
background:darkorange;
font-family:verdana;
font-weight:bold;
font-size:14px;
color:black;
text-align:center;
border:1px solid red;
padding:3px;}
.link {
background:yellow;
font-family:verdana;
font-size:10px;
color:black;
text-align:center;
border:1px solid red;}
.testo {
color:white;
text-align:center;
width:500px;
padding:5px;
background:black;}
a:link {
font-family:verdana;
font-size:10px;
color:black;
text-decoration:none;}
a:visited {
font-family:verdana;
font-size:10px;
color:black;
text-decoration:none;}
a:hover {
font-family:verdana;
font-size:10px;
color:red;
text-decoration:none;}
</style>
</head>

<body>

<table>
<tr>
<td class="thread">MENU</td>
<td rowspan="19" class="testo">spazio per il testo</a>
</tr>
<tr>
<td class="link">Home</td>
</tr>
<tr>
<td class="link">Forum</td>
</tr>
<tr>
<td class="link">Links</td>
</tr>
<tr>
<td class="link">Info</td>
</tr>
<tr>
<td class="thread"> AUTOBUS</td>
</tr>
<tr>
<td class="link">Le linee A.T.A.C.</td>
</tr>
<tr>
<td class="link">Le linee SITA-ATI</td>
</tr>
<tr>
<td class="link">Le linee notturne</td>
</tr>
<tr>
<td class="link"><a title="Le immagini del parco mezzi romano" href="tabella_bus.html">Le immagini</td>
</tr>
<tr>
<td class="thread"> TRAM</td>
</tr>
<tr>
<td class="link">Le linee</td>
</tr>
<tr>
<td class="link">Le immagini</td>
</tr>
<tr>
<td class="thread"> METROPOLITANE</td>
</tr>
<tr>
<td class="link">Le linee</td>
</tr>
<tr>
<td class="link">Le ferrovie concesse</td>
</tr>
<tr>
<td class="thread">BUS Co.Tra.L.</td>
</tr>
<tr>
<td class="link"><a title="I percorsi degli autobus extraurbani Co.Tra.L." href="destinazioni_cotral.html">Le destinazioni</td>
</tr>
<tr>
<td class="link"><a title="Le immagini del parco mezzi extraurbano Co.Tra.L." href="tabella_cotral.html">Le immagini</td>
</tr>
</table>

</body>
</html>

**Consulente** · 25-02-2004, 21:28

TI RINGRAZIO!! Però la tabella è diversa dall'originale! Oddio!

Discussione: Testo accentrato

Strumenti discussione

Ricerca discussione

Visualizza

Testo accentrato

Permessi di invio