Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente bannato
    Registrato dal
    Jun 2003
    Messaggi
    1,011

    tabella con cellspacing solo al centro

    Ho una tabella con 3 colonne e cellspacing di 6px, secondo voi è possibile eliminare il cellspacing che si forma ai lati ? Siccome la tabella è composta da immagini, vorrei avere lo spazio divisorio solo al centro, e non ai lati come se ci fosse un bordo trasparente di 6 px

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ho l'impressione che stai facendo confusione fra CSS e formattazione HTML.

    cellspacing fa parte della formattazione HTML (deprecata e che va in conflitto con i CSS).
    Con i CSS si usano margin e/o padding (da applicare alle singole celle) --> e questo da` anche la risposta corretta alla tua domanda.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente bannato
    Registrato dal
    Jun 2003
    Messaggi
    1,011
    Si ma io sono obbligato in questo caso ad usare le tabelle, quindi o imposto cellspacing =0 però poi se imposto margin right sulle immagini cmq avrò del margine che avanza a destra

    Fai conto che la mia è una tabella a 3 colonne su 5 o 6 righe con dentro in ogni cella un'immagine delle stesse dimensioni, quindi per distaccarle devo obbligatoriamente usare cellspacing, che però mi forma ai lati del bordino di 6 px che mi incasina un pò l'allineamento. io vorrei poter staccare le immagini solo centralmente.

    Io posso impostare uno stile o su tutte le immagini in maniera uguale, oppure se fosse possibile potrei applicare uno stile diverso sulle celle.

    sul TD coi css posso usare degli stili ?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se vuoi usare i CSS non devi usare la formattazione HTML: va in conflitto.

    Lasciando stare i selettori con i + o il > (che nel tuo caso sarebbero comodissimi, ma non sono utilizzabili con il brwoser IE), puoi definire alcune classi, tipo:
    <tr>
    <td class="sin"><img... /></td>
    <td class="cen"><img... /></td>
    <td class="cen"><img... /></td>
    ...
    <td class="des"><img... /></td>
    </tr>

    poi nel CSS puoi definire (ad esempio):
    codice:
    td.sin img {
      margin: 3px 3px 3px 0;
    }
    td.cen img {
      margin: 3px;
    }
    td.des img {
      margin: 3px 0 3px 3px;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente bannato
    Registrato dal
    Jun 2003
    Messaggi
    1,011
    Ti ringrazio Mich, la tua mi sembra l'unica soluzione ipotizzabile, è un peccato però dover appesantire la pagina con tutto questo codice

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se togli la formattazione HTML la pagina si alleggerisce ...

    e comunque non e` l'unica soluzione. Puoi anche usare i padding interni ai <td>, ma la cosa potrebbe non funzionare bene nel browser IE.

    E, come dicevo prima, ci sono dei selettori specifici (ad esempio con il +), previsti dai CSS, ma non supportati da IE6.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.