Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di Laurami
    Registrato dal
    Nov 2001
    Messaggi
    883

    Tre celle con bordo da 1px ma senza immagini...

    Un saluto.
    Nel fare un layout, sono incappato in un problemino.
    Una parte della pagina contiene tre celle con bordo nero da 1px, come nell'allegato che trovate qui sotto. Siccome dentro le celle dovrò scrivere, vorrei riprodurre la cosa con html e non facendo ricorso ad immagini.
    Solitamente io il bordo da 1px lo facevo mettendo il colore della tabella "nero", impostando il colore della cella "bianco" e mettendo la distanza tra le celle 1px.
    In questo caso però non posso fare così visto che si tratta di 1 riga e 5 colonne delle quali la 2^ e la 4^ non hanno il bordo superiore ed inferiore.
    Come fare?
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182

    Re: Tre celle con bordo da 1px ma senza immagini...

    Originariamente inviato da Laurami
    Un saluto.
    Nel fare un layout, sono incappato in un problemino.
    Una parte della pagina contiene tre celle con bordo nero da 1px, come nell'allegato che trovate qui sotto. Siccome dentro le celle dovrò scrivere, vorrei riprodurre la cosa con html e non facendo ricorso ad immagini.
    Solitamente io il bordo da 1px lo facevo mettendo il colore della tabella "nero", impostando il colore della cella "bianco" e mettendo la distanza tra le celle 1px.
    In questo caso però non posso fare così visto che si tratta di 1 riga e 5 colonne delle quali la 2^ e la 4^ non hanno il bordo superiore ed inferiore.
    Come fare?
    specifica il bordo per le celle e dai un class diverso alle celle per le quali non vuoi il bordo
    aumenta il cellpadding in modo che quelle col bordo non si confondano con quelle senza bordo

  3. #3
    Utente di HTML.it L'avatar di Laurami
    Registrato dal
    Nov 2001
    Messaggi
    883
    Con il css dunque?
    Non è che puoi farmi un esempio "pratico" di codice? :quipy:
    Grazie.

  4. #4
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    Originariamente inviato da Laurami
    Con il css dunque?
    Non è che puoi farmi un esempio "pratico" di codice? :quipy:
    Grazie.
    puoi fare cosi
    metti il css per i TD cosi
    codice:
    TD{
     border: 0px solid #000000; //senza bordo
    }
    
    e fai un class per le celle che vuoi abbiano il bordo
    
    .cellaConBordo{
     border: 1px solid #000000;
    }
    
    poi aumenti il cellpadding del table
    
    <TABLE CELLPADDING="3"......>
     <TR>
      <TD>
        qui non c'è bordo :bhò:
      </TD>  
      <TD CLASS="cellaConBordo">
        qui si yeeeeeeeee :gren:
      </TD>
      <TD>
        qui no :(
      </TD>
    </TABLE>

  5. #5
    Utente di HTML.it L'avatar di Laurami
    Registrato dal
    Nov 2001
    Messaggi
    883
    Sei stato chiarissimo, grazie

    Per una serie di fattori era molto che non chiedevo aiuto in questa sezione del forum (a dire il vero sono sempre meno presente) ma il "ritorno" non poteva essere migliore!


  6. #6
    Utente di HTML.it L'avatar di Laurami
    Registrato dal
    Nov 2001
    Messaggi
    883
    E' cosa strana che i bordini neri li vedo solamente se all'interno della cella metto "qualcosa", anche solamente un &nbreackspace?

    P.S.: scusate se esco dal topic ma non mi ricordo come fare a cambiare il colore delle barre di scorrimento...

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.