changer font d'une table

[grosloulou]

bonjour,
je sais que les tables c'est dépassé et qu'il est mieux d'ajouter des classes dans un css de joomla mais pour le moment j'apprends avec les moyens du bord !

comment puis-je changer (span ou div vide avec ligne span autour de ma table,...) :
font-size: 12px;
color: #646464;
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
line-height: 150%;



dans une table du type :

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td></td>
<td rowspan="2" align="right" valign="top">
<div style="float: right;"><img src="/images/gwapamode/istock 6.jpg" alt="Contact" align="middle" />
</div>
</td>
</tr>
<tr>
<td>
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td rowspan="6" valign="top" width="40"><img src="/images/gwapamode/con_address.png" alt="Adresse: " />
</td>
</tr>
<tr>
<td valign="top">Avenue Laboulle 31</td>
</tr>
<tr>
<td valign="top">Tilff</td>
</tr>
<tr>
<td valign="top">4130</td>
</tr>
</tbody>
</table><br />


merci d'avance
marc

[jisse03]

Re : changer font d'une table

Bonjour,

Tout simplement en CSS ou en utilisant un inline style:

<table style="width: 100%; font-size: 12px; color: #646464; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; line-height: 150%;" border="0">

par exemple

[grosloulou]

Re : changer font d'une table

super, merci

et pour mon titre comment faire de même :
<td class="contentheading" width="100%">Gwapa mode 1</td>
car il a déjà un width qui n'est pas dans un style ?
comme je n'utilise pas de css externe, je suppose que je peux enlever class="contentheading" ?

sur :

http://www.marclabro.com/index.php?option=com_content&view=article&id=19&Itemid=136

- pourquoi mailto apparait ?
- pourquoi avec border="0" je vois un fin contour bleuté ?

merci
marc

[jisse03]

Re : changer font d'une table

Il y a bien du css, et dans cette table, c'est ton personal.css ligne 1252 qui prend le pas

tr, td
{
    border:solid 1px #ddd
}

[grosloulou]

Re : changer font d'une table

merci
pas moyen d'avoir une table sans contour sur cette page alors ?

pq mailto apparait devant le lien ?

comment ajouter un style inline à un td ? ex: font-size: 12px; color: #646464; font-family: Trebuchet

merci
marc

[jisse03]

Re : changer font d'une table

Si au lieu de vouloir bricoler en inline, tu commençais par examiner les styles en jeu via Firebug ou l'explorateur de Chromium, Chrome ou Opera, tu verrais immédiatement quel CSS est en cause et tu modifierais le CSS en question.

[grosloulou]

Re : changer font d'une table

tu as raison mais je ne comprenais rien
j'ai trouvé un tuto elephorm qui :
- explique comment utiliser firebug pour connaitre les proprietes des éléments et les changer pour expérimenter momentanément
- donne le nom des css à modifier avec le nr de ligne
- explique où trouver les css dans gestion des templates. malheureusement pour des raisons inconnues joomla n'affiche pas les nr de lignes (c'est dommage, ça !)
- qui explique comment les afficher en installant extplorer qui montre l'arborescence, permet un raccourci sur le folder des css et affiche les nr de lignes
donc à présent je suis capable de modifier un h2 dans deux css différents. ouf !

mais comment ajouter des classes dans un css et quel css de joomla choisir ?
dois-je créer mon propre custom.css vide et l'uploader dans joomla par filezilla ?

Prenons un exemple :

http://www.karya.fr/newsletters/148-newsletter-44.html

permettant via un "bouton" (en fait du css d'un a) de téléchager un fichier (dans mon cas j'ai installé rsfile pour essayer)

dans html je vois le code :

<div class="karya_newsletter">
<div>
<img title="Newsletter of the Association Karya" alt="Newsletter of the Association Karya" src="/images/lettres_info/li_44-en-small.jpg">
<p class="readmore">
<a href="/telechargements/finish/7-newsletters/70-newsletter-num-44.html">Download</a>
</p>
</div>
<ul>
<li>Namasté, Tashi Delek.</li>
<li>An unexpected reunion.</li>
<li>Creation of a Nepali NGO, “Samaaj Sudhar Sanshta”.</li>
<li>Lhossar 2139: Tibetan New Year.</li>
<li>Agenda.</li>
</ul>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>

AVEC :

custom.css ligne 152
div.karya_newsletter div img {
border: 1px solid #A9A9A9;
box-shadow: 4px 4px 8px #AAAAAA;
float: right;
margin: 0 auto;
width: 120px;
}

div.karya_newsletter div p.readmore a {
float: none;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center;
width: 120px;
}

et, dans un hupcaps.css firebug indique :

a.download, button.button, input.button, p.readmore a, a.pagenav, span.pagenav, li.pagenav-prev a, li.pagenav-next a {
background: none repeat scroll 0 0 #D9D9D9;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px rgba(255, 255, 255, 0.4), 0 20px 20px -10px white inset;
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 24px;
padding: 0 12px;
}
p.readmore a {
float: right;
}
a {
color: #AB1E25;
text-decoration: none;
}

merci pour tes conseils
marc

[grosloulou]

Re : changer font d'une table

euh,
question idiote, au lieu d'essayer de créer des css... jce aurait-il pu :
- faire la liste (oui)
- aligner l'image à droite avec une marge (oui)
- placer un texte sous l'image pour créer cet effet de bouton ???????????????

merci
marc