Joueb.com
Envie de créer un weblog ?
ViaBloga
Le nec plus ultra pour créer un site web.
Débarrassez vous de cette publicité : participez ! :O)
 
Retour à la page principale

Joueb/CSS

Joueb d'entraide pour la conception de pages Web : HTML, CSS etc.

Session
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?

Création de css basique
Voila mon problème : utilisateur depuis peu d'un blog avec radio francophone, je me suis attelé à modifier son gabarit.

Je me suis documenté, et j'ai plus ou moins réussi à définir mes balises de départ (ie : les h1, h2, header et autres a-link).

Jusque ici, ça va.

La où ça se complique, c'est quand j'ai voulu toucher au décors du thème, c'est à dire à ce qu'il y a autour. En voulant remplacer les images en place par d'autres, c'est parti en vrille jusqu'a ce que je m'y perde complètement. Faut dire qu'apparemment, les deux cadres d'en haut et du coté droit sont en réalité plein de "table" emboitées les unes dans les autres.

Ce que je veux faire est simple : mettre un rectangle (une image placée dans le répertoire wwww/images de radio) à gauche avec mes "liens amis " dedans, et un rectangle en haut avec le titre de mon weblog.

Voila ma question : est-ce que quelqu'un peut essayer de me traduire en français ce que ce qui suit représente ?

Est-ce le décor du haut? (a priori, si je me repère aux macros)
Ecrit par joxi, le Dimanche 10 Novembre 2002, 16:52 dans la rubrique "Premiers Pas".

Commentaires :

joxi
10-11-02 à 16:56

code qui pose problème

Voila mon problème : utilisateur depuis peu d'un blog avec radio francophone, je me suis attelé à modifier son gabarit.



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="<%radio.macros.imageurl ("images/ciblueHeaderBG001.gif")%>" valign="top">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="<%radio.macros.imageurl ("images/ciblueHeaderTitleBG.gif")%>">
<table width="545" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25" background="<%radio.macros.imageurl ("images/shim.gif")%>"><%radio.macros.imageref ("images/shim.gif", width:"25", height:"1")%></td>
<td width="100%" background="<%radio.macros.imageurl ("images/shim.gif")%>"><%radio.macros.imageref ("images/shim.gif", width:"400", height:"1")%></td>
</tr>
<tr>
<td width="25" background="<%radio.macros.imageurl ("images/shim.gif")%>"><%radio.macros.imageref ("images/shim.gif", width:"25", height:"119")%></td>
<td width="100%" background="<%radio.macros.imageurl ("images/shim.gif")%>" valign="top">
<table width="152%" border="0" cellspacing="0" cellpadding="0" height="67">
<tr>
<td><%radio.macros.imageref ("images/shim.gif", width:"10", height:"40")%></td>
</tr>
<tr>
<td valign="top"><font size="+2" color="#000000"><b>
<a href="<%radio.macros.weblogUrl ()%>" style="color:Black; text-decoration:none"><%siteName%></a> </b></font><br>
<font color="#ffffff"><i><%description%></i></font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>



 
Biz
10-11-02 à 19:53

Re: code qui pose problème

Moi a ta place, j'essaierai de partir d'une skin beaucoup plus simple, si possible qui n'utilise pas 500 tables pour positionner des tas de petits bouts d'images.

Je n'ai pas fait le tour des skins de Radio, mais celle que JY utilise a l'air bien plus simple par exemple.

Plus la skin est graphiquement complexe au depart, plus elle sera difficile a comprendre et changer.

 
Biz
10-11-02 à 19:54

Re: creation de css basique

Une remarque a propos du titre "creation de css basique" : prendre une page pleine de tables et essayer de la changer en utilisant les CSS, ca n'a rien de basique. ;-)

 
Anonyme
12-11-02 à 16:40

Re: Re: creation de css basique

ok, ok ... J'ai vite laissé tombé d'ailleurs! Le tout, c'était de comprendre que c'était plein de tableaux les uns dans les autres...

J'ai opté pour un autre code plus simple, mais j'ai encore un problème : comment faire pour que le contenu d'une case de tableau soit aligné en haut de la case ? en l'occurence, le contenu est la macro <%navigatorlink%>.
<a href="http://leweblog.com/0001019">Mes liens sont centrés </a>et leur position s'adapte à la taille de la colonne de droite, le <%body text%>

 
Biz
12-11-02 à 19:59

Contenu d'une case de tableau aligne en haut

<td valign="top">Ton contenu</td>

 


Version  XML  - Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.