Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : mahagonny 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 (http://tiroasegnobari.altervista.org/index.php?option=com_content&task=view&id=87&Itemid=27)
Come potete vedere mi scompagina tutta la pagina invece di formattare solo la tabella.
Il codice html è questo:
<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? :'(
-
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..
-
Niente. ho inserito direttamente nel suffisso CSS il nome del file senza path, con la path ma non va.
:'(
-
Il suffisso css non credo funzioni così. Prova a cercare qualche guida al suo utilizzo.
-
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!
-
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.
-
La solzione la trovi esposta nei manuali e tutorial in area download
fd
-
ho gli occhi a melanzana ma non ci capisco niente.
:'( :'( :'(
-
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?
-
Così per la tabella?
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
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.
-
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
-
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
-
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
-
grazie franco, sei stato davvero gentilissimo con questo testone che sono :-*