da tabella a css

**pietro09** · 18-09-2006, 20:33

La pagina che ho deve presentare un disegno realizzato tramite tabella

codice:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
</head>
<body>
    <table border="1" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
        <tr valign="top">
            <td rowspan="3" style="width: 18px; background-color:LIGHTSTEELBLUE">
                <div>
                    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
                </div>
            </td>
            <td colspan="2" style="height:80px; background-color:LEMONCHIFFON">
                [img]cerca.gif[/img]
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div style="width:100%; height:100%; background-color: GAINSBORO;">c</div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="height:80px;">
                <div style="width:100%; height:100%; background-color:LEMONCHIFFON;">d</div>
            </td>
        </tr>
    </table>

</body>
</html>

mi piacerebbe sostituire la tabella con un opportuno stile.
Sono digiuno in materia, potreste aiutarmi?

**Freax** · 18-09-2006, 20:59

Originariamente inviato da pietro09
La pagina che ho deve presentare un disegno realizzato tramite tabella

codice:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
</head>
<body>
    <table border="1" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
        <tr valign="top">
            <td rowspan="3" style="width: 18px; background-color:LIGHTSTEELBLUE">
                <div>
                    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
                </div>
            </td>
            <td colspan="2" style="height:80px; background-color:LEMONCHIFFON">
                [img]cerca.gif[/img]
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div style="width:100%; height:100%; background-color: GAINSBORO;">c</div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="height:80px;">
                <div style="width:100%; height:100%; background-color:LEMONCHIFFON;">d</div>
            </td>
        </tr>
    </table>

</body>
</html>

mi piacerebbe sostituire la tabella con un opportuno stile.
Sono digiuno in materia, potreste aiutarmi?

http://css.html.it/articoli/leggi/19...lle-con-i-css/

**salasir** · 19-09-2006, 09:46

Se la tabella ti serve per il layout, puoi farla così:

codice:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
</head>
<style type="text/css">
body, html { width: 100%; text-align: center;  }
#container { width: 100%; height: 100%; margin: 0; padding: 0; border: 2px #ccc ridge; }
#colsx { margin: 0; padding: 0; width: 18px; height: 100%; background-color:lightsteelblue;
		float: left; border-right: 2px #ccc ridge;  }
#coldxtop { margin: 0; padding: 0; width: 96.9%; height: 80px; border-bottom: 2px #ccc ridge; 
		background-color:lemonchiffon; float: right; }
#coldxcent { width: 96.9%; height: 72.5%; margin: 0; padding: 0; background-color: gainsboro;
		text-align: left; border-bottom: 2px #ccc ridge; float: right; }
#coldxbot { margin: 0; padding: 0; width: 96.9%; height: 80px; 
		text-align: left; background-color:lemonchiffon; float: right; }

.imgle { float: left; }
</style>

<body>

	<div id="container">
		<div id="colsx">
		    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
                    [img]cerca.gif[/img]
		</div>
		<div id="coldxtop">
			[img]cerca.gif[/img]
		</div>
		<div id="coldxcent">
			c
		</div>
		<div id="coldxbot">
			d
		</div>

	</div>

</body>
</html>

Fatta di corsa e con le dimensioni approssimate. Poi sistemala tu.

**pietro09** · 19-09-2006, 19:47

Per il momento, grazie

e se domani ci aggiustano il server

ritornerò alla carica

Discussione: da tabella a css

Strumenti discussione

Ricerca discussione

Visualizza

da tabella a css

Re: da tabella a css

Permessi di invio