Autore Topic: Joomla, tabelle e CSS (Letto 5183 volte)

mahagonny · « **il:** 17 Feb 2007, 14:52:53 »

Disegno una tabella in un contenuto poi gli associo un CSS esterno caricato nella root del sito.
Il risultato è questo

Come potete vedere mi scompagina tutta la pagina invece di formattare solo la tabella.
Il codice html è questo:

Citazione

<link rel="stylesheet" type="text/css" href="file:http://dominiosito/chives-tables.css">

<body>

<table cellSpacing="0" width="587" border="0">
<tr style="HEIGHT: 13.5pt" height="18">
<td width="48" height="18"> </td>
<td width="289">C10 - 10 DONNE</td>
<td width="83">
<p align="center">Gruppo SuperA</td>
<td width="31"> </td>
<td width="31"> </td>
<td width="37"> </td>
<td width="31"> </td>
<td width="37"> </td>
</tr>
<tr style="HEIGHT: 13.5pt" height="18">
<td width="48" height="18">cl.</td>
<td width="289">Tiratore</td>
<td width="83">Sezione o G. S.</td>
<td width="31">...10</td>
<td width="31">...20</td>
<td width="37">...30</td>
<td width="31">...40</td>
<td width="37">punti</td>
</tr>
<tr style="HEIGHT: 13.5pt" height="18">
<td width="48" height="18">1 </td>
<td width="289">NARDUCCI ANTONELLA</td>
<td width="83">FOGGIA</td>
<td align="right" width="31">95</td>
<td align="right" width="31">98</td>
<td align="right" width="37">99</td>
<td align="right" width="31">96</td>
<td align="right" width="37">388</td>
</tr>
<tr style="HEIGHT: 13.5pt" height="18">
<td width="48" height="18">2 </td>
<td width="289">RICCI PAOLA</td>
<td width="83">CANDELA</td>
<td align="right" width="31">95</td>
<td align="right" width="31">95</td>
<td align="right" width="37">98</td>
<td align="right" width="31">99</td>
<td align="right" width="37">387</td>
</tr>
</table>
</body>

Qualche suggerimento?

kappe · « **Risposta #1 il:** 17 Feb 2007, 16:49:12 »

Ad ogni contenuto, dal pannello di edit di amministrazione sotto la voce parametri, puoi assegnare un suffisso css.

Non mi sono mai trovato nella tua situazione ma credo che quella dovrebbe essere la strada giusta..

mahagonny · « **Risposta #2 il:** 17 Feb 2007, 17:36:46 »

Niente. ho inserito direttamente nel suffisso CSS il nome del file senza path, con la path ma non va.

kappe · « **Risposta #3 il:** 17 Feb 2007, 19:56:51 »

Il suffisso css non credo funzioni così. Prova a cercare qualche guida al suo utilizzo.

mahagonny · « **Risposta #4 il:** 17 Feb 2007, 20:37:37 »

Citazione

Crei un tuo file CSS e lo metti insieme a quello del template, nella cartella /templates/NOME/css.
Dopodichè apri il file index.php del template ed inserisci il riferimento al tuo CSS.

ho provato a seguire questa strada ma il risultato è il medesimo
Arrrggghhh!

gmassi · « **Risposta #5 il:** 17 Feb 2007, 20:55:50 »

Hai un tag <body> subito prima dell'inizio della tabella. Devi toglierlo perchè probabilmente confonde il browser.

Poi
<link rel="stylesheet" type="text/css" href="file:http://dominiosito/chives-tables.css">

Non può stare dove lo hai messo tu. La cosa più semplice è inserirlo in index.php del template (tra <head> e </head>) anche se facendo così il css viene aggiunto a tutte le pagine del sito.

joomlapixel · « **Risposta #6 il:** 17 Feb 2007, 21:54:26 »

La solzione la trovi esposta nei manuali e tutorial in area download
fd

mahagonny · « **Risposta #7 il:** 18 Feb 2007, 11:50:19 »

ho gli occhi a melanzana ma non ci capisco niente.

mahagonny · « **Risposta #8 il:** 19 Feb 2007, 22:10:14 »

Provo a rispondermi da solo
.classetabella{
<qui vanno le impostazioni CSS per la tabella>
}
nel css del template.
Poi nella tabella bisogna inserire questo:
<table class="classetabella">
giusto?

mahagonny · « **Risposta #9 il:** 20 Feb 2007, 09:12:47 »

Così per la tabella?

Citazione

Citazione:
<table class="classetabella">
<tr>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>

</table>

Così per il css

Citazione

parte omessa del css del template

.classetabella {

table {
border: 1px solid #6699CC;
width: 100%;
}

caption {
background-image:url('images/top_texture.gif');
color:#ffffff;
height: 45px; text-align:left; font-style:normal; font-variant:normal; font-weight:700; font-size:15px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:1.4em; padding-right:0; padding-top:0.5em; padding-bottom:0
}

thead th{
background-image:url('images/head_texture.gif');
color:#112553; height: 30px; font-style:normal; font-variant:normal; font-weight:700; font-size:13px; font-family:Tahoma, Verdana, Arial, sans-serif
}

tr { background-color:#E4E4E4;}

.odd { background:#D6DBE4;}

th, td {
font: 11px normal Tahoma, Verdana, Arial, sans-serif; color:#003366;
padding-left: 10px; padding-right: 10px; height:60px;
}

a {text-align:center;}

th a:link {
color:#000066;
display:block; background:url('images/a_texture.gif');; font-style:normal; font-variant:normal; font-weight:700; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

th a:visited {
color:#000033;
display:block; background:url('images/a_texture.gif');; font-style:normal; font-variant:normal; font-weight:700; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

th a:hover {
display:block; background:url('images/a_texture2.gif');
color:#003399; font-style:normal; font-variant:normal; font-weight:700; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

td a:link {
color:#000066; text-decoration:none;
display:block; background:url('images/a_texture.gif');; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

td a:visited {
color:#000033; text-decoration:none;
display:block; background:url('images/a_texture.gif');; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

td a:hover {
display:block; background:url('images/a_texture2.gif');
color:#003399; text-decoration:underline; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Tahoma, Verdana, Arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

tfoot {
background-image:url('images/top_texture.gif');
}

tfoot>tr th {

background-image:url('images/top_texture.gif');
}
tfoot>tr td {

background-image:url('images/top_texture.gif');
}

tfoot tr th {
font: 700 15px Tahoma, Verdana, Arial, sans-serif;
color:#ffffff;
}

tfoot tr td {
font: 700 15px Tahoma, Verdana, Arial, sans-serif;
color:#ffffff;
}

insomma non funge.

joomlapixel · « **Risposta #10 il:** 20 Feb 2007, 10:44:24 »

Allora,cerchiamo di fare un pò di ordine............
Bisogna partire innanzitutto dal template che stai usando,assegnare un css aggiuntivo senza conoscere la zona di output interessata (modulo,contenuto,tabelle alternate etc etc) non serve a un bel niente,perchè l'output è appunto regolato da classi specifiche.
Quando ho risposto che la soluzione era nei tutorial,volevo proprio dire questo:
studia i css di joomla,e con l'aiuto degli altri tutorial individua con esattezza la zona che intendi modificare.
Apprezzo il fatto che cerchi di imparare,ma ti stai ostinando a seguire la strada sbagliata.
fd

mahagonny · « **Risposta #11 il:** 20 Feb 2007, 17:41:23 »

Ti ringrazio per la pazienza dimostrata. Ma il mio problema è la scarsità di tempo per arrivare ad una soluzione immediata.
Ritorno quindi a bomba: è possibile associare ad un contenuto(in particolare la tabella appunto) un css diverso, esterno al css del template? e se si, in quale modo?

Ancora grazie per la pazienza

joomlapixel · « **Risposta #12 il:** 20 Feb 2007, 17:58:15 »

Si
ma devi conoscere la zona dell'output interessata,a quel punto crei una classe aggiuntiva e la assegni dal backend.
Trova il tempo almeno di leggere il post sulle estensioni di firefox in rilievo in questa board,lo troverai utile.
fd

mahagonny · « **Risposta #13 il:** 21 Feb 2007, 00:36:31 »

grazie franco, sei stato davvero gentilissimo con questo testone che sono

Autore Topic: Joomla, tabelle e CSS (Letto 5183 volte)

mahagonny

Joomla, tabelle e CSS

kappe

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

kappe

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

gmassi

Re: Joomla, tabelle e CSS

joomlapixel

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

joomlapixel

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS

joomlapixel

Re: Joomla, tabelle e CSS

mahagonny

Re: Joomla, tabelle e CSS