Complètement largué
-
- Participation 0
- Messages : 31
- Enregistré le : 26 janv. 2007, 22:14
- Localisation : Lot et Garonne
- Contact :
Complètement largué
Bon, j'avance dans mon custom.txt en piochant dans le custom de Chris60, mais j'ai tout de même un gros problème, ça concerne la mise en page des tags, rien n'est correctement aligné et je suis perdu, je ne comprends rien à la technique utilisée pour gérer les largeurs de colonnes. Alors je bricole, mais le résultat est pas terrible.
Voici le résultat en image : http://www.cheminanglade.fr/meteo/meteo-anglade.html
et là, voici un extrait du custom :
<BODY bgColor="#98FFF0">
<table border="1" width="100%" bgColor="#FFBF98">
<tr><td align="center" height="47" colspan="9"><font size="4" color="Black">
<b>Aperçu du Temps - %ws_location%  - %ws_altitude% au dessus du niveau de la mer</b></font></td></tr>
<tr><td align="center" height="47" colspan="9"><font size="4" color="Navy">
<b>%ws_remark1% <font size="2"> (Mise à jour toutes les 10 minutes)</b>
<br><b><font size="4">%ws_remark2%</b></font></td></tr>
<table border="1" width="100%" bgColor="#98E4FF">
<tr><td width="22%" height="47"><font color="blue"><b><nobr>Date</nobr></b></font></td>
<td align="center" width="7%" height="47"><img border="0" src="cal.gif" width="51" height="40"></td>
<td align="center" width="52%" height="47" colspan="7"><b><font size="6">%longdate%</font></b></td></tr>
<tr><td width="22%" height="46"><font color="blue"><b><nobr>Heure</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="clock.gif" width="41" height="40"></td>
<td align="center" width="52%" height="47" colspan="7"><b><font size="6">%ws_time%<font size="3"> Fuseau horaire %daylightname% (%ws_utc%h =
UTC-Time)</font></b></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>%longslabel[2]%</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="temp.gif" width="70" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuelle</font></b><br><b><font size="5"><nobr>%curval[2]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du Jour </b>(%mintempdaytime%)<br></font><b><font
size="4"><nobr>%mintempday%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtempdaytime%)<br></font><b><font
size="4"><nobr>%maxtempday%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,2]%</nobr></font></b></td></tr>
</table></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>%longslabel[18]%</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="hum.gif" width="75" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuelle</font></b><br><b><font size="5"><nobr>%curval[18]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du Jour </b>(%mintimecurday[18]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[1,0,18]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtimecurday[18]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[2,0,18]%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,18]%</nobr></font></b></td></tr>
</table></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>Point de Rosée</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="dewp.gif" width="75" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuel</font></b><br><b><font size="5"><nobr>%curval[43]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du jour </b>(%mintimecurday[43]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[1,0,43]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtimecurday[43]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[2,0,43]%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,43]%</nobr></font></b></td></tr>
</table></td></tr>
il y a forcément des paramètres qui font que tout doit s'aligner, mais j'ai besoin d'aide, je n'arrive pas à déchiffrer !!!
Merci d'avance ;)
Voici le résultat en image : http://www.cheminanglade.fr/meteo/meteo-anglade.html
et là, voici un extrait du custom :
<BODY bgColor="#98FFF0">
<table border="1" width="100%" bgColor="#FFBF98">
<tr><td align="center" height="47" colspan="9"><font size="4" color="Black">
<b>Aperçu du Temps - %ws_location%  - %ws_altitude% au dessus du niveau de la mer</b></font></td></tr>
<tr><td align="center" height="47" colspan="9"><font size="4" color="Navy">
<b>%ws_remark1% <font size="2"> (Mise à jour toutes les 10 minutes)</b>
<br><b><font size="4">%ws_remark2%</b></font></td></tr>
<table border="1" width="100%" bgColor="#98E4FF">
<tr><td width="22%" height="47"><font color="blue"><b><nobr>Date</nobr></b></font></td>
<td align="center" width="7%" height="47"><img border="0" src="cal.gif" width="51" height="40"></td>
<td align="center" width="52%" height="47" colspan="7"><b><font size="6">%longdate%</font></b></td></tr>
<tr><td width="22%" height="46"><font color="blue"><b><nobr>Heure</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="clock.gif" width="41" height="40"></td>
<td align="center" width="52%" height="47" colspan="7"><b><font size="6">%ws_time%<font size="3"> Fuseau horaire %daylightname% (%ws_utc%h =
UTC-Time)</font></b></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>%longslabel[2]%</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="temp.gif" width="70" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuelle</font></b><br><b><font size="5"><nobr>%curval[2]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du Jour </b>(%mintempdaytime%)<br></font><b><font
size="4"><nobr>%mintempday%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtempdaytime%)<br></font><b><font
size="4"><nobr>%maxtempday%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,2]%</nobr></font></b></td></tr>
</table></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>%longslabel[18]%</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="hum.gif" width="75" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuelle</font></b><br><b><font size="5"><nobr>%curval[18]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du Jour </b>(%mintimecurday[18]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[1,0,18]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtimecurday[18]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[2,0,18]%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,18]%</nobr></font></b></td></tr>
</table></td></tr>
<table border="1" width="100%">
<tr><td width="22%" height="46"><font color="blue"><b><nobr>Point de Rosée</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="dewp.gif" width="75" height="40"></td>
<td align="center" colspan="4"><table border="1" width="100%">
<td align="center" colspan="1" width="30%"><b><font size="1">Actuel</font></b><br><b><font size="5"><nobr>%curval[43]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Mini du jour </b>(%mintimecurday[43]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[1,0,43]%</nobr></font></b></td>
<td align="center" width="25%" colspan="1"><font size="1"><b>Maxi du Jour </b>(%maxtimecurday[43]%)<br></font><b><font
size="4"><nobr>%curminmaxhour[2,0,43]%</nobr></font></b></td>
<td align="center" colspan="1"><font size="1"><b>Moyenne</b><br></font><b><font size="4"><nobr>%curminmaxhour[3,0,43]%</nobr></font></b></td></tr>
</table></td></tr>
il y a forcément des paramètres qui font que tout doit s'aligner, mais j'ai besoin d'aide, je n'arrive pas à déchiffrer !!!
Merci d'avance ;)
Davis Vantage Pro2 + WeatherLink + WsWin32
- webmaster
- Site Admin
- Messages : 2611
- Enregistré le : 12 déc. 2006, 20:54
- Localisation : Rieux 51 FRANCE
- Contact :
Bonsoir,
Alors là tu touches du doigt un point sensible du HTML, les tableaux !
Difficile de t’apprendre la programmation là comme ça, en quelques mots.
Trouve-toi un petit bouquin sur les bases de la programmation ou consulte des sites sur le sujet.
Ton custom est basé sur différents tableaux, cela offre des avantages, mais aussi des inconvénients que tu découvres. S’il avait été construit sur un seul tableau les colonnes seraient alignées, mais par contre elles ont obligatoirement la même largeur de haut en bas, c’est très gênant également.
En gros pour te guider un peu :
Là tu indiques que le tableau prendra la largeur complète de l’écran, soit 100%.
La valeur que tu indiques derrière le tag width est le pourcentage que tu accordes à la colonne sur la largeur totale du tableau, dans ton cas 22% pour la première colonne, 7% pour la deuxième, 52% pour la dernière. Le solde est ajouté à la dernière colonne à moins que l’espace soit pris en supplément dans une autre à cause d’un texte trop long ou une image trop grande.
Pas facile à expliquer, le mieux est de te jeter dedans et de surveiller les modifications appliquées.
Et bon courage, nous sommes tous passés pas là !
Alors là tu touches du doigt un point sensible du HTML, les tableaux !
Difficile de t’apprendre la programmation là comme ça, en quelques mots.
Trouve-toi un petit bouquin sur les bases de la programmation ou consulte des sites sur le sujet.
Ton custom est basé sur différents tableaux, cela offre des avantages, mais aussi des inconvénients que tu découvres. S’il avait été construit sur un seul tableau les colonnes seraient alignées, mais par contre elles ont obligatoirement la même largeur de haut en bas, c’est très gênant également.
En gros pour te guider un peu :
Code : Tout sélectionner
<table border="1" width="100%" bgColor="#FFBF98">
Code : Tout sélectionner
<tr><td width="22%" height="46"><font color="blue"><b><nobr>Heure</nobr></b></font></td>
<td align="center" width="7%" height="46"><img border="0" src="clock.gif" width="41" height="40"></td>
<td align="center" width="52%" height="47" colspan="7"><b><font size="6">%ws_time%<font size="3"> Fuseau horaire %daylightname% (%ws_utc%h
Pas facile à expliquer, le mieux est de te jeter dedans et de surveiller les modifications appliquées.
Et bon courage, nous sommes tous passés pas là !
Cordialement
Rieux
Rieux
-
- Participation 2
- Messages : 141
- Enregistré le : 25 janv. 2007, 17:24
- Localisation : Grandfresnoy - Oise
- Contact :
Bonjour à tous,
Effectivement, je ne pourrais pas mieux répondre que Rieux. Il faut faire des essais, des essais et encore des essais et se documenter.
Moi même, je suis parti de zéro, le résultat n'est pas encore terrible (j'ai encore des colonnes non alignées, et par exemple mon tableau est parfait sur Aol alors qu'il est décalé avec Internet Explorer (?), mais bon, ça avance doucement .
Ne te décourages pas,
Bonne continuation
Chris
Effectivement, je ne pourrais pas mieux répondre que Rieux. Il faut faire des essais, des essais et encore des essais et se documenter.
Moi même, je suis parti de zéro, le résultat n'est pas encore terrible (j'ai encore des colonnes non alignées, et par exemple mon tableau est parfait sur Aol alors qu'il est décalé avec Internet Explorer (?), mais bon, ça avance doucement .
Ne te décourages pas,
Bonne continuation
Chris
-
- Participation 0
- Messages : 31
- Enregistré le : 26 janv. 2007, 22:14
- Localisation : Lot et Garonne
- Contact :
merci pour vos réponses et vos encouragements. C'est vrai que c'est space, car pour les mêmes valeurs, je n'obtient pas les mêmes résultats.
Au fait Chris, comment fais tu pour générer les mini-graphiques individuels (Températures, pressions, du jour, de la semaine, du mois) ....
j'ai essayé de cocher les cases dans la rubrique internet -> réglages mais manifestement je n'ai pas du cocher les bonnes :(
Au fait Chris, comment fais tu pour générer les mini-graphiques individuels (Températures, pressions, du jour, de la semaine, du mois) ....
j'ai essayé de cocher les cases dans la rubrique internet -> réglages mais manifestement je n'ai pas du cocher les bonnes :(
Davis Vantage Pro2 + WeatherLink + WsWin32
-
- Participation 0
- Messages : 31
- Enregistré le : 26 janv. 2007, 22:14
- Localisation : Lot et Garonne
- Contact :
voici l'adresse de mon site :
www.cheminanglade.fr/meteo/meteo-anglade.html
Tout ça pour montrer que votre aide m'a été précieuse et je vous en remercie.
Bon d'accord, il y a encore pas mal de travail, j'y bosse tous les soirs.
www.cheminanglade.fr/meteo/meteo-anglade.html
Tout ça pour montrer que votre aide m'a été précieuse et je vous en remercie.
Bon d'accord, il y a encore pas mal de travail, j'y bosse tous les soirs.
Davis Vantage Pro2 + WeatherLink + WsWin32