[risolto][modificato] interferenza css di una tabella

[mahagonny]

sono mesi e mesi che tento di venirne a capo ma ormai ho perso la speranza.
Mi riferisco alla interferenza che i il css di una tabella(sia esso esterno o interno al codice html della stessa)ha con il template della pagina in cui viene pubblicata la tabella.
Ho tentato di applicare alcuni css di questapagina.
Ho letto e riletto la guida su template ma nulla.
Qualcuno ha pietà di me e mi spiega come si applicano i css alla tabella senza imp....re la pagina?
 

[dlando]

Beh dipende da che css applihi.
Cosa vorresti fare ?

[bigham]

Ciao mahagonny.

Intanto che ci spieghi esattamente il problema di dò alcune dritte.
Usando come browser Firefox è possibile scaricare l'estensione Web Developer Toolbar, utilissima in fase di sviluppo di un sito Joomla.
Fra le tante utilità ha anche la possibilità di visualizzare le informazioni sullo stile utilizzato per una particolare zona della pagina. Basta selezionare dal menù CSS --> View Style Information.

Se un CSS imp...na  una pagina probabilmente è perchè sono stati collegati più fosgli di stile in cascata e qualche classe/identificatore è duplicata nei diversi fogli di stile.

Se ho inteso bene tu hai un foglio di stile per la pagina (penso sia il default template_css.css) e un altro foglio di stile prelevato dalla pagina che hai linkato (suppongo il csstablegallery.css).

Controlla che i fogli di stile non abbiano classi/identificatori ripetuti.

A presto. 

PS
Capisco la tua disperazione però... cambia l'oggetto del post! 

[mahagonny]

pubblico il link ad una pagina di esempio

link

[dlando]

si ma continuo a non sapere cosa vuoi fare.

[bigham]

Allora:
Nel foglio di stile interno alla pagina ci sono delle incongruenze. E l'aggiunta del collegamento al secondo folgio di stile genera ulteriori errori.


1° consiglio:
Prova a eliminare dal css interno alla pagina la seguente classe:

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
   background: #800000;
   color: #ffffff;    }

e il difetto del cambio di colore dell'itera pagina sparisce.

2° consiglio: passa i folgi di stile al w3c validator http://jigsaw.w3.org/css-validator/ per controllare gli eventuali errori

Ciao

[mahagonny]

si ma continuo a non sapere cosa vuoi fare.

vorrei fare questo stile  di tabella senza incasinare tutta la pagina.

@bigham
l'ho fatto, in effetti non im....na tutta la pagina ma non funge la tabella.

[dlando]

i css che girano su quella pagina sono
http://icant.co.uk/csstablegallery/csstg.css
http://www.consulting1x1.com/csstg/redandblack.css

piu' questo javascript
http://www.consulting1x1.com/csstg/csstg.js

[bigham]

Scusami la domanda.
Ma lo stile della tabella lo vuoi applicare... a cosa?
Un contenuto statico tipo la tabella delle Sezioni?

Comunque ci sto lavorando.

[mahagonny]

Scusami la domanda.
Ma lo stile della tabella lo vuoi applicare... a cosa?
Un contenuto statico tipo la tabella delle Sezioni?

Comunque ci sto lavorando.

si ad un contenuto statico, ma, in generale, a tutte le tabelle che potrebbero essere necessaria.
Grazie, sei davvero gentile.

[bigham]

 
Così va bene? http://bigham.netsons.org/index.php/Sezioni.html
 

[mahagonny]

lol lol lol lol

[mahagonny]

attendo la spiegazione 

[bigham]

 
OK, per questa volta...

Le classi table, tbody, thead e tfoot sono classi che modificano l'aspetto di una tabella.
Il problema era che nei due template erano ambedue utilizzate! Quindi si davano fastidio a vicenda.

Io non ho fatto altro che creare quattro nuove classi
table.rossoenero x l'intera tabella
tbody.brossoenero x il corpo della tabella
thead.hrossoenero x l'intestazione della tabella
tfoot.frossoenero x il piede della tabella.

Così rimangono sempre classi per dare uno stile ad una tabella.

Il problema è stato applicarle ad un contenuto statico.
Procedi così:

• Scrivi la tabella con l'editor di testo senza usare nessuna formattazione per testo e celle. Al massimo metti i link
• Una volta completata la tabella visualizza il sorgente html del documento statico (il pulsante html dell'editor e metti come prima riga: <link href="templates/webnikaladybug/css/redandblack.css" rel="StyleSheet" type="text/css" /> che è il riferimento al foglio di stile
• modifica i seguenti tag html assegnando loro la giusta classe:
• • <table summary="Sezioni" class="rossoenero" ...
  • <thead class="hrossoenero">
  • <tbody class="brossoenero">
  • una riga si e una no modifica il tag <tr> in questo modo: <tr class="odd"> questo serve a creare le righe di diverso colore
  
  Questo è un esempio:
  

  <table summary="Sezioni" class="rossoenero" border="0" cellspacing="1" width="704">
     <thead class="hrossoenero">
        <tr>
  
           <th scope="col" width="166">Nome
           Sezione/G.S.</th>
           <th scope="col" width="268">Indirizzo</th>
           <th scope="col" class="centrato" width="166">
           Presidente/Commissario</th>
           <th scope="col" class="centrato" width="156">
           Sito web</th>
        </tr>
  
     </thead>
     <tbody class="brossoenero">
        <tr class="odd">
           <td width="166">ALEZIO</td>
           <td width="268">C/O STANCA C. VIA
           A.COSTA 70&nbsp;</td>
           <td width="166">&nbsp;</td>
           <td width="156">&nbsp;</td>
        </tr>
  
        <tr>
           <td width="166">ALTAMURA</td>
           <td width="268">VIA NOTARPIETRO 4&nbsp;</td>
           <td width="166">&nbsp;</td>
           <td width="156">&nbsp;</td>
        </tr>
        <tr class="odd">
           <td width="166">ANDRIA</td>
  
           <td width="268">VIA CAVOUR 76&nbsp;</td>
           <td width="166">&nbsp;</td>
           <td width="156">&nbsp;</td>
        </tr>
        <tr>
           <td width="166">BARI</td>
           <td width="268">VIA NAPOLI 395 b  </td>
  
           <td width="166">
           Malanga Cosimo</td>
           <td class="centrato" width="156">
           <a href="http://www.tsnbari.it/" target="_blank">
           www.tsnbari.it[/url]</td>
        </tr>
  

  
  Si potrebbe lavorare meglio disattivando completamente l'editor e lavorando direttamente con l'html.
  
  Lo so che non è una cosa agevole ma si tratta di applicare un foglio di stile ad un contenuto statico, quindi non credo ci sia altra soluzione.
  
  Ti allego il figlio di stile. Ti mancheranno alcune immagini ma quelle le puoi facilmente ricavare dalla tabella originale.
  
  
  

[allegato eliminato da un amministratore]

[mahagonny]

non uso mai l'editor di joomla, inserisco sempre e solo l'HTML,
la tua pazienza non ha limiti e ti ringrazio per questo.
Ti chiedo un ultimo favore potresti allegare tutto il codice che hai inserito in quel contenuto statico? 

[dlando]

penso sia sufficiente fate un "visualizza codice sorgente" e modificare le classi di carosino e corato che non hanno l'odd impostato nel <tr>

[bigham]

Ciao.

Puoi anche creare le tabelle con un altro editor e poi incollare il codice dentro un documento di joomla. Non è facile muoversi dentro i box di editing degli editor di joomla a meno di non modificarne drasticamente le dimensioni o lavorare a schermo intero. Io sarei per la prima soluzione 
OK, ti allego l'intero documento, ci avevo pensato ma ieri pomeriggio ero proprio cotto 

Per quanto riguarda la pazienza... ne ho da vendere! 

Ciao e alla prossima.



[allegato eliminato da un amministratore]

[dlando]

rettifico, avrebbero l'odd impostato ma probabilmente e' stato impostato con un carattere che viene tradotto in modo errato da joomla ^^

<tr class="zodd&quot;">

[bigham]

<tr class="zodd&quot;">

Si, hai ragione, mi sarà sfuggito nel marasma delle modifiche che ho fatto 
In realtà deve essere

<tr class="odd">

Grazie per la precisazione.

L'editor JoomlaFCK, se non erro, ha un pulsante che permette di creare un documento in base a dei modelli.
Non ho ancora avuto il tempo di provare ma, secondo me, sarebbe possibile creare un modello personalizzato da aggiungere a quelli già presenti.
Quindi creare un modello su una tabella già formattata e pronta per essere riempita con i dati.
Ciò non toglie che si può fare ugualmente creando una pagina con la tabella preformattata da modificare all'occorrenza e incollare dentro un documento statico.
Questione di scelte personali 

[mahagonny]

comincio a veder le stelle
 

[mahagonny]

Ti voglio ringraziare e ti segnalo dove ho dato pratica attuazione al tuo preziosissimo consigli ed alla tua altrettanto chiara spiegazione(ora che ci ho lavorato  )
http://www.tsnbari.it/index.php?option=com_content&task=view&id=171&Itemid=27

[bigham]

Complimenti! 
Anche per il sito!
Mi fa piacere che hai risolto, ma soprattutto che tu sia riuscito a capire la mia spiegazione 
Vedrò di prendere spunto per una eventuale miniguida. In questi giorni di "spunti" ne ho anche troppi. 

Ciao e a presto.

PS
potresti mettere [RISOLTO] nel titolo del post?

[mahagonny]