Aller au contenu

yhugo

Webmaster Régulier
  • Compteur de contenus

    71
  • Inscrit(e) le

  • Dernière visite

Messages postés par yhugo

  1. Ok, peut-être me suis-je mal exprimé ; Je vais donc donner un exemple :

    Comme vous pouvez voir ci-dessus l'en-tête (#header) qui contient le menu principal est après le contenu (#content), donc dans le code le titre (H1) sera en haut complètement de la page. Mais dans ma présentation (CSS) je veux que l'en-tête (#header) qui contiendra probablement le logo en plus de menu (horizontal) soit complètement en haut de la page ! En firefox pas de problème, ça fonctionne mais avec IE (6 et 7) l'en-tête (#header) disparait complètement de l'écran même si j'ai ajusté la profondeur avec z-index.

    Le HTML :

    <div id="container">  

    <div id="wrapper">

    <div id="content">
    <h1>Titre principal</h1>

    <h2>Sous-titre</h2>
    <h3>Sous-titre</h3>
    </div>
    <!-- FIN #content-->

    </div>
    <!-- FIN #wrapper-->

    <div id="header">
    <div id="menuPrincipal">
    <ul>
    <li><a href="index.php">Accueil</a></li>
    <li><a href="contact.php">Contact</a></li>
    <li><a href="plan-du-site.php">Plan du site</a></li>
    <li><a href="index.php?lg=en">English</a></li>
    </ul>
    </div>
    </div>
    <!-- FIN #header-->

    <div id="aSide">Un coté</div>
    <!-- FIN #aSide-->

    <div id="bSide">Un autre coté</div>
    <!-- FIN : #bSide-->

    <div id="footer">Le pied-de-page</div>
    <!-- FIN #footer-->

    </div>
    <!-- FIN #container-->

    La CSS :

    /*LAYOUT 2 COLONNES GAUCHE AVEC CONTENU EN PREMIER*/
    div#container {width:700px;margin:0 auto;padding-top:50px;position:relative;z-index:1;}
    div#wrapper {}
    div#content {float:right;width:500px}
    div#header {background:yellow;position:absolute;top:0;left:0;width:700px;height:50px;z-index:1000;}
    div#aSide {float:left;width:200px}
    div#bSide {float:left;clear:left;width:200px}
    div#footer {clear:both;width:100%}
    /*/\*/

    Merci et à bientôt !

  2. Bonjour à tous,

    Selon certaines règles d'accessibilité, et par ricochet de référencement, c'est une bonne pratique de placer le contenu d'une page avant le menu principal dans le code HTML ...

    Cependant sur le Web peu de gabarits XHTML/CSS proposent une telle structure ... Et il me semble que peu de tutoriel en font mention.

    Donc comment par CSS on peut placer le menu au-dessus sans qu'il soit au-dessus dans le HTML.

    Pour ma part j'ai essayé avec du positionnement absolu et relatif, mais dans IE (Évidemment) il y avait souvent problème.

    Quelqu'un à un astuce ?

    Merci et bonne fin de journée

  3. Bonjour à tous,

    est-ce possible avec Notepad++ de synchroniser un répertoire local avec un répertoire distant par FTP ?

    Je suis capable d'éditer un fichier distant par FTP, mais je veux plutôt modifier mon fichier en local et ensuite l'exporter vers mon serveur HTTP distant directement dans Notepad++.

    Actuellement j'utilise Aptana studio, mais je le trouve un "peu" lourd ; C'est pour cette raison que j'aimerais utiliser Notepad++ ... Et je tiens à travailler avec un logiciel libre ;) .

    Merci et bonne journée

  4. Bonjour à tous,

    j'essaie d'utiliser la librairie d'effets javascript scriptaculous ...

    J'ai une série de sous-titres (h3) qui doivent appeler des Definition list (dl) avec l'effet Effect.toggle.

    Pour faire apparaître tout fonctionne bien, mais je voudrais quand je clique sur un nouveau sous-titre que la liste précédente se ferme ... Comment dois-je m'y prendre ?

    J'ai chercher des tutos sur le sujet mais je n'ai rien trouvé :S

    Voici à quoi ressemble mon code :

    <tr>
    <td class="store"><h3><a href="#" onclick="new Effect.toggle('myAdress', 'slide'); return false">Nom du magasin<span class="crossBox"></span></a></h3>
    <h4>Montréal</h4>
    <div id="myAdress" class="storeInfo" style="display:none">
    <dl>
    <dd>22, rue joe-tremblay</dd>
    <dd>H2B 2E7</dd>
    <dd>Tél. : 514.555.5555</dd>
    </dl>
    </div></td>
    <td class="store"> </td>
    <td class="store"> </td>
    </tr>
    <tr>
    <td class="store"><h3><a href="#" onclick="new Effect.toggle('myAdress2', 'slide'); return false">Nom du magasin02<span class="crossBox"></span></a></h3>
    <h4>Montréal</h4>
    <div id="myAdress2" class="storeInfo" style="display:none">
    <dl>
    <dd>22, rue joe-tremblay</dd>
    <dd>H2B 2E7</dd>
    <dd>Tél. : 514.555.5555</dd>
    </dl>
    </div></td>
    <td class="store"> </td>
    <td class="store"> </td>
    </tr>

    Merci et bonne journée

  5. Bonjour à tous,

    Je travaille présentement sur un site offline qui sera présenté d'abord sur cd-rom et éventuellement mis en ligne ... et je me demande quelle est la meilleure façon de faire apparaître des .flv sur mes pages ... ?

    Ce document se veut une sorte de rapport de recherche interactif, donc on y trouve surtout du texte enrichit par des photos et des vidéos.

    Alors les vidéos sont appelés directement par des hyperliens dans le texte ... Je me demande quelle est la meilleure manière d'afficher ces vidéos ... ? Pop-Up ou par une technique plus esthétique et fluide pour l'utilisateur ?

    Les vidéos sont en .FLV dans le lecteur flash de neolao ...

    Dans ma page ils s'intègrent comme suit :

    		<object id="winDixVingt" type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="512" height="384">
    <param name="movie" value="player_flv_maxi.swf" />
    <param name="FlashVars" value="flv=_videos/dem1/ligne_1_10-20mt.flv&width=512&height=384" />
    <param name="wmode" value="transparent" />
    </object>

    Les photos elles, sont amenées dans l'interface avec le script SlimBox ... J'ai essayé de trouver une technique semblable pour intégrer des vidéos mais je n'ai rien trouvé et je suis assez débutant en javascript.

    Le site sera d'Abord sur cd-rom donc tout doit se dérouler coté client ...

    Merci de vos suggestions ...

  6. Tu dois avoir une partie administration de PhpDig qui te permet de lancer l'indexation automatique du site.

    Oui j'ai utilisé l'admin et j'ai déjà indexé mes pages ... Ce que je n'arrive pas à faire c'est d'afficher le formulaire de recherche sur une page ... J'ai modifié un template et tout ce que je vois est une page blanche :unsure: ... Leur forum est payant malheureusement.

    J'ai l'impression que c'est un truc de base que j'ai pas compris ... :blush:

    Merci

  7. Bon j'ai installé phpDig sur mon serveur sans problème ...

    Mais je ne suis pas sûr de comprendre comment l'intégrer dans mon site ...

    avec ce que j'ai fait le navigateur ne me retourne qu'une page blanche ... :S

    Est-ce que quelqu'un est déjà passé par-là ?

    Merci

  8. Bonjour,

    Une des solutions possibles à envisager serait de passer tous ces documents dans un filtre "PDF2HTML" comme il en existe sûrement de très bons... puis d'utiliser n'importe quel moteur/script de recherche capable d'indexer des documents HTML (donc surement à peu près tous ;))

    Salut Tom_Pascal,

    Il y aura de nouveaux pdf chaque semaine importés (à l'aide d'un interface CMS) par les gens du bureau ici qui ne s'y connaissent pas trop en Web ... J'ai bien peur que cette opération serait un peu laborieuse pour eux. :mellow:

    Merci

  9. Bonjour tous,

    Je recherche un script pour un moteur de recherche qui me permetterait de chercher dans un répertoire en particulier qui contient des PDF.

    C'est PDF sont des fiches techniques, et je veux permettre aux utilisateurs de chercher dans ces fiches rapidement.

    Voilà ...

    Merci et bonne journée

    y.

  10. Bon matin à tous :wacko:

    Merci pour votre aide, j'ai opté finalement pour la proposition de AntiSatic et ça marche bien :)

    window.onload = function() {
    montre();
    fillup();
    // toutes les actions onload ...
    }

    Ce cas est donc résolu (Au fait, comment on fait pour indiquer Résolu à nos sujets ?)

    Bonne journée et bonne fin de semaine !

    yhugo

  11. et tu es certain que les 2 fonctionnent séparément ? ce qui m'étonne, c'est que la fonction montre() attend un argument que le onload n'apporte pas...

    Excuse-moi mais je ne comprends pas très bien ce que tu veux dire ... si j'inverse l'ordre des scripts dans la page, c'est le dernier qui apparaît dans le code qui marche ... et vice versa ...

    Voici ce que fait ce script, celui qui utilise la fonction montre()

    Merci

  12. salut,

    il doit y avoir 2 (ou plus) variables communes (enfin dont les noms sont communs) aux 2 scripts : il te suffra de modifier ce nom de variable dans l'un des 2 scripts et tout ira bien ;)

    Salut Georges,

    j'ai regardé et aucune variable semble en doublon ...



    <script type="text/javascript">
    //<![CDATA[
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
    if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
    if (d) {d.style.display='block';}
    }
    //-->
    //]]>
    </script>


    <script type="text/javascript">
    //<![CDATA[
    <!--
    /***********************************************
    * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at [url="http://www.dynamicdrive.com/"]http://www.dynamicdrive.com/[/url] for full source code
    ***********************************************/


    //Specify the slider's width (in pixels)
    var sliderwidth="490px"
    //Specify the slider's height
    var sliderheight="175px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=1
    //configure background color:
    slidebgcolor="#FFFFFF"

    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<img src="images/projets/smenu1_foto1.jpg" alt="image" />'
    leftrightslide[1]='<img src="images/projets/smenu1_foto2.jpg" alt="image" />'
    leftrightslide[2]='<img src="images/projets/smenu2_foto1.jpg" alt="image" />'
    leftrightslide[3]='<img src="images/projets/smenu2_foto2.jpg" alt="image" />'
    leftrightslide[4]='<img src="images/projets/smenu3_foto1.jpg" alt="image" />'
    leftrightslide[5]='<img src="images/projets/smenu3_foto2.jpg" alt="image" />'
    leftrightslide[6]='<img src="images/projets/smenu4_foto1.jpg" alt="image" />'
    leftrightslide[7]='<img src="images/projets/smenu4_foto2.jpg" alt="image" />'
    leftrightslide[8]='<img src="images/projets/smenu5_foto1.jpg" alt="image" />'
    leftrightslide[9]='<img src="images/projets/smenu5_foto2.jpg" alt="image" />'
    leftrightslide[10]='<img src="images/projets/smenu5_foto3.jpg" alt="image" />'
    leftrightslide[11]='<img src="images/projets/smenu5_foto4.jpg" alt="image" />'

    //Specify gap between each image (use HTML):
    var imagegap=" "

    //Specify pixels gap between each slideshow rotation (use integer):
    var slideshowgap=3


    ////NO NEED TO EDIT BELOW THIS LINE////////////

    var copyspeed=slidespeed
    leftrightslide='<span style="white-space: nowrap;">'+leftrightslide.join(imagegap)+'<\/span>'
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px;">'+leftrightslide+'<\/span>')
    var actualwidth=''
    var cross_slide, ns_slide

    function fillup(){
    if (iedom){
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
    cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+slideshowgap+"px"
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slidemenu2
    ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
    ns_slide.document.write(leftrightslide)
    ns_slide.document.close()
    actualwidth=ns_slide.document.width
    ns_slide2.left=actualwidth+slideshowgap
    ns_slide2.document.write(leftrightslide)
    ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
    }
    window.onload=fillup

    function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
    cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
    else
    cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowga
    p+"px"

    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
    cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
    else
    cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowga
    p+"px"

    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
    ns_slide.left-=copyspeed
    else
    ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

    if (ns_slide2.left>(actualwidth*(-1)+8))
    ns_slide2.left-=copyspeed
    else
    ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
    }
    }


    if (iedom||document.layers){
    with (document){
    document.write('')
    if (iedom){
    write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
    write('<div id="test2" style="position:absolute;left:0px;top:0px"><\/div>')
    write('<div id="test3" style="position:absolute;left:-1000px;top:0px"><\/div>')
    write('<\/div><\/div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
    write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"><\/layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"><\/layer>')
    write('<\/ilayer>')
    }
    document.write('')
    }
    }
    //-->
    //]]>
    </script>

    Désolé pour ces bouts de code un peu long ...

    Merci

  13. Bonjour tous,

    J'ai une page html qui contient 2 javascript différents ...

    les 2 utilises la commande "window.onload" et ça empêche un des 2 scripts de fonctionner :nonono:

    Comment s'y prendre pour les faire cohabiter ?

    Merci et bonne fin de journée

    yhugo

    PS_Je suis débutant en JavaScript :thumbsdown:

  14. Merci ça a marché ...

    --------------------------------

    Une autre question :

    J'ai un champ qui se nomme Code et je voudrais ajouter la chaîne de catactère CAD pour toutes les entrées ...

    J'ai essayé

    INSERT 'CAD' INTO fixed_prices (code)

    Mais ça ne marche pas :nonono:

    Vous avez une idée ?

    Merci

  15. Bonjour tous,

    J'aimerais savoir sil il y a un moyen dans phpMyadmin de copier 2 champs d'une table Y vers une table X ?

    Je m'explique un peu ...

    J'ai une table qui se nomme product dans laquelle il y a les champs product_id et products_price dans lesquels il y a plus de 1000 entrées ...

    Je voudrais donc prendre ces deux champs et leur contenu et les copier vers une nouvelle table qui s'appelle fixed_prices.

    J'ai parcouru l'interface de phpMyAdmin sans rien trouver qui allait dans ce sens ... et j'ai fait des recherches sur ce site et sur Google, mais je n'ai rien trouvé non plus.

    Quelqu'un aurait une idée ?

    Merci et bonne journée

    y.

  16. Attention aussi aux infos envoyées si le 'bouton' input est de type image ! car Opera ou IE ne renveront pas la donnée Value.

    Eric

    Merci de la mise en garde Éric, mais y a t'il une alternative ?

    J'aimerais faire les boutons de mes formulaires avec des images ...

    J'avais pensé à une simple background-image en CSS, mais le text de l'attribut value reste au-dessus et y'a pas moyen d'envoyer un display:none; à un attribut ... Alors que faire si on désir avoir une image pour les navigateurs graphique et en en même temps du texte pour ceux qui utilisent Lynx ?

    Merci et bonne fin de journée

    y.

  17. Salut ...

    Regarde l'hyperlien que je t'ai donné l'autre jour ... Choisi un type de mise en page et étudit sa composition. Ils sont dépouillés c'est plus aisé pour observer le fonctionnement ...

    Essait de revenir à la base dans ta structure, soit :

    • body
    • en-tête
    • conteneur
    • menu (gauche ou droite ou top, c'est selon)
    • contenu (zone principal)
    • pied de page

    Au pire, fait toi un deuxième template et quand cela fonctionnera bien dans IE6/IE5/FireFox tu auras juste à y ajouter ton contenu.

    Voilà ...

    Bon courage

    yhugo

    PS : http://pompage.net/pompe/cssdezero-14/

  18. Bonjour,

    J'ai trouvé c'était quoi le problème. Le site sur lequel je travaille tourne sous osCommerce ... lorsque que j'ai chargé les photos la première fois, je l'ai fait par l'admin de mon site et certaines de ces photos avaient une extension en majuscule.

    Depuis avec la fonction Automate de PhotoShop j'ai changé la taille de mes images puis je les aies remplacées par FTP. Les noms sont les mêmes, mais PhotoShop a mît un seul format d'extension.

    Donc, dans la base de données certaines n'ont pas la bonne extension ... Est-ce qu'il y a une commande MySQL pour changer ça ? :whistling:

    J'aurais dû être plus attentif et tout changer au départ.

    ciao

    yhugo

×
×
  • Créer...