Jump to content
Sign in to follow this  
Followers 0
eole

Question Technique : Affichage D'images

Recommended Posts

Sur la page de certaines caches, on peut voir toute une mise en page avec photos, tableaux, texte, etc. Par exemple, la cache Le Trésor d'outre-tombe.

Quelqu'un peut-il m'indiquer comment on peut faire ça, ne serait-ce que l'affichage d'une photo sur la page de la cache ?

Edited by dop78

Share this post


Link to post

Salut,

 

Il faut écrire un peu de HTML. Mais en regardant tes caches je crois que tu sais en faire un peu (tiens, ces textes "Français" et "English" en gras, je les ai vu qqpart... ;))

 

Si tu as uploadé un fichier et tu as son adresse (du style http://img.Groundspeak.com/cache/hexamachinpaspossible.jpg), tu inclus dans ta description la balise suivante:

 

<IMG SRC="http://img.Groundspeak.com/cache/hexamachinpaspossible.jpg">

 

Ensuite pour raffiner le look de la page, voir "HTML pour les nuls" ou autre manuel d'introduction...

 

Nick

Share this post


Link to post

Pour Dop78

Il suffit de faire un clique droit sur la page et ensuite de choisir "view page source" et cela donne un truc du genre

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>

<title>(GCM10T) Le Trésor d’outre-tombe by stephbar92</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../css/geo.css" rel="stylesheet" type="text/css" />

<script language=javascript>
<!--
if ((navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 3) || parseInt(navigator.appVersion) >= 4) {
       rollOvers = 1;
}       else {
       if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4) {
               rollOvers = 1;
       } else {
               rollOvers = 0;
       }
}

// Code added 10:10 AM 8-16-2004 by Sean
// forces site to run in own space (avoids hotmail bar when accessed from email link)
//---begin new code---
if (top.frames.length!=0)
{
  top.location=self.document.location;
}
//---end new code---

if (rollOvers) {

   mainRoll = new Image(50,53);
   mainRoll.src = "../images/nav/logo_sub.gif";
   nav1Roll = new Image(50,53);
   

   mainOn = new Image(120,22);
   mainOn.src = "../images/nav/logo_sub.gif";
   nav1On = new Image(120,22);
   nav1On.src = "../images/nav/start_up.gif";
   nav2On = new Image(120,22);
   nav2On.src = "../images/nav/hide_seek_up.gif";
   nav3On = new Image(120,22);
   nav3On.src = "../images/nav/find_a_benchmark_up.gif";
   nav4On = new Image(120,22);
   nav4On.src = "../images/nav/track_bugs_up.gif";
   nav5On = new Image(120,22);
   nav5On.src = "../images/nav/forums_up.gif";
   nav6On = new Image(120,22);
   nav6On.src = "../images/nav/resources_up.gif";
   nav7On = new Image(120,22);
   nav7On.src = "../images/nav/contact_up.gif";
   nav8On = new Image(120,22);
   nav8On.src = "../images/nav/my_account_up.gif";     

 
   mainOff = new Image(120,22);
   mainOff.src = "../images/nav/logo_sub.gif";
   nav1Off = new Image(120,22);
   nav1Off.src = "../images/nav/start_down.gif";
   nav2Off = new Image(120,22);
   nav2Off.src = "../images/nav/hide_seek_down.gif";
   nav3Off = new Image(120,22);
   nav3Off.src = "../images/nav/find_a_benchmark_down.gif";
   nav4Off = new Image(120,22);
   nav4Off.src = "../images/nav/track_bugs_down.gif";
   nav5Off = new Image(120,22);
   nav5Off.src = "../images/nav/forums_down.gif";
   nav6Off = new Image(120,22);
   nav6Off.src = "../images/nav/resources_down.gif";
nav7Off = new Image(120,22);
   nav7Off.src = "../images/nav/contact_down.gif";
nav8Off = new Image(120,22);
   nav8Off.src = "../images/nav/my_account_down.gif";

   

}
function mOver(imgName) {
if (rollOvers) {
 imgOn = eval(imgName + "On.src");
 document[imgName].src = imgOn;

 rollOn = eval(imgName + "Roll.src");
 document.rollTxt.src = rollOn;

}
}
function mOff(imgName) {
if (rollOvers) {
 imgOff = eval(imgName + "Off.src");
 document[imgName].src = imgOff;

 document.rollTxt.src = "../images/nav/logo_sub.gif";

}  
}
// -->
</SCRIPT>


<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

</head>
<body bgcolor="#74914f"   leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
 <td colspan=2 height=19 bgcolor="#666666" class="miniwhite">
 <table border=0 cellpadding=0 cellspacing=0 width=100%>
 <tr>
   <td width="50%" height="19" bgcolor="#666666" class="miniwhite"> <a src="../images/nav/logo_gs_sub.gif" width="70" height="53" border="0" /></a><a href="../" id="Header1_A2" class="miniwhite"><img id="Header1_rollTxt" name="rollTxt" src="/images/nav/logo_sub.gif" alt="" border="0" height="53" width="50" /></a></td>
             </tr>
             <tr> 
               <td height="22"><a href="../about" onmouseover="mOver('nav1')" onmouseout="mOff('nav1')"><img src="../images/nav/start_down.gif" alt="Getting Started" name="nav1" width="120" height="22" border="0" /></a></td>
             </tr>

             <tr> 
               <td height="2"><img src="../images/nav/menu_div.gif" width="120" height="1" /></td>
             </tr>
             <tr> 
               <td><a href="../seek" onmouseover="mOver('nav2')" onmouseout="mOff('nav2')"><img src="../images/nav/hide_seek_down.gif" name="nav2" alt="Hide & Seek a Cache" width="120" height="22" border="0" /></a></td>
             </tr>
             <tr> 
               <td><img src="../images/nav/menu_div.gif" width="120" height="1" /></td>
             </tr>
             <tr> 
<FONT face="Verdana" size="1">(ratings out of 5 stars. 1 is easiest, 5 is hardest)</FONT><br>
<FONT size="2"><FONT face="Verdana">Difficulty: 
 	<span id="Difficulty"><IMG SRC="../images/staryellow.gif" width=18 height=18 alt="*"><IMG SRC="../images/staryellow.gif" width=18 height=18 alt="*"></span>  
 	Terrain: <span id="Terrain"><IMG SRC="../images/stargreen.gif" width=18 height=18 alt="*"><IMG SRC="../images/stargreen.gif" width=18 height=18 alt="*"><IMG SRC="../images/stargreen.gif" width=18 height=18 alt="*"></span><FONT face="Verdana"></FONT></FONT>
       </FONT>
<p><FONT face="Verdana"></FONT></p>
<FONT face="Verdana" size="2">

 <P></P>
 <P>
 	<BLOCKQUOTE><span id="LongDescription">Le Trésor d'outre Tombe
<body background="http://steph.barreau.free.fr/favreuse/photos/divers/img/back.gif">
<table width="610" border="0">
 <tr>
   <td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup1.jpg" width="300"></td>
   <td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup2.jpg" width="300"></td>
 </tr>

</table>
<hr>
<p><font face="Tahoma" size="-1"><i><font size="+1">:: Version Française 
 </font></i> </font> </p>
<table width="610" border="1">
 <tr bgcolor="#999999"> 
   <td colspan="2"><font face="Tahoma" size="-1"><b><font color="#FFFFFF">Information</font></b></font></td>
 </tr>
 <tr> 
   <td align="left" valign="top" width="69%"> 
     <table width="100%" border="0">

       <tr> 
         <td width="5%"><img src="http://steph.barreau.free.fr/geocaching/valleeloup/couverture.gif"></td>
         <td width="95%"><font face="Tahoma" size="-1">Le " Trésor 
           d'outre-tombe" se trouve dans le <a href="http://194.254.135.72/parcs/parcs/loups/" target="_blank">parc 
           de la vallée aux loups</a> de Chatenay-Malabry au sud-ouest 
           de Paris. </font></td>
       </tr>

     </table>
     <table width="100%" border="0">
       <tr> 
         <td colspan="2"> 
           <p><font face="Tahoma" size="-1"><a href="http://194.254.135.72/parcs/parcs/loups/plandacces.htm" target="_blank">Moyens 
             d'accès : </a><br>
             o Voiture : Autoroute A 86, sortie n° 29 (Châtenay-Malabry)<br>
             o RER : Ligne B, station Robinson<br>

             o Bus :179 - 194 - 194a - 195 - 198<br>
             </font></p>
           <blockquote> 
             <p> </p>
           </blockquote>
         </td>
       </tr>
       <tr> 
         <td width="52%"><font face="Tahoma" size="-1"><a href="http://194.254.135.72/parcs/parcs/loups/planvl.htm" target="_blank">-> 
           Télécharger le Plan du parc</a></font></td>

         <td width="48%"><img src="http://steph.barreau.free.fr/geocaching/valleeloup/sign.gif" width="200"></td>
       </tr>
     </table>
     
     <p> </p>
   </td>
   <td width="31%"> 
     <p><font face="Tahoma" size="-1">Heures d'ouverture du parc</font></p>
     <table width="23%" border="1">
       <tr> 
         <td width="7%"><font face="Tahoma" size="-1">Mois</font></td>

         <td width="12%"><font face="Tahoma" size="-1">Ouverture</font></td>
         <td width="81%"><font face="Tahoma" size="-1">Fermeture</font></td>
       </tr>
       <tr> 
         <td width="7%" height="25"><font face="Tahoma" size="-1">1</font></td>
         <td width="12%" height="25"><font face="Tahoma" size="-1">08h00</font></td>
         <td width="81%" height="25"><font face="Tahoma" size="-1">17h00</font></td>

       </tr>
       <tr> 
         <td><font face="Tahoma" size="-1">2</font></td>
         <td width="12%"><font face="Tahoma" size="-1">08h00</font></td>
         <td width="81%"><font face="Tahoma" size="-1">18h00</font></td>
       </tr>
       <tr> 
         <td width="7%"><font face="Tahoma" size="-1">3</font></td>

         <td width="12%"><font face="Tahoma" size="-1">07h30</font></td>
         <td width="81%"><font face="Tahoma" size="-1">19h00</font></td>
       </tr>
       <tr> 
         <td width="7%"><font face="Tahoma" size="-1">4</font></td>
         <td width="12%"><font face="Tahoma" size="-1">07h00</font></td>
         <td width="81%"><font face="Tahoma" size="-1">20h30</font></td>

       </tr>
       
       <tr> 
         <td width="7%"><font face="Tahoma" size="-1">8</font></td>
         <td width="12%"><font face="Tahoma" size="-1">07h00</font></td>
         <td width="81%"><font face="Tahoma" size="-1">20h30</font></td>
       </tr>
       <tr> 
       E002° 15.<b>YYY</b></font></p>
     <p> </p>
     <p></p>
</td>
 </tr>
</table>yr cnep fbhf ha neohfgr.<p>Gur pnpur vf arne n yvggyr jnl gung vf nebhaq gur cnex haqre n fueho</span></P>
</FONT>
<P><BR clear="all">

 <FONT size="2"><FONT face="Verdana">
   <span id="LargeMap"><A href="http://www.mapquest.com/maps/map.adp?latlongtype=decimal&latitude=48.773383&longitude=2.267483" target="_blank" ><IMG ALIGN="right" WIDTH="288" HEIGHT="243" SRC="http://maps.Groundspeak.com/20/185686_files/image_map.gif" BORDER="0"></a></span><font face="Verdana"><span id="FindText"><FONT size="2"><strong>Find...</strong><br></STRONG><font face="Verdana">...other caches <A href="./nearest.aspx?u=stephbar92" >hidden</A> or <A href="./nearest.aspx?ul=stephbar92">found</A> by this user</font><BR><font face="Verdana">...nearby <A href="./nearest.aspx?tx=40861821-1835-4e11-b666-8d41064d03fe&lat=48.773383&lon=2.267483">caches of this type</A></font><BR><font face="Verdana">...all nearby <A href="./nearest.aspx?lat=48.773383&lon=2.267483">caches</A></font><BR></span></font></FONT></FONT></P>
<P><font face="Verdana"><BR>

 	<span id="MapText"><font face="Verdana" size="2"><STRONG>For online maps...</FONT></STRONG><BR></font></span>
 	<span id="MapLinks_MapLinks"><a href="http://www.geocaching.com/map/getmap.aspx?lat=48.77338&lon=2.26748" target="_blank">Geocaching.com Maps</a><br /><a href="http://maps.google.com/maps?q=48.77338+2.26748" target="_blank">Google Maps</a><br /><a href="http://www.mapquest.com/maps/map.adp?latlongtype=decimal&latitude=48.77338&longitude=2.26748" target="_blank">MapQuest</a><br /><a href="http://maps.yahoo.com/maps_result?lat=48.77338&lon=2.26748" target="_blank">Yahoo Maps</a><br /><a href="http://mappoint.msn.com/map.aspx?C=48.77338%2c2.26748&A=35.83333&P=|48.77338%2c2.26748|1|GCM10T|L1|&L=EUR" target="_blank">Microsoft MapPoint</a><br /></span>
<BR clear="all">
</P>
<P><FONT face="Verdana" size="2"><span id="Images"><font face="Verdana" size="2"><img src="../images/icon_camera.gif"> <A HREF="http://img.Groundspeak.com/cache/0397f588-c209-4d45-9b4d-be46a342bb12.jpg"<A NAME="10632035"><A HREF="../profile/?guid=a3d16d5e-4004-4797-bc92-4bb6214ad8dc">Aladdin</A></strong> (348 found)<br><br>Stephbar92, thanks for the nice walk through this park.<br>Used the spoiler photo because of bad GPS receiption and a lot of leaves on the ground.<p>ALbert+INeke<p>Out: Sac a Rots and TB Jeep 4X4 - In: Stickers and Eraser<p><br>[<A href="./log.aspx?LUID=15f9d301-0286-480e-a794-edd86f90359e">view this log on a separate page</A>]</font></td></tr><tr><td VALIGN='TOP' ALIGN='LEFT'><font face='Verdana' size='2'><STRONG><IMG SRC='http://www.geocaching.com/images/icons/icon_smile.gif'> October 1 by <A NAME="10555627"><A HREF="../profile/?guid=a9b638de-4d32-42fd-b7b7-6fe401bb8865">dop78</A></strong> (52 found)<br>Merci pour cette belle promenade historique dans le parc. Le jardin de la mémoire est émouvant.<p>Thanks for that nice and historical walk in the park. The Memorial Garden is touching.<p>IN : TB Jeep 4x4, and a yellow car<br>OUT : TB Schnuck, and a CD "j'apprends à lire"<br>[<A href="./log.aspx?LUID=392fa4d3-ba51-47e4-8a89-196a1d14e98a">view this log on a separate page</A>]</font></td></tr><tr><td VALIGN='TOP' ALIGN='LEFT'><font face='Verdana' size='2'><STRONG><IMG href="http://www.geocaching.com/about/termsofuse.aspx" class="footer">Terms of Use</A>. Read our <a HREF="http://www.geocaching.com/about/logousage.aspx" class="footer">Geocaching Logo Usage Guidelines</a></font>
 </center>
 <br>
</body>

</HTML>

</FONT>

 

Attention le code d'un autre n'est pas toujours valable pour soi et il y a aussi un respect, pas de pillage, ceci est purement un exemple (ne pas recopier betement)

 

Et j'ai aussi volontairement effectué des coupes.

Share this post


Link to post

@jipebe91 : ce que tu m'indiques, je sais faire, mais ce n'est pas toujours très utile parce-que souvent trop touffu. :P Il n'y a qu'à voir ton post, que tu as pourtant coupé...

 

@sTeamTraen : euh, effectivement je me suis inspiré de géocacheurs expérimentés et de bon goût pour quelques effets simples de mise en page ! ;) Merci pour ça.

Merci aussi pour l'indication que tu me donnes, c'est ce que je cherchais.

Quant à "HTML pour les Nuls" : j'ai passé mes premières années professionnelles à programmer (à une époque où les PC existaient à peine), puis je me suis ensuite orienté vers le marketing. Alors je n'ai plus vraiment le courage de me replonger dans un manuel de programmation :P

 

Bon je vais essayer de mettre en application l'insertion d'image sur les 4 caches que j'ai faites ce week-end, pour le plaisir des géocacheurs parisiens. C'est vrai, il ne me semble pas normal que l'Alsace et le Doubs soient les seules régions de France dont le nombre de caches augmente régulièrement. :P

C'est un appel aux Parisiens / Franciliens : à vos GPS ! :P

Edited by dop78

Share this post


Link to post

Le code que je montre est le résultat d'un frontpage ou tout autre programme de html.

Donc même si tu génères pas toi même le code le programme utilisé lui si.

Ensuite à toi de voir ce que tu veux simplement présenter.

Share this post


Link to post

Un petit exemple vaut mieux qu'un long discourt, jettes un oiel sur L'Etang de la Tour.

J'y ai mis les quelques balises généralement suffisantes pour faire un belle page.

Share this post


Link to post

Ah la vache ! je reviens de 10 caches ce week-end vers Laon et Reims parce que j'avais plus grand chose dans le coin et ça pousse ici comme un rien :P

Et à coté de ça, y en a qui lache 6 caches pour la chasse FTF à l'est sans prévenir ! Le geocaching serait-il un sport d'automne ?

 

Bon... vous me forcez à sortir le matériel et faire du bon boulot aussi, maintenant que j'ai reçu mes poinçons et que j'ai quelques idées pour les multi, on va s'amuser ;)

 

Christian.

Share this post


Link to post

Merci habot pour l'Etang de la Tour et les bons exemples que contient maintenant la page. Evidemment, ça a tout de suite une autre allure ! ;)

D'ailleurs la mise en page que tu as faite est bien celle que j'avais imaginée quand j'ai pris les photos sur place. Comme quoi les grands géoesprits se rencontrent :P

Je vais m'empresser de réutiliser ça sur les autres caches.

 

@vnc : du bon boulot, tu en fais déjà sur le site Geocaching en France. Mais c'est vrai qu'une ou deux nouvelles caches de temps en temps, c'est bien aussi :P

Share this post


Link to post
@sTeamTraen : euh, effectivement je me suis inspiré de géocacheurs expérimentés et de bon goût pour quelques effets simples de mise en page ! :P Merci pour ça.

Merci aussi pour l'indication que tu me donnes, c'est ce que je cherchais.

T'inquiète pas, "Imitation is the sincerest form of flattery" :rolleyes:

 

D'ailleurs je suis aussi dans l'informatique, ça fait 30 ans depuis mon premier programme, mais ce n'est que dans le dernier mois que je me suis mis à HTML, PHP, et compagnie. Et en fait tu as raison, on n'a pas besoin de bouquin pour des trucs aussi simples que "insérer une image". D'ailleurs je l'ai fait moi-même comme toi au départ, en copiant le code d'autres puis en essayant de savoir ce qu'il voulait dire <_<

Share this post


Link to post
T'inquiète pas, "Imitation is the sincerest form of flattery" <_<

Le même auteur justifie très bien mon intérêt pour le géocaching sur le terrain plutôt que pour la programmation :

"He that has energy enough to root out a vice should go further, and try to plant a virtue in its place." :ph34r:

 

(1/4 d'heure de recherche sur Internet :ph34r::lol::D )

Edited by dop78

Share this post


Link to post
(1/4 d'heure de recherche sur Internet <_<:ph34r: :ph34r: )

à propos de citations, j'aime bien ce site

 

C'est là que j'avais pris la citation de Carl Sagan en page d'accueil car quand j'étais adolescent j'ai dévoré son bouquin et toute la série d'émissions "Cosmos".

 

ça n'est pas le topic mais faites une recherche sur son fameux calendrier cosmique, et je ne sais pas si vous trouverez ça sur le net mais qu'avait-il accroché sur la porte de son bureau à la NASA ? et là... il y a effectivement un rapport avec les pages de description des caches.

 

Ahah... Qui est le FTF pour celle là ?

Share this post


Link to post
Pour ta question, j'ai cherché, mais je sèche... <_<

Pour le calendrier cosmique, on le trouve un peu partout sur le net, par exemple ici.

 

Pour la porte de son bureau, je me suis trompé ce n'était pas à la NASA mais à l'Université Cornell :

Au début des années 80, il avait accroché sur la porte de son bureau une carte du système solaire avec une flèche pointant vers la Terre, et, à l'intérieur de la flèche, la mention "Vous êtes ici" :ph34r:

 

On est bien peu de chose.

Share this post


Link to post
Sur la page de certaines caches, on peut voir toute une mise en page avec photos, tableaux, texte, etc. Par exemple, la cache Le Trésor d'outre-tombe.

Quelqu'un peut-il m'indiquer comment on peut faire ça, ne serait-ce que l'affichage d'une photo sur la page de la cache ?

Je suis fier que ma page soit citée en exemple :unsure:

J'utilise beaucoup les tableaux dans mes pages.

 

Voici le code de ma page en version light.

N’hésites pas à l’utiliser comme tu veux.

 

À bientôt, Stéphane

 

---------------- Début Code -----------------------

<html><title>Geocaching</title>

<body>

<table width="610" border="0">

<tr>

<td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup1.jpg" width="300"></td>

<td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup2.jpg" width="300"></td>

</tr>

</table>

<hr>

<p><font face="Tahoma" size="-1"><i><font size="+1">:: Version Française

</font></i> </font> </p>

<table width="610" border="1">

<tr bgcolor="#999999">

<td><font face="Tahoma" size="-1"><b><font color="#FFFFFF">Information</font></b></font></td>

</tr>

<tr>

<td align="left" valign="top">

<p>Placer ici quelques informations ! </p>

<p> </p></td>

</tr>

</table>

<p><font face="Tahoma" size="-1"> </font><font face="Tahoma" size="-1"> </font><font face="Tahoma" size="-1">

</font></p>

<hr>

<p><font face="Tahoma" size="-1"><i><font size="+1">:: English Version</font></i></font></p>

<table width="610" border="1">

<tr bgcolor="#999999">

<td><font face="Tahoma" size="-1"><b><font color="#FFFFFF">Information</font></b></font></td>

</tr>

<tr>

<td align="left" valign="top">

<p>English informations </p>

<p> </p></td>

</tr>

</table>

---------------- Fin Code -----------------------

Share this post


Link to post
Je suis fier que ma page soit citée en exemple  :unsure:

C'est normal, c'est du beau travail et quelque part ça donne envie d'y aller. (au fait trop tard les autres pour un FTF, cette cache fut effectivement notre premier FTF l'année dernière !)

 

Petite recommandation néanmoins dans l'utilisation des tableaux (et des photos) :

attention à ce que ça ne déborde pas sur les cotés, personnellement je chasse toujours avec la page "print-friendly (no logs)" et c'est de temps en temps la galère pour que tout tienne en largeur à l'impression, obligé parfois de prendre le mode paysage.

 

Vous le voyez bien dans le code de stéphane :

<table width="610" border="0">

610 = taille du tableau en pixels.

et aussi pour les images :

<td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup1.jpg" width="300"></td>

<td><img src="http://steph.barreau.free.fr/geocaching/valleeloup/valleeloup2.jpg" width="300"></td>

ici 2 images l'une à coté de l'autre alignées en colonne 2x300=600.

 

Et pour aller plus loin dans la fabrication des tableaux, petit cours sur le siteduzero, trés bien fait pour débuter en HTML.

Share this post


Link to post

Merci pour vos précisions.

 

Christian, le site que tu cites est effectivement intéressant pour approfondir, il a l'air assez didactique.

 

Stéphane, tant qu'à faire, j'ai deux questions complémentaires :

- comment fais-tu pour afficher une image avec un paragraphe de texte à côté ?

- comment affiches-tu une image qui n'est pas dans la gallery de la cache ?

 

Dominique

 

A force de ne pas vouloir, je vais quand même finir par m'y plonger dans HTML... :unsure:

Share this post


Link to post
- comment fais-tu pour afficher une image avec un paragraphe de texte à côté ?

- comment affiches-tu une image qui n'est pas dans la gallery de la cache ?

Pour mettre texte à côté d'une image, il faut que tu te plonges dans le monde fabuleux de <TABLE>, <TR>, et <TD> (et éventuellement <TH>).

 

Pour des images qui ne sont pas dans le gallery, il suffit qu'ils soient stockées sur n'importe quel autre site Web. Ton fournisseur d'acces Internet a probablement mis qqs mégaoctets à ta disposition pour cela...

Share this post


Link to post

Effectivement c'est la bonne réponse ! :-)

 

Pour stocker mes images, je suis chez free et j'utilise ma page perso où je place mes fichiers.

http://steph.barreau.free.fr/geocaching/

 

La plupart des fournisseurs d'accès internet propose ce service gratuitement (wanadoo, Club-internet ...)

 

Il est très simple de placer des fichiers dans "ton espace web" avec un client FTP (FileZilla par exemple sur PC)

 

A bientôt, Stéphana

Share this post


Link to post
Pour stocker mes images, je suis chez free et j'utilise ma page perso

Oui mais attention, ça implique d'être fidèle et organisé.

Car si vous changez d'hebergeur, le lien est cassé et vous avez un beau truc dans le genre :

kaput.gif

 

Il faut donc penser (si vous êtes alors toujours geocacheur actif) à reconstruire la page pour pointer vers un nouvel endroit.

et c'est bien sur valable pour n'importe quel lien vers l'extérieur.

 

Christian.

Share this post


Link to post
Pour mettre texte à côté d'une image, il faut que tu te plonges dans le monde fabuleux de <TABLE>, <TR>, et <TD> (et éventuellement <TH>).

Ok, je plonge.

Si je n'ai pas donné de nouvelles d'ici une semaine, c'est que je m'y suis noyé. :unsure:

Share this post


Link to post

Moins d'une semaine après, voilà ce que ça donne :

1- j'ai parcouru assez sérieusement le site du Zéro dont vnc avait transmis les coordonnées. Suffisamment sérieusement pour me dire que c'est pas très compliqué, mais pourquoi s'embarrasser de tout ça ? ;)

2- j'ai (re)découvert qu'avec Word ou Excel on peut sauvagarder un fichier au format html. Il suffit donc de faire une belle présentation sous Word par exemple, de sauvegarder en html, et enfin d'extraire du fichier la substantifique moelle (aidé en cela par la 1ère étape) pour la publier sur GC.com.

 

Résultat : L'Etang de la Tour, refait en quelques minutes sans avoir écrit une seule ligne d'html. Pas mal, non ? :blink:

Share this post


Link to post

petit Up. Si ça peut vous aider à construire vos pages de caches en HTML :

http://geommunity.net/cachepageeditor/

 

Un peu dur de rentrer dans cet outil au début mais on peut arriver à faire quelque chose avec assez rapidement.

C'est WYSIWYG (ce que vous faites est directement le résultat).

 

Pour ceux qui ont du texte simple dans leur description de cache, il suffit de reprendre ce texte de le coller dans la fenêtre et de mettre en forme, couleur, tableaux, ajouter des images, etc...

 

Je trouve cet outil relativement bien fait.

 

PS. Il y a quelques fonctions locales aux US qui ne sont pas applicables pour nous. On les laisse de coté, c'est tout.

Share this post


Link to post

:ph34r: Heu... si j'ai bien compris, il n'est pas recommandable d'aller mettre ses images n'importe où sur le Net.

Lorsqu'on crée son listing les images on les a sur son DD donc pas d'adresse Web.

Il faut donc planquer ses images dans une des ses autres caches pour les repêcher, ou faire d'incessants allez-retours edit - upload - view - edit etc.

Pourquoi n'y a-t-il pas sur GC.com une banque d'images où on pourrait stocker prélablement les siennes ?

 

Daniel :rolleyes:

Share this post


Link to post

Pourquoi n'y a-t-il pas sur GC.com une banque d'images où on pourrait stocker prélablement les siennes ?

 

Daniel  :rolleyes:

 

Les uploader sur une cache existante (éventuellement à toi, éventuellement archivée) marche assez bien :ph34r:

 

Sinon, s'il n'y pas de fonctionnalité explicite pour ça, c'est surement parce que /a/ il y a des sites spécialisés (et gratuits) pour ça, mais aussi /b/ parce que ces sites ont un pourcentage très élevés de photos dites "not family-friendly". :ph34r:

Edited by sTeamTraen

Share this post


Link to post

Pourquoi les mettre ailleurs ? En les chargeant directement dans la page de la cache concernée, ça marche très bien. Je prend aussi sur ma première cache pour les autres mais juste pour le logo (plus par paresse que par nécessité techique).

Share this post


Link to post
parce que ces sites ont un pourcentage très élevés de photos dites "not family-friendly".  :laughing:

Wouawww, on va aller faire une cache à la Hermansgasse :P:P:P

 

Daniel :o

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  
Followers 0

×
×
  • Create New...