suggerimento tabelle!

**NoWhere** · 26-11-2003, 17.24.23

in una situazione simile

<table border="1" width="50%">
<tr>
<td width="50%">
123
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>123
</td>
<td width="50%" align="center">
<table border="3" width="50%">
<tr>
<td width="100%">123</td>
</tr>
<tr>
<td width="100%">123</td>
</tr>
</table>
</td>
</tr>
</table>

come posso fare per fare stare la tabella col borso '3' in alto senza utilizzare lo spazio? (della serie senza inserire <BR> tra </table> e </td>)???

spero di essermi spiegato!

thanks!

p.s. programmo in html e senza linguaggi php, ecc.

**gve** · 26-11-2003, 19.14.18

Se ho ben capito il problema dovrebbe risolversi aggiungendo al <td> che contiene la tabella <td ... valign="top">

**NoWhere** · 27-11-2003, 04.00.53

:D GVE 6 sempre geniale!
thanks!

mi hai salvato la nuova home!

ora però devo salvare tutte le altre pagine... :eyes

**gve** · 27-11-2003, 12.57.52

Troppo gentile, arrossisco ...

Comunque, sebbene il metodo che ti ho detto è valido, se stai creando/sistemando il sito da 0 ti consiglio di dare un'occhiata ai fogli di stile: sono molto più comodi da usare, e inotre in futuro ti permettono di modificare più agevolmente la pagina.

Qua le reference ufficiale (io ho sempre fatto riferimento ad essa non saprei che altro tutorial consigliarti; non sono cose particolarmente complicate):
http://www.w3.org/Style/CSS/
http://www.w3.org/TR/CSS21/ (c'è anche il level 3, ma non è ancora supportato da quel che ne so, quindi per ora meglio rifarsi a questo)

Per la cronaca, l'equivalente di valign coi fogli di stile è assegnare al tag in questione vertical-align: top

**NoWhere** · 27-11-2003, 17.10.26

thanks dei link...
però per ora sono troppo pigro per imparare nuove cose

(cmq, darò la precedenza prima al php

)
ciao!

**NoWhere** · 02-03-2004, 01.17.17

Dall'ultima volte ke ho scritto in questo post ho cominciato a masticare piccole nozioni di css, ma ancora ne ho di strada...

cmq, se ri-scrivo é xkè non riesco a fare una cosa banalissima: trasformare ad esempio una tabella come questa:

<table width="100%" cellpadding="0" border="2" bordercolorlight="#800000" bordercolordark="#000000" bgcolor="#800000">
<tr>
<td width="100%" align="center" nowrap>...123abc</td>
</tr>
</table>

in css!!

:~(
Se qualcuno mi può illuminare gliene sarò molto grato!!! :D

**lionalex** · 02-03-2004, 02.41.25

Se vuoi un consiglio vai a questo link
http://www.bradsoft.com/index.asp
e scarica TOPSTYLE. E' un editor molto utile per il CSS, fa l'anteprima in realtime. Provalo e vedrai che diventerà tutto più semplice.
Se poi vuoi una guida vai su HTML.IT, lì ce n'è una abbastanza completa

02-03-2004, 18.51.33

Originalmente inviato da NoWhere

<table width="100%" cellpadding="0" border="2" bordercolorlight="#800000" bordercolordark="#000000" bgcolor="#800000">
<tr>
<td width="100%" align="center" nowrap>...123abc</td>
</tr>
</table>[/color][/size]

<head>
<style>
.TABELLA {width:100%; padding:0px; border:2px inset #800000; background-color:#800000}
.CELLA {text-align:center}
</style>
</head>
<body>
<table class="TABELLA">
<tr>
<td class="CELLA" nowrap="nowrap">...123abc</td>
</tr>
</table>
</body>

**NoWhere** · 03-03-2004, 02.35.16

lionalex

non male il programmino... anke se lo potevano concepire con una layout e un criterio + semplice

...

Jole

ci siamo quasi! :) però nn é proprio uguale...
avrei bisogno di una cosa simile riportata nell'esempio, trasformata in css!
Per come l'hai fatto tu non risulta proprio uguale...

esempio

cmq sia, grazie a tutti e due!! :)

**lionalex** · 03-03-2004, 02.55.53

Per fare quello che hai nell'esempio hai due possibilità:
Ho usi le tabelle anche in CSS ma te lo sconsiglio perchè non cambieresti molto in quanto a leggerenza dell'html, altrimenti dovreisti creare una tabella esterna che ha i suoi bordi ed altre celle che saranno interne a quella principale
es.

<head>
<style>
.tabella{
width:100%;
padding:0px;
border:2px inset #800000;
background-color:#800000;
}
.celle{
width:100%;
padding:0px;
border:2px inset #800000;
background-color:#800000;
}
</style>
</head>
<body>
<div class="tabella">
<div class="celle">1° CELLA</div>
<div class="celle">2° CELLA</div>
<div class="celle">3° CELLA</div>
</div>
</body>

Ovviamente poi modificando il codice CSS potrai modificare il carattere del testo e le dimensioni della pseudo tabella.

**NoWhere** · 03-03-2004, 18.51.29

ma x come dici tu, risulta sempre il bordo nero a destra e non a sinistra x come ho riportato nel mio esempio...
:? nn mi convince molto!
proverò a smanettarci un pò su quest'esempio ke mi hai fornito!

**NoWhere** · 04-03-2004, 18.26.20

EUREKA!

grazie al tuo codice a al tuo programmino, scervellandomi un pò ho trovato un buon, anzi un ottimo, compromesso!!! :D
guardate l'esempio!!!

**lionalex** · 05-03-2004, 19.58.24

PREGO non c'è di chè...sono contento che sia arrivato alla soluzione...

Discussione: suggerimento tabelle!

LinkBack

Strumenti discussione

Display

Regole di scrittura