Visualizzazione dei risultati da 1 a 6 su 6

Discussione: stile tabelle annidate

  1. #1

    stile tabelle annidate

    ciao, sto tribolando con queste maledette tabelle e relativo css...

    ammettendo di avere una classe tipo questa:
    codice:
    .table_border, table_border td {border: 1px solid #CCCCCC; border-collapse: collapse;}
    la assegno ad una tabella,come faccio ad evitare che venga assegnata anche alle tabelle che metto dentro alla prima...

    ho provato a creare un'altra classe (Senza bordi) ma non funziona...

    help!

  2. #2
    Sei sicuro? io ho provato:

    <style>
    .table_border, table_border td {border: 1px solid #CCCCCC; border-collapse: collapse;}
    </style>

    <table class="table_border">
    <tr><td>
    contenuto
    <table>
    <tr><td>
    contenuti interni
    </td></tr></table>

    </td>
    </tr>
    </table>


    e mi sembra che la table interna non prenda il css di quella esterna.

    Oppure non ho capito il problema?
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  3. #3
    scusa, colpa mia....
    ho sbagliato scrivere il css, manca un puntino

    codice:
    .table_border, .table_border td {border: 1px solid #CCCCCC; border-collapse: collapse;}

  4. #4
    Ah beh! allora per superare il css devi provare a scriverlo inline ad esempio:

    <td style="border:0;">
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  5. #5
    e per fare una cosa di questo tipo?
    stesso discorso?
    cioe, per ogni td devo specificare lo stile? direttamente nella pagina e non nel css?


    cioe' in pratica a me servirebbe, poter dare diversi stili a certe tabelle...
    una generale per il prodotto diciamo, piu altre piccole interne, con stile diverso, per i dettagli tipo i colori la disponibilitaà ecc...
    ma non ci riesco

  6. #6
    proprio vero che non c'e' niente come la pratica... e la testa dura!
    grazie dell'aiuto flanza
    (si vedono le immagini?)


    codice:
    <html>
    <head>
    <title>Untitled Document</title>
    </head>
    <style>
    	.tabella {border-collapse:collapse; border-top:1 solid #DDDDDD; border-bottom:1 solid #DDDDDD; border-left:1 solid #DDDDDD; border-right:1 solid #DDDDDD;}
    	.riga_solid {border-collapse:collapse; border-top:0; border-bottom:1 solid #DDDDDD; border-left:0 solid #DDDDDD; border-right:0 solid #DDDDDD;}
    	.riga_dashed {border-collapse:collapse; border-top:0; border-bottom:1 dashed #DDDDDD; border-left:0 solid #DDDDDD; border-right:0 solid #DDDDDD;}
    	
    	.text_h1 {font-family: "Verdana", sans-serif; font-size:10px; font-weight:200; color:#000000;}
    	.text_h2 {font-family: "Verdana", sans-serif; font-size:10px; font-weight:700; color:#000000;}
    </style>
    <body>
    <table class="tabella" cellspacing="0" cellpadding="5"> 
    	<tr>
    		<td class="riga_solid"><span class="text_h2">contenuti interni</span></td>
    	</tr>
    	<tr>
    		<td class="riga_dashed"><span class="text_h1">uno</span></td>
    	</tr>
    	<tr>
    		<td class="riga_dashed"><span class="text_h1">due</span></td>
    	</tr>
    	<tr>
    		<td class="riga_dashed"><span class="text_h1">tre</span></td>
    	</tr>
    </table> 
    </body>
    </html>

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.