Celle fisse

[Luca_pluatrco]

Ciao,

puoi assegnare alla table la regola "table-layout: fixed" ed eventualmente una larghezza esplicita alle celle (es. width:50%).

[Mich_]

Ci sono un po' di problemi nel codice di quella pagina:

1. il CSS inserito nella pagina con DTD Xhtml 1.0 strict (devi metterlo in un file a parte o inserirlo in commenti CDATA)

2. un tag <link> senza href

3. tag <input> non contenuti in un <form> (usa dei link, invece; oppure usa un form completo)

4. <h3> e <table> contenuti dentro un

(dentro un

non ci possono stare dei blocchi)

5. mancanza del <title> della pagina

6. tag HTML dentro il file (esterno) JS

Ma il problema che rilevi e` dato dal non aver definito la larghezza delle celle: si sistemano in automatico, quindi in base al contenuto interno.

[Mich_]

Originariamente inviato da matteostringher
Quindi devo obbligatoriamente impostare le celle fisse?

No, perche`?

Devi definire la larghezza delle celle, non necessariamente devono essere fisse.
La larghezza la puoi definire con la unita` di misura che piu` ti conviene: nella formattazione per il video, si usano essenzialmente:
em - per definire oggetti che contengono del testo in modo preponderante e devono adattavisi;
% - per suddividere lo spazio in modo proporzionale;
px - per definire oggetti che devono avere un numero di px fissi, ad esempio immagini od oggetti che contengono principalmente immagini.

[Mich_]

Prova a rivedere l'esempio ora che ho corretto anche i problemi.

Veramente io vedo i problemi segnalati come prima. Hai corretto solo i punti 4 e 5.

Non riesco ad analizzare il codice JS: e` un po' troppo complesso seguirlo tutto.

Pero` immagino che alla fine venga dato un comando JS corrispondente al display:none; del CSS.
Prova invece a fare in modo che sia un visibility:hidden; In tal modo l'oggetto continua ad usare lo spazio, anche se e` invisibile (per farlo ritornare visibile devi dare: visibility:visible; )
Oppure togli il display finale, lasciando solo opacity: 0; Anche in tal caso l'oggetto rimane, ma resta trasparente.

Non so se questo risolve i tuoi problemi. E` un metodo alternativo a quello di definire la larghezza della cella.

[Mich_]

In quella pagina c'e` un effetto generato tramite JS.
La pagina all'inizio si vede bene, poi alla fine dell'effetto il layout cambia.
E` chiaro che il Js c'entra. Non so dirti in che senso, dato che non sono riuscito ad interpretarlo.

Effetti simili si possono ottenere anche senza fade: in pratica i bottoni compari/scompari danno solo un comando CSS, senza transizioni
Questo e` un caso piu` semplice, non e` un bell'effetto grafico, ma siamo nel corso di una sperimentazione, ed i passaggi intermedi possono essere utili per capire.

Prova a sostituire tutta la tua tabella con il coidce seguente:

  <table>
    <tr>
      <td>
	[img]fade_immagine.jpg[/img]
      </td>
      <td>
	[img]fade_immagine2.jpg[/img]
      </td>
    </tr>

    <tr>
      <td>
					
      </td>
      <td class="centrale">
	Scompari
	Compari
      </td>
    </tr>
  </table>

Poi al posto di visibility='visible' prova a sostituire display='inline'
e al posto di visibility='hidden' mettici display='none'

Stai attento ai segni: virgolette ed apici hanno significati diversi e vanno settati con molta attenzione
Vedrai un comportamento diverso nei due casi.
Ed in questo esempio (in cui io controllo il JS), e` il JS a settare degli attributi CSS.