Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150

    tabelle: formattare righe di separazione celle

    Forse dal titolo è già abbastanza chiaro quello che vorrei fare.
    Ho un documento html in due colonne e n-righe. Vorrei se possibile

    1. Rendere la riga orizzontale che separa le ogni cella della stessa colonna, in bold rispetto rispetto alla riga verticale che separe una cella dall'altra nella stessa riga.
    2. Rendere la riga orizzontale leggermente più piccola, in modo da non risultare "attaccata" rispetto alla riga verticale.
    3. Vorrei inoltre solo in alcuni casi rendere la riga orizzontale di separazione tra due celle della stessa colonna, di colore rosso.

    Qualche suggerimento?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    codice:
    CSS 
    (.classe) td { border: 1px solid #000; border-bottom: 2px solid #000; }  -- per il bordo inferiore
    
    .bordorosso td {border-top: 1px solid #f00; }  -- per il bordo superiore rosso
    E per il codice
    codice:
    (X)HTML 
    <table>
      <tr>
        <td>   </td>
        <td>   </td>
      </tr>
      <tr>
        <td class="bordorosso>   </td>
        <td class="bordorosso>   </td>
      </tr>
    Poi non ho capito cosa intendi per "non risultare attaccata". Se vuoi che sia di larghezza inferiore alla cella in modo che compaiano degli spazi prima del vertice della cella ... bho, non credo si riesca.
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Grazie mille per la risposta

    per "non risultare attaccata" , intendo proprio quello che pensi te.

    ciao ciao

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.