[css] Creazione tabelle indipendenti

12-05-2012, 17.57.12

Ciao a tutti.. eccomi pronto nuovamente a chiedere aiuto

Non so se dal titolo vi siete fatti più o meno un idea di cosa mi serve, quindi vi spiegherò nei dettagli cosa voglio fare:

Ho una pagina di un sito web, in questa pagina vorrei fare una tabella a sinistra e una tabella a destra in modo che siano entrambe allineate ma ognuna indipendente (per esempio per quanto riguarda la lunghezza, se io in quella di destra scrivo di più non voglio che aumenti lo spazio della cella di sinistra, etc.).

Vorrei risolvere questo problema con il CSS ma ogni mio tentativo è stato futile..

Potete aiutarmi?

Grazie in anticipo

12-05-2012, 19.35.27

Scusa ma che c'entra il CSS?

Coi CSS definisci gli stili non la struttura. Con CSS, quindi, imposti la larghezza delle celle, la loro altezza, i colori, i bordi, i caratteri, ecc.

Il numero delle righe e delle colonne lo stabilisci con l'HTML.

Per la disposizione, semmai, puoi racchiudere le due tabelle dentro due DIV e renderli flottanti in modo che si dispongano non uno sopra l'altro, ma uno accanto all'altro.

12-05-2012, 20.00.51

Scusa.. il mio messaggio era poco chiaro :) comunque si.. vorrei fare in modo che inserendo due DIV venga una parte a destra e una a sinistra.. Ho provato ma non ci sono riuscito.. se sai aiutarmi mi faresti un favore :)

12-05-2012, 21.22.36

Io l'ho fatto nel mio sito ma non sono sicuro che è quello che cerchi.
Dagli un occhiata e fammi sapere.
Se non sai fregarti il CSS

avvisami che te lo passo

12-05-2012, 23.19.48

Ti sarei molto grato se potessi postare il codice...

13-05-2012, 07.26.21

Originalmente inviato da aiutoeconomico

Io l'ho fatto nel mio sito ma non sono sicuro che è quello che cerchi.
Dagli un occhiata e fammi sapere.
Se non sai fregarti il CSS

avvisami che te lo passo

Vedi QUI, questo codice l'ho scritto quando ho cominciato a studiare il codice html... e ora vorrei riscriverlo in modo più pulito ed ordinato, e anche in modo che se allungo la scritta di destra, la cella di sinistra non aumenti lo spazio..

PS: so che ci sono troppe tabelle, e alcuni codici inutili, comunque mi serve come poter allineare le varie celle in questo modo.

13-05-2012, 12.23.14

Prova a dare un'occhiata qui, o qui o ancora qui.

13-05-2012, 12.30.55

Originalmente inviato da simpleticket

Prova a dare un'occhiata qui, o qui o ancora qui.

Sarà fatto.. grazie per l'aiuto.. sperando che trovi la soluzione

13-05-2012, 15.02.11

Originalmente inviato da mathis

Ti sarei molto grato se potessi postare il codice...

Originalmente inviato da mathis

Ti sarei molto grato se potessi postare il codice...

Devi creare una pagina css

stile.css è un ottimo nome

anzì no magari poi andando avanti con il sito avrai esigenze diverse chiamala

stile001.css

Codice:

body {

        text-align: center; /* IE5.x */
        background-color: transparent;
	background-image: url(INDIRIZZO DELLA TUA IMMAGINE SFONDO);
	background-position: center;
	background-repeat: repeat;
       overflow: auto;


#telaiogrande {
	background-color: white; 
	padding: 0px;
        width: 1012px;
        higth: 100%;
        margin: auto;
        
        
}



#telaiotopalto {
	background-color: silver;
	border-color: #808080;
	border-style: groove;
	border-width: 3px;
        padding: 10px;
        width: 966px;       
        margin:auto;       
        
        border-radius: 20px  20px 20px 20px;
}


#telaiosinistro {
	background-color: silver;
        float: left;
        border-color: #808080;
	border-style: groove;
	border-width: 3px;
        padding: 10px;
        width: 630px; 
        margin-left: 5px;       
        border-radius: 20px  20px 20px 20px;
        text-align: left; /* IE5.x */
}

#telaiodestro {
	background-color: silver;
	border-color: #808080;
	border-style: groove;
	border-width: 3px;
        padding: 10px;
        width: 300px;       
        margin-left: 670px;
        border-radius: 20px  20px 20px 20px;
}

A questo punto copi ed incolli nel file stile001.css

Passiamo ora alla tua pagina HTML o PHP
La prima cosa da fare è richiamare il file CSS tra i campi <head> </head>

Codice:

<link rel="stylesheet" href="stile001.css" type="text/css">

In questo modo hai detto alla tua pagina richiamati quel CSS che mi serve usarlo

Passiamo alla pagina tra tra i tag <body> </body>

<div id="telaiogrande">
<br>
<div id="telaiotopalto"> qui inserirai il tuo top immagini contenuti quello che vuoi
ma non scordare a chiudere questo box con
</div>

<div id="telaiosinistro"> contenuti </div>
<div id="telaiodestro"> contenuti </div>

</div>

Praticamente apri i box con <div id="nome box"> e li chiudi con </div>

A disposizione per chiarimenti o altro
Ciao

Discussione: [css] Creazione tabelle indipendenti

LinkBack

Strumenti discussione

Display

[css] Creazione tabelle indipendenti

due contenitori sx destro

Ecco il codice

Tags for this Thread

Regole di scrittura