Archives du mot-clé html

Relooking de l’INFRAMONDE

J’avais laissé tomber le CSS et autre HTML depuis quelque temps. Et puis voilà, cela m’a repris! Alors, j’ai un peu transformé le thème de l’INFRAMONDE. Comme d’habitude, il ne s’agit que de transformations mineures puisque le thème de base, DKRET reste en place.
J’ai commencé par mettre une image en fond d’écran, histoire de moderniser un peu mon Blog (c’est mon goût en tout cas!). En échange, l’image d’entête disparait.
La partie ‘Articles’ retrouve un fond blanc, afin de mettre en évidence cette partie. J’ai ensuite voulu ajouter des transparences et arrondir les angles. Quand je dis arrondir les angles, cela n’est pas (encore) valable sous Internet Explorer(1)! Je vais tâcher d’y remédier dans les jours à venir.
Si vous aimez cette nouvelle présentation, n’hésitez pas à me le faire savoir!

  1. Pour la petite histoire, Internet Explorer et Firefox ne se comportent pas de la même façon face au code CSS. N’étant pas spécialiste, j’ai bien du mal à monter un truc qui soit universel du premier coup. []
1

dessine moi un tableau

WordPress a un avantage certain sur nombre de ses concurrents, c’est sa grande souplesse! Entre autres, il est possible d’insérer du code HTML pour la mise en page des articles. Petite illustration: Comment disposer quatre images dans l’article que l’on veut écrire?(1) :

Voici le code que j’ai inséré sur la page pour obtenir ce tableau!

<table style="border: 2px solid yellow; background-color: transparent;" align="center"
border="2" cellpadding="1" cellspacing="1">  
<tbody>
<tr>
<td><img src="http://.../1.jpg"></td>
<td><img src="http://.../2.jpg"></td>
</tr>
<tr>
<td><img src="http://.../3.jpg"></td>
<td><img src="http://.../4.jpg"></td>
</tr>
</tbody>
</table>

– pour modifier la taille de la bordure changer « 2px »
– pour modifier la couleur de la bordure changer « yellow »
– pour modifier l’alignement du tableau changer « center », etc, etc, …


    Voilà, ce n’est pas grand chose, (de toute façon, je n’y connait pas grand chose) mais quand on connait les difficultés à conserver une mise en page stable suivant le navigateur utilisé, ça peut servir!
    « Mesdames et messieurs, sur votre droite, vous pouvez admirer le même tableau en simplifié! Voilà, la visite est terminée! »
  1. Notez que cela aurait pu être du texte dans une ou plusieurs cases, j’aurais pu rajouter un ou plusieurs liens, etc… []