• User Attivo

    Far uso dei CSS per eliminare tutti gli attributi possibili degli elementi XHTML

    Ho questa riga di codice XHTML:

    <table border="0" cellspacing="0" cellpadding="0" width="100%">

    Come faccio a passare questi attributi in un foglio di stile? Che proprietà e valori di CSS devo usare per il corrispettivo table{...}?

    E ancora:

    <img src="" alt="" width="100" height="100" />

    In questo caso come risolvo?

    Sto adoperando l'XHTML 1.1 e visto che è versione Strict (la sola disponibile per la 1.1) voglio che sia tutto il possibile in CSS.

    Grazie!


  • Moderatore

    <table border="0" cellspacing="0" cellpadding="0" width="100%">

    Questo ti serve per inserire dati tabellari o per fare il layout?

    Btw: border:0; padding:0; width:100%; (qua poi dovresti giocare anche con il margin ed il padding dei vari tr, td, th)

    <img src="" alt="" width="100" height="100" />
    width:100px; height:100px;

    :ciauz:


  • User Attivo

    Per "dati tabellari" intendi dati riportati sottoforma di tabella (una tabella con i dati dentro quindi!) ?

    Uso CSS in questo caso solo per posizionare link, immagini, testo; quindi per il layout.

    Btw: border:0; padding:0; width:100%; (qua poi dovresti giocare anche con il margin ed il padding dei vari tr, td, th)

    "Btw" è abbreviato o è proprio così? Cosa definisce?
    Allora col width ci siamo;
    padding credo definisca alla stregua del "cellpadding" di XHTML, giusto?
    E per quanto riguarda "cellspacing" c'è una proprietà specifica o più o meno simile, o vanno bene solo specificare gli altri (ad esempio padding)?
    border ha la stessa funzione del "border" di XHTML, giusto?

    width:100px; height:100px;
    Perfetto; scoperto non intenzionalmente ieri notte per un altro elemento, non ci avevo proprio pensato ad usarlo anche qui, che scemo! 😄 Non pensavo ci fossero proprio i corrispondenti in CSS.

    Grazie tanto ancora!


  • Moderatore

    btw: by the way sta tipo per : d'altronde, del resto, a proposito. non è css 😄

    se poi cerchi con google troverai un casino di informazioni. Prova a chiedere ciò che non capisci 🙂


  • User Attivo

    btw: by the way sta tipo per : d'altronde, del resto, a proposito. non è css

    Scusa la figuraccia, ma davvero non lo sapevo. Ora so una cosa in più (così si fa, no?) 😉

    se poi cerchi con google troverai un casino di informazioni. Prova a chiedere ciò che non capisci

    Io cerco sempre col nostro G rande amico; ma a volte non trovo, perciò posto 🙂


  • User Attivo

    Comuqnue ho risolto! 😄

    table{
    	border: 0px;
    	border-collapse: collapse;
    	width: 100%;
    	}
    td{
    	padding: 0px;
         }
    

    Ho iserito la proprietà border per sicurezza: a video non aparriva nessuna differenza eliminandolo, ma meglio "stare sicuri".
    "border collapse: collapse;" mi permette di eliminare spazio tra i bordi delle celle, e tra i bordi delle celle e i bordi della tabella, così da sovrappore questi ultimi due.
    Con "padding" nella classe "td" elimino tutto lo spazio tra contenuto delle celle ed i suoi bordi.
    Fatto bene? 🙂

    CiaoCiao e grazie 1000!


  • User Newbie

    @ico1989 said:

    Comuqnue ho risolto! 😄

    table{
    	border: 0px;
    	border-collapse: collapse;
    	width: 100%;
    	}
    td{
    	padding: 0px;
        }
    

    Ciao ico, mi sono iscritto apposta a questo forum per ringraziarti! Avevo lo stesso identico problema, e applicando questo codice al CSS ho magicamente risolto!!! :vaiii:
    Certo che è una faticaccia fare documenti XHTML compatibili, per chi era abituato al vecchio HTML 4.0 soprattutto. :sbonk: