Tabella HTML... come sarebbe in CSS

lunedì 25 settembre 2006 - 22.33

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

ricky Profilo | Junior Member

179 messaggi | Data Invio: lun 25 set 2006 - 22:33

Vorrei "trasformare" una tabella HTML gestendo i CSS in modo corretto

qualcuno potrebbe aiutarmi a capire come diventerebbe questo HTML?

<table cellspacing="0" cellpadding="0" width="200" bgcolor="#ffffff" border="0">
<tbody>
<tr>
<td colspan="3"><img src="Include/SxBar/Sx_Top.jpg" width="200" border="0" /></td>
</tr>
<tr>
<td width="5" rowspan="2" valign="top"><img height="192" src="Include/SxBar/Sx_VerticalSxBar.jpg" width="5" border="0" /></td>
<td width="190"><img height="30" src="Include/SxBar/Sx_TopBar.jpg" border="0" /></td>
<td width="5" rowspan="2" valign="top"><img height="192" src="Include/SxBar/Sx_VerticalDxBar.jpg" width="5" border="0" /></td>
</tr>
<tr>
<td valign="top" align="middle" height="162">
</td>
</tr>
<tr>
<td colspan="3"><img
src="Include/SxBar/Sx_Down.jpg" width="200" border="0" /></td>
</tr>
</tbody>
</table>

Grazie

Brainkiller Profilo | Guru

7.999 messaggi | Data Invio: lun 25 set 2006 - 23:04

>Vorrei "trasformare" una tabella HTML gestendo i CSS in modo
>corretto
>qualcuno potrebbe aiutarmi a capire come diventerebbe questo
>HTML?

Ci sono varie tecniche, che cosa rappresenterebbe questo codice ? Hai una screenshot che visualizza l'output compresi i jpeg ?
Grazie

David De Giacomi | Microsoft MVP
http://blogs.dotnethell.it/david/

ricky Profilo | Junior Member

179 messaggi | Data Invio: mar 26 set 2006 - 15:32

Grazie per la risposta, io vorrei passare ad una visualizzazione XHTML Strict (o cmq usare CSS).

In particolare il box che ho inviato verrà visualizzato nel menu di sinistra e dovrà contenere, nei <td></td>, del testo, immagini... o cmq altre informazioni

in allegato una demo, nella quale i bordi grigi e l'area grigia al top (che ho semplificato nell'immagine) sono definiti dalle immagini richiamate dall'HTML....

all'interno del box (nei td) dovrò poi inserire dei contenuti, come ad esempio myportal, prova ecc (che saranno immagini o altre tabelle div).... ma questa sarà un'altra storia

io vorrei sistemare il "box" definito dall'HTML che ho indicato, e all'interno del quale dovrò poi inserire informazioni di vario tipo

209x440 42Kb

quando faccio riferimento ai td interni per inserire i contenuti, intendo:

<td valign="top" align="middle" height="162">
</td>

Grazie ancora

Brainkiller Profilo | Guru

7.999 messaggi | Data Invio: mar 26 set 2006 - 15:50

>Grazie per la risposta, io vorrei passare ad una visualizzazione
>XHTML Strict (o cmq usare CSS).

Prova così:

<style type="text/css">
#Container{width:200px;background:orange}
.Head{width:100%;height:20px;background:yellow}
</style>

<div id="Container">
<div class="Head">
alfa
</div>
sdf<br />
sdf<br />
sdf<br />
sdfs<br />
<div class="Head">
alfa
</div>
sfdf<br />
sd<br />
fsd<br />
fds<br />
</div>

ciao

David De Giacomi | Microsoft MVP
http://blogs.dotnethell.it/david/

ricky Profilo | Junior Member

179 messaggi | Data Invio: mar 26 set 2006 - 17:09

c' è qualche cosa che non mi torna

io devo poter visualizzare anche le immagini indicate nel mio primo post, ovvero quelle che fanno a creare gli effetti (ombre ecc...), come le gestisco quelle?

il mio problema era proprio questo, non creare una tabella tramite div

ricky Profilo | Junior Member

179 messaggi | Data Invio: mer 27 set 2006 - 01:05

Nessun aiutino??

Brainkiller Profilo | Guru

7.999 messaggi | Data Invio: sab 30 set 2006 - 13:06

>io devo poter visualizzare anche le immagini indicate nel mio
>primo post, ovvero quelle che fanno a creare gli effetti (ombre
>ecc...), come le gestisco quelle?
>il mio problema era proprio questo, non creare una tabella tramite div

La tua richiesta, veramente era questa:

>Vorrei "trasformare" una tabella HTML gestendo i CSS in modo corretto
>qualcuno potrebbe aiutarmi a capire come diventerebbe questo HTML?

e non hai fatto cenno alle immagini....

Comunque per fare questo tipo di composizioni in genere io utilizzo strumenti quali Photoshop o simili che ti consentono di disegnare un'immagine, un layout di un sito, anche complesso e poi ritagliare l'immagine stessa in slices (pezzi) a tuo piacimento. Automaticamente oltre a ritagliarti l'immagine ti creano anche il codice HTML necessario per ricostruire l'immagine perfettamente così come era disegnata in una pagina Web.

Questo è necessario perchè con il codice HTML non riesci ad ottenere effetti di quel tipo, dovresti sovrapporre una serie di oggetti e immagini solo per creare un effetto ombra.
Ciao

David De Giacomi | Microsoft MVP
http://blogs.dotnethell.it/david/

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !