suggerimento tabelle!

Printable View

26-11-2003, 17.24.23
NoWhere

in una situazione simile :arrow:

<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! :wink:
thanks!

p.s. programmo in html e senza linguaggi php, ecc.
26-11-2003, 19.14.18
gve

Se ho ben capito il problema dovrebbe risolversi aggiungendo al <td> che contiene la tabella <td ... valign="top">
27-11-2003, 04.00.53
NoWhere

:D GVE 6 sempre geniale!
thanks!

mi hai salvato la nuova home! :lol:
ora però devo salvare tutte le altre pagine... :eyes
27-11-2003, 12.57.52
gve

Troppo gentile, arrossisco ... :oops:
:lol:

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
27-11-2003, 17.10.26
NoWhere

thanks dei link...
però per ora sono troppo pigro per imparare nuove cose :lol:
(cmq, darò la precedenza prima al php :twisted: )
ciao!
02-03-2004, 01.17.17
NoWhere

Dall'ultima volte ke ho scritto in questo post ho cominciato a masticare piccole nozioni di css, ma ancora ne ho di strada... :roll:
cmq, se ri-scrivo é xkè non riesco a fare una cosa banalissima: trasformare ad esempio una tabella come questa: :arrow:
<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!! :oops: :~(
Se qualcuno mi può illuminare gliene sarò molto grato!!! :D
02-03-2004, 02.41.25
lionalex

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

Citazione:

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>

:wink:
03-03-2004, 02.35.16
NoWhere

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

Jole :arrow: 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!! :)
03-03-2004, 02.55.53
lionalex

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.

Citazione:

<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.
03-03-2004, 18.51.29
NoWhere

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! :wink:
04-03-2004, 18.26.20
NoWhere

EUREKA! :idea:
grazie al tuo codice a al tuo programmino, scervellandomi un pò ho trovato un buon, anzi un ottimo, compromesso!!! :D
guardate l'esempio!!!
05-03-2004, 19.58.24
lionalex

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