Formattazione tabelle

**Vincenzo68** · 17-10-2003, 14:45

Salve,

l'ultima riga della seguente tabella :

<body>
<table cellspacing="0" cellpadding="0" width="760" border="0">
<tbody>
<tr>
<td class="diable" width="163">
<div align="center"><a class="txtfooterlati" href="http://www.vlcsoftware.it">Powered
by VLC Software</a>
</div>
</td>
<td width="19">
[img]Images/curva270_sin.GIF[/img]
</td>
<td class="linker">
<div align="center">Registrati | Forum | Community | Servizi | Home
</div>
</td>
<td class="diable" width="203">
<div align="center">Pubblicità <font face="Verdana, Arial, Helvetica, sans-serif" color="#ff8000" size="1">|</font> Contatti <font face="Verdana, Arial, Helvetica, sans-serif" color="#ff8000" size="1">|</font> Segnalazioni
</div>
</td>
</tr>

<tr>
<td height="1" colspan="4" class="diable">
[img]Images/spacer.gif[/img]
</td>
</tr>

</tbody>
</table>
</body>

dovrebbe disegnare una linea alta un pixel.
In effetti, nella finestra preview di frontpage, l'output viene mostrato correttamente come si può vedere qui :

Visualizzando il file in un browser, ottengo invece il seguente risultato :

http://www.vlcsoftware.it/ProvaAspNet/Footer.htm

Perchè non riesco a impostare l'altezza dell'ultima riga della tabella, a un pixel ?

Grazie in anticipo,
Ciao

**cristiano_longo** · 17-10-2003, 15:21

Dovresti postare lo style della classe diable. Ti anticipo che il modo corretto per risolvere il tuo problema non e' inserire una cella vuota, ma aumentare il padding-bottom della cella che mostra il menu'.

Comunque, prova ad aggiungere nel tag table

style=" empty-cells : show"

**Federix** · 17-10-2003, 15:25

Prova a fare così:

codice:

<tr>
<td width="760" height="1" colspan="4" bgcolor="#(codicecolore)"></td>
</tr>

**Vincenzo68** · 17-10-2003, 19:22

Salve,

grazie per i suggerimenti.
Li ho provati tutti e due ma, purtroppo, non funzionano.

Questo è lo stile :

<STYLE>
BODY
{
SCROLLBAR-FACE-COLOR: #deefff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #deefff;
SCROLLBAR-ARROW-COLOR: #ff8000;
SCROLLBAR-BASE-COLOR: #ff8000;
scrollbar-3d-light-color: #FDC282;
scrollbar-dark-shadow-color: #FDC282
}
TD.dt
{
FONT: bold xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #ff8000
}
TD.diable
{
BACKGROUND-COLOR: #00456b
}
TD.infocose
{
FONT: bold oblique 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #bedffe;
BACKGROUND-COLOR: #00456b
}
TABLE.box
{
BORDER-RIGHT: #00456b 1px solid;
BORDER-TOP: #00456b 1px solid;
BORDER-LEFT: #00456b 1px solid;
BORDER-BOTTOM: #00456b 1px solid
}
TD.textbox
{
FONT: bold xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #00456b
}
TD.textstat
{
FONT: xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #00456b
}
TD.campi
{
FONT: bold xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #00456b
}
TD.menuleftmarque
{
FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #ff8000
}
TD.menubianco
{
FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #ffffff;
BACKGROUND-COLOR: #ff8000
}
OPTION
{
BORDER-RIGHT: #ff8000 1px solid;
BORDER-TOP: #ff8000 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
BACKGROUND: white;
BORDER-LEFT: #ff8000 1px solid;
COLOR: #ff8000;
BORDER-BOTTOM: #ff8000 1px solid;
FONT-FAMILY: Verdana
}
SELECT
{
BORDER-RIGHT: #ff8000 1px solid;
BORDER-TOP: #ff8000 1px solid;
FONT-SIZE: 10px;
BORDER-LEFT: #ff8000 1px solid;
COLOR: #00456b;
BORDER-BOTTOM: #ff8000 1px solid;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: white
}
INPUT
{
BORDER-RIGHT: #00456b 1px solid;
BORDER-TOP: #00456b 1px solid;
BACKGROUND: white;
FONT: bold xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
BORDER-LEFT: #00456b 1px solid;
COLOR: #00456b;
BORDER-BOTTOM: #00456b 1px solid
}
TD.boxlinear
{
BACKGROUND-COLOR: #00456b
}
TD.bgorange
{
BACKGROUND-COLOR: #ff8000
}
TABLE.sezione
{
BACKGROUND-COLOR: #00456b
}
TABLE.sottosez
{
BORDER-RIGHT: #00456b 1px solid;
BORDER-TOP: #00456b 1px solid;
BORDER-LEFT: #00456b 1px solid;
BORDER-BOTTOM: #00456b 1px solid;
BACKGROUND-COLOR: #ff8000
}
TD.section
{
BORDER-RIGHT: #ff8000 thin dashed;
BORDER-TOP: #ff8000 thin dashed;
FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #ff8000 thin dashed;
COLOR: #ffffff;
BORDER-BOTTOM: #ff8000 thin dashed;
BACKGROUND-COLOR: #00456b;
TEXT-ALIGN: center
}
TD.general
{
FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #00456b
}
TABLE.boxright
{
BORDER-RIGHT: #ff8000 1px solid;
BORDER-TOP: #ff8000 1px solid;
BORDER-LEFT: #ff8000 1px solid;
BORDER-BOTTOM: #ff8000 1px solid;
BACKGROUND-COLOR: #bedffe
}
TD.occhio
{
FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
COLOR: #ff8000
}
TABLE.boxrightsection
{
BORDER-RIGHT: #ff8000 1px solid;
BORDER-TOP: #ff8000 1px solid;
BORDER-LEFT: #ff8000 1px solid;
BORDER-BOTTOM: #ff8000 1px solid;
BACKGROUND-COLOR: #ff8000
}
TD.sectionright
{
BORDER-RIGHT: #bedffe thin dashed;
BORDER-TOP: #bedffe thin dashed;
FONT: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #bedffe thin dashed;
COLOR: #ffffff;
BORDER-BOTTOM: #bedffe thin dashed;
BACKGROUND-COLOR: #ff8000;
TEXT-ALIGN: center
}
TD.doublebord
{
BORDER-RIGHT: #00456b 3px double;
BORDER-TOP: #00456b 3px double;
BORDER-LEFT: #00456b 3px double;
BORDER-BOTTOM: #00456b 3px double;
BACKGROUND-COLOR: #bedffe
}
TD.centralbox
{
BACKGROUND-COLOR: #00456b
}
A:link
{
TEXT-DECORATION: none
}
A:hover
{
TEXT-DECORATION: underline
}
A:visited
{
TEXT-DECORATION: none
}
A:active
{
TEXT-DECORATION: none
}

.linker {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #00456b; vertical-align: middle; text-decoration:none;
}
.linker:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #FFFFFF; vertical-align: middle; text-decoration:underline;
}
.linkersection {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #FFFFFF; vertical-align: middle; text-decoration:underline;
}
.linkersection:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #FF8000; vertical-align: middle; text-decoration:none;
}

.linkorange {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #FF8000; font-weight: bold; text-decoration:none;
}

.linkorange:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #00456b; font-weight: bold; text-decoration:underline;
}
.linkorangesec {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; vertical-align: middle; text-decoration:none;
}

.linkorangesec:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #BEDFFE; font-weight: bold; vertical-align: middle; text-decoration:none;
}
.linkblueright {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #00456b; font-weight: bold; text-decoration:none;
}

.linkblueright:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #ff8000; font-weight: bold; text-decoration:none;
}
.linkgeneral {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #00456b; text-decoration:none;
}
.linkgeneral:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 11px; color: #ff8000; text-decoration:none;
}

.txtfooter{
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 10px; color: #FF8000; text-decoration:none;
}
.txtfooter:hover {
font-family: MS Sans Serif, Helvetica, Verdana; font-size: 10px; color: #CCCCCC; text-decoration:underline;
}
.txtfooterlati{
font-family: Verdana, Helvetica, MS Sans Serif; font-size: 10px; color: #FFFFFF; text-decoration:none;
}
.txtfooterlati:hover {
font-family: Verdana, Helvetica, MS Sans Serif; font-size: 10px; color: #CCCCCC; text-decoration:underline;
}
</STYLE>

Preciso che "spacer.gif" è un'immagine di dimensioni 1x1 pixels.

Non capisco perchè, nella finestra "Preview" di Frontpage, l'output venga mostrato corretamente, mentre nel browser no.

X Cristiano :
Potresti farmi vedere, con un esempio, come si fa ad aumentare il padding-bottom di una cella ?

Grazie,
Ciao

Discussione: Formattazione tabelle

Strumenti discussione

Ricerca discussione

Visualizza

Formattazione tabelle

Permessi di invio