Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Doppio bordo a tabella

  1. #1

    Doppio bordo a tabella

    Ciao a tutti, avrei bisogno di dare ad una tabella un doppio contorno. precisamente mi servirebbe il contorno più esterno di colore nero e quello più interno bianco.

    Come posso ottenere quest'effetto?
    Mi date una mano?

    Grazie 1000 anticipatamente!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ad esempio con un border di colore nero, ed un padding.
    Se pero` deve funzionare anche in IE (che notoriamente interpreta il padding in modo diverso), conviene inserire un div dentro un altro e giocare con i margini.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    No! vorrei evitare i div nidificati... devo risolvere sistemando alla meglio il css che ho gia applicatto alla table.

    Il problema è che non riesco a trovare niente... mi servirebbe simulare il famoso cellspacing! Qualcuno mi ha consigliato di giocare con il margin o border collapse ma non riesco a risolvere.

    Io uso IE 6 e forse collapse nn funge o nn è quello che mi serve o non so dove sbaglio! bhooo

    Comunque questa è la class che applico alla tabella:

    Table.Colori {
    border: 1px solid #000000;
    width: 20px;
    height: 20px;
    }
    Qualcuno mi dice cosa dovrei aggiungere per far vedere anche il bordo interno di colore bianco?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non riesco a capire.
    Prima hai chiesto un bordo alla tabella (io ho capito tutta la tabella), adesso parli di bordi interni alle celle.

    Comunque per i bordi alle celle, devi agire sulle singole celle:
    codice:
    table.Colori {
      border: 1px solid #000000;
      width: 20px;
      height: 20px;
    } 
    table.Colori td {
      border: 1px solid black;
      padding: 2px;
      border-collapse: separate; /* oppure: collapse; */
    }
    Chiaramente devi afvere una tabella cosi` definita:
    <table class="Colori">
    (nota che CSS e` case-sensitive).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Grazie 1000 Mich_ , forse prima non mi sono spiegato bene però era proprio questa la mia necessità.
    Ho risolto con l'esempio che mi hai postato tu!

    Grazie ancora ehh

    Alla prossima!

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 © 2024 vBulletin Solutions, Inc. All rights reserved.