Aller au contenu

Zen-Spirit

Actif
  • Compteur de contenus

    24
  • Inscrit(e) le

  • Dernière visite

Tout ce qui a été posté par Zen-Spirit

  1. Bonjour à tous ! En fait, voilà, comment vous expliquer çà ? Voilà, j'ai une page index.html. Je voudrai créer une intro sur ma page index, avec du coup la même adresse HTTP:// puisque l'intro se trouve sur la même page index au premier plan. En fait l'intro visuellement l'intro se trouve sur ma page index ou devant ( en premier plan ), mais le contenu HTML du site se trouve derrière l'intro en second plan. Sur l'intro je veux mettre 2 liens pour permettre à l'internaute de télécharger le plugin FLASH et FIREFOX MOZILLA. 1/ Et là où je veux en venir c'est que lorsque l'internaute rentre l'adresse du site, bien qu'il y ait la page index.html, je souhaiterai faire en sorte que l'intro se charge au premier plan sur cette page index.html, qui avec un bouton "Quitter" ou "Skip", quitte l'intro et la page index qui était au second plan apparait du coup comme une page normale au premier plan. 2/ De ce fait, je voudrai faire en sorte qu'après, lorsque l'internaute navigue sur le site et dès qu'il revient sur la page index.html, je voudrai faire en sorte que l'intro n'apparait plus mais qu'une seule fois ! Haië haïe haïe, c'est compliqué tout çà ..., non ? Je ne sais pas si j'ai été clair dans mes explications. Merci de me renseigner si c'est possible de réaliser çà.
  2. C'est j'ai trouvé le soucis ! J'avais effacé une balise Div par erreur !
  3. J'ai réussi à enlever la barre de défilement mais par contre ce que je ne comprends pas c'est pourquoi mon image est monté alors qu'il placé juste après le "corps-centre". Il était en bas et il est monté ! Là maintenant mon problème c'est que je voudrai qu'il se place en dessous de "corps-centre". sans lui attribuer un margin-top car sinon, il y aura un décalage lorsque le "corps-centre" va s'agrandir ou raccourcir". Vous voyez ce que je veux dire. Merci à vous, si voyez l'erreur.
  4. Bonjour à tous ! Voilà, j'ai un petit soucis avec le corps de mon site. Depuis que j'ai mis un sondage dans le corps en bas, j'ai une barre horizontale qui se met en dessous. J'ai essayé de modifié le code du sondage et même le CSS, mais cette barre reste toujours là. J'ai même essayé de modifier les width, rien à faire. :? Je vous laisse l'adresse de mon site pour voir ce que çà donne : Ici pour voir Merci à vous. EDIT : En fait çà n'a rien à voir avec le sondage ! C'est le bloc "corps-bas" qui est mont, qui s'est mis sous le lecteur audio et qui s'est également décalé vers la droite. C'est bizarre car depuis que fais ce site, il est toujours resté en bas. Tout d'un coup il est mon en haut. Là j'arrive pas à le faire redescendre.
  5. Zen-Spirit

    Sondage

    Bonjour à tous. Voilà, sur mon site, je voudrai créer un sondage tout simple. J'ai vu ce modèle sur ce site : http://www.lephoceen.fr/ Il est simple et j'aime bien. Son code san sa page index est : <div class="sondage"> <table width="323" cellpadding="1" cellspacing="0"> <tr> <td> <center> <img src="/images/structure/sondage_titre.jpg" width="323" height="17" border="0"> <table width="100%" border=0 bgcolor="#9999FF" cellpadding="0" cellspacing="1"> <tr> <td> <table width="100%" border=0 bgcolor="#CFDFEE" cellpadding="2" cellspacing="2"> <tr> <td align="left"> <form method="post" action=""> <font face="Verdana, Arial, Helvetica, sans-serif" color="#000000" size="1"><b>Quel est votre favori pour la victoire finale à l'Euro ?</b></font><br><input type="radio" name="option_id" value="1"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">L'Allemagne</font><br><input type="radio" name="option_id" value="2"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">La Turquie</font><br><input type="radio" name="option_id" value="3"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">La Russie</font><br><input type="radio" name="option_id" value="4"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">L'Espagne</font><br><br><center> <input type="hidden" name="action" value="vote"> <input type="hidden" name="poll_ident" value="447"> <input type="submit" value="Vote" class="input"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> Et son CSS est le suivant : .sondage { float: left; margin-top : 14px; width: 323px; padding-left : 8px; } Cependant, je ne trouve pas à quel fichier fait-il référence pour le calcul ? J'ai essayé d'analyser le code source de la page, mais je vois pas à quel fichier PHP, ou autre fait il référence. Merci à vous.
  6. Oui Dragondz, c'est vrai que c'est au webmaster de s'adapter et non l'inverse !!! Il est aussi vrai que j'avais l'intention de créer une page intro avec Flash pour mon site, avec une mention du style : "Pour avoir un affichage optimal du site, vous devez un navigateur à jour ou d'actualité : Pour celà cliquer ici pour télécharger FIREFOX " Avec le logo FIREFOX. Tu vois ce que je veux dire ! Sinon, Ben même avec IE7, il y a une grosse diffrénece d'affichage avec FIREFOX. Je veux dire le rendu est pas le même. Merci de tes suggestions.
  7. - Euh oui, en fait je venais tout juste de trouver l'erreur ! Merci quand même d'avoir penché sur la question. C'était en fait la largeur du bloc = padding-left + width + padding-right, donc ma div mesurait en fait 770px, d'où le débordement. Même si mon design fait 700px en width. - Sinon pour IE6, je comprends pas pourquoi il y en a qui utilise encore IE6, alors qu'il y a IE7 !!! J'en vois souvent qui parle de ce navigateur version 6. Sinon, j'ai essayé pleins de fois d'essayer de rafistoler entre FIREFOX et IE7, mais à un moment donné çà devient compliqué, lourd, et perte de beaucoup de temps. On a l'impression de ne pas avancer. Du coup, je bosse mon site pour un affichage optimal avec FIREFOX MOZILLA. Merci à toi.
  8. Bonjour à tous ! J'ai un petit soucis avec l'affichage d'une popup qui me créer automatiquement un décalage, lorsque la fenêtre de la popup s'ouvre, il y a la barre de défilement horizontale qui apparait or j'ai le cadre rouge fait 700 px en width et je l'ai bien défini dans mon CSS tout comme le body. Je vous laisse le lien de mon site pour voir ce que çà donne et vous aurez un aperçu du problème : Clic sur le 1er lien dans Fil Info Pour le body de la popup : * { padding: 0; border: 0; margin: 0; } body { font: 100% "Times New Roman", serif; background-color: #000000; color: #FFFFFF; margin-bottom: 10px; width: 700px; } p { margin: 1em auto; text-align: left; } Pour la cadre rouge qui est composé de 3 parties : #corps_popup { float: left; } .cadre_popup_haut { height: 31px; margin-left: 0px; margin-top: 0px; background-image: url("images_popup/bordure_haute1.jpg"); background-repeat: no-repeat; margin-bottom: 0px; } .cadre_popup_centre { overflow: auto; width: 700px; margin-left: 0px; padding-left: 35px; padding-right: 35px; margin-top:0px; background-image: url("images_popup/bordure_centre1.jpg"); background-repeat: repeat-y; margin-bottom: 0px; } .cadre_popup_bas { height: 31px; margin-left: 0px; padding-top: 0px; background-image: url("images_popup/bordure_basse1.jpg"); background-repeat: no-repeat; margin-bottom: 10px; } J'ai cherché et cherché, mais je ne vois pas mon erreur pour supprimer cet espace à droite et ainsi donc supprimer cette barre de défilement horizontale. Merci à vous.
  9. Bonjour à tous ! Je reviens vers pour un petit problème que je rencontre. Voilà, je veux créer l'ouverture d'une boite de popup lorsque je clic su un lien. J'ai téléchargé une source qui montre comment faire çà Ici la source Dans cette source il y a 5 fichiers - Index htm - popup.htm - popup.js - serial-popup-killer.js - serial-popup-killer.css Alors moi dans ma page index à moi, j'ai mis 2 liens pour faire un test ( dans Fil Info de mon site : ICI MON SITE) <li><a href="pop_up/popup-accessible/popup.htm" class="popup"><span>18h50</span> <strong>Pays-Bas </strong> - Huntelaar touché</a></li> </li> <li><a href="pop_up/popup-accessible/popup.htm" class="popup"><span>18h45</span> <strong>blabla</strong> - Essai Popup 2</a></li> </li> Le chemin pour aller vers les 4 autres fichiers sont : "pop_up/popup-accessible/popup.htm" "pop_up/popup-accessible/popup.js" "pop_up/popup-accessible/serial-popup-killer.js" "pop_up/popup-accessible/serial-popup-killer.css" 1/ Mais voilà, lorsque je clique sur les deux liens de test que j'ai mis sur mon site, il affiche une page html normale et non dans dans une popup. 2/ Autre soucis que je viens tout juste de voir, c'est que tout en bas de ma page, en descendant au maximum, il me met directement un lien de fermeture de popup, hors ma page index n'est pas une popup, d'ailleurs ce n'est pas ce que je souhaite. Je ne vois pas où est l'erreur alors que si je fais un test avec la page index d'origine de la source, çà marche et çà ouvre bien dans une popup. Pouvez vous m'aider à comprendre l'erreur ici ? Merci. Pour info : Voici le fichier serial-popup-killer.js CODE /*****************************************//* */ /* Bouton de fermeture pour popup */ /* Script DOM popup.js */ /* Auteur: koala64 */ /* Contact: contact_koala64_AT_yahoo.fr */ /* */ /*****************************************/ // Création d'un objet var o = {}; // Propriétés Popup de l'objet o.Popup = { // Initialisation de l'objet __Init__: function() { if( !document.getElementsByTagName || !document.createElement || !document.createTextNode ) return false; return o.Popup.__Handle__(); }, // Création et insertion du bouton de fermeture __Handle__: function() { var oBody = document.getElementsByTagName('body')[0], oA = document.createElement('a'), oTextA = document.createTextNode('Fermer la popup'); oA.setAttribute('href','#'); oA.setAttribute('id','kill'); oA.appendChild(oTextA); oBody.appendChild(oA); oA.onclick = o.Popup.__Kill__; }, // Méthode de fermeture de la popup __Kill__: function() { self.close(); } }; // Chargement de l'objet au lancement de la page. window.onload = o.Popup.__Init__; Et Voici l'autre fichier : popup.js CODE /*****************************************//* */ /* Popup accessible (DOM) */ /* Script DOM popup.js */ /* Auteur: koala64 */ /* Contact: contact_koala64_AT_yahoo.fr */ /* */ /*****************************************/ // Création d'un objet var o = {}; // Propriétés Popup de l'objet o.Popup = { // Initialisation de l'objet __Init__: function() { if( !document.getElementsByTagName ) return false; return o.Popup.__Manager__(); }, // Gestionnaire de l'évènement onclick sur les liens possédant la classe 'popup'. __Manager__: function() { var oLink = document.getElementsByTagName( 'a' ), a = oLink.length - 1; for( a; a >= 0; a-- ) { if( oLink[a].className == 'popup' ) { oLink[a].onclick = o.Popup.__Open__; } } }, // Méthode d'ouverture de la popup __Open__: function() { window.open( this.href , '' , 'top=200 , left=200 , width=200 , height=100 , scrollbars=yes' ); return false; } }; // Chargement de l'objet au lancement de la page. window.onload = o.Popup.__Init__; Merci
  10. Bonjour à tous ! Voilà sur mon site, j'ai un problème de décalage uniquement avec IEXPLORER alors qu'avec MOZILLA çà s'affiche très bien Je galère vraiment depuis 2 voir 3 jours sur ce détails là et j'avance pas. J'ai beau lire des forums ou tutos sur internet, mais je n'arrive pas à corriger ce soucis. [decu] je vous laisse l'adresse pour voir ce que çà donne sous les 2 navigateurs : http://foot-passion94.ifrance.com Merci à vous. PS : Je poste mon soucis dans ce sujet car dans l'autre sujet c'était pas le bon !
  11. Bonjour à tous ! Voilà sur mon site, j'ai un problème de décalage uniquement avec IEXPLORER alors qu'avec MOZILLA çà s'affiche très bien Je galère vraiment depuis 2 voir 3 jours sur ce détails là et j'avance pas. J'ai beau lire des forums ou tutos sur internet, mais je n'arrive pas à corriger ce soucis. [decu] je vous laisse l'adresse pour voir ce que çà donne sous les 2 navigateurs : http://foot-passion94.ifrance.com Merci à vous. PS : Je poste mon soucis dans ce sujet car dans l'autre sujet c'était pas le bon !
  12. Alipp, là je coince vraiment, je comprends qu'avec IEXPLORER, il faut prendre en compte 30px en plus ou en moins, mais je ne vois pas comment modifier mon code. Et aussi, par rapport ton lien, je suis même passé au transitionnal, mais rien n'y fait. Là, j'ai vraiment besoin d'aide car j'ai l'impression que même si je vais passer la nuit sur problème, je ne vais jamais trouvé la solution.
  13. Merci de ton lien Alipp ! Je ne sais combien de fois on m'a donné ce lien, et l'avoir feuilleté et lu, je ne sais combien de fois j'ai été confronté à ce problème de décalage. Surtout que ce n'est pas par paresse, car dans mon navigateur, j'ai pleins de liens d'ouverts pour trouver cette solution sur internet. Je ne trouve pas cette solution de décalage vers la droite. Est ce que tu pourrais au moins me dire d'où vient le problème avec ce décalage ci, qui est un autre problème après avoir résolu le décalage du post au dessus. Il s'agit du décalage du cadre noir, qui s'affiche correctement sous FIREFOX mais pas sous IEXPLORER. Sous ce dernier il déborde. Je te laisse voir : Ici Merci.
  14. Merci c'est bon, pour l'expacement, j'ai réusi, il fallait juste mettre tout à plat : * { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, serif, sans-serif; font-size: 1em; font-weight: normal; font-style: normal; text-decoration: none; text-align: justify; } l'espace n'y est plus. Merci.
  15. Bonjour et merci d'avoir répondu. Merci de vouloir m'aider. Sur tes conseilles, je suis passé du mode "STRIC" au mode "TRANSITIONNAL", mais çà n'a rien changé à mon problème. Du coup, je recode tout et je suis entrain de tout recommencer à zéro. J'ai cependant quelques petites questions. 1/ est qu'une balise "class" peut contenir une balise "id" ? 2/ Et je ne comprends pas comment résoudre le problème suivant : Regarder mon site : Par ici sous INTERNET EXPLORER et sous FIREFOX dans le cadre pour photo qui se trouve dans la partie "corps", il y a un décalage. Et je n'arrive pas à résoudre ce problème. Quelqu'un pourrait'il m'aider à résoudre ce problème ? Le décalage se fait entre .cadre-photo-haut-blanc { width: 350px; height: 44px; margin-left: 23px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ padding-top: 0px; background-image: url("images/corps/box-photo-blanc-haut.jpg"); background-repeat: no-repeat; } et .cadre-photo-centre-blanc { width: 350px; height: 340px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-left: 23px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ padding-top: 0px; background-image: url("images/corps/box-photo-blanc-centre.jpg"); background-repeat: repeat-y; } Merci
  16. Bonjour à tous. Merci pour le lien sopo. J'ai réussi à peu près à faire ce Menu, mais il est pas fini, et j'y travaille encore dessus. Cependant, voilà, je suis entrain de coder mon site et jai trois soucis. 1/ Lorsque je clique deux fois rapide sur le fichier index dans « Mes Documents », il saffiche très bien, exactement comme je veux dans « INTERNET EXPORER ». Par contre (toujours dans mes documents) lorsque que je clique deux fois rapide sur le fichier index sous « FIREFOX MOZILLA », il saffiche différement avec des morceaux du design un peu partout. 2/ Le second problème cest ceci : Comme je viens de dire ci-dessus il saffiche bien sur « INTERNET EXPLORER » lorsquil nest pas sur le net, mais dès que je mets mon site sur le net, il saffiche plus pareille, même sous « INTERNET EXPLORER » il saffiche mal et différement. Cest tout de même bizarre. 3/ Je vous laisse le lien de mon site pour voir ce que çà donne sous les 2 navigateurs, en sacahnt que même sous "INTERNET EXPLORER", il s'affiche pas pareil lorsqu'il est sur le net ou pas et aussi maider à corriger çà. Visiter mon site Mon fichier CSS se nomme : designs.css MERCI
  17. C'est bon j'ai réussi à faire passer le 3ème bloc en haut à droite à coté du bloc central. J'ai juste rajouter des - . Je ne sais pas pourquoi, ici, il faut rajouter des moins, car pour le 2ème bloc il y avait pas besoin, mais en tout cas çà marche. CODE #box-info-rouge{ float: left; } .box-partie-haute-rouge { width: 266px; height: 13px; margin-left: -62px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-haut.jpg"); background-repeat: no-repeat; } .box-partie-centre-rouge { width: 266px; height: 250px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-left: -62px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-centre.jpg"); background-repeat: x-repeat; } .box-partie-bas-rouge { width: 266px; height: 13px; margin-left: -62px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-bas.jpg"); background-repeat: no-repeat; }
  18. Bonjour à tous. Je suis entrain de constituer le corps de ma page html. J'ai un petit soucis. Dans le corps il y a 3 parties, genre 3 box afin de mettre des infos dans ces 3 box, comme sur ce site là :Exemple ici. Vous pouvez voir que dans le corps de leur site, il y a une partie blanche que j'appelle box-photo ( où il y a la la photo du joueur de foot et c'est écrit "A la une du mercredi 02 avril"), le 2ème box, c'est la partie noire où c'est écrit "ALL PSG TV" et la dernière partie c'est un autre box que j'appelle box info rouge, c'est là où c'est écrit "priez ..." Le problème c'est ce dernier box. Donc j'ai 3 boites à mettre dans ce corps et la dernière boite ne veut pas se mettre à coté de la 2ème boite. Pourtant lorsque je mets un float left pour la 2èm boite, elle se mets à coté, mais pour la 3ème, elle ne se pet pas à droite à coté de la 2ème boite, mais sous la 1ère boite. Je vous laisse mon code, afin de m'aider à corrgier mon erreur, mais moi je ne vois pas l'erreur car j'ai fais exactement la même chose que pour la 2ème boite. CODE #corps{ float: left; } .corps-haut { width: 958px; height: 30px; margin-left: 22px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/corps-haut1.jpg"); background-repeat: no-repeat; margin-bottom: 0px; } .corps-central { width: 958px; margin-left: 22px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ padding-top: 700px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-top:0px; background-image: url("images/corps/corps-central1.jpg"); background-repeat: x-repeat; margin-bottom: 0px; } .corps-bas { width: 958px; height: 24px; margin-left: 22px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ padding-top: 0px; background-image: url("images/corps/corps-bas1.jpg"); background-repeat: x-repeat; margin-bottom: 0px; } #box-photo { float: left; } .box-photo-haut-blanc { width: 350px; height: 44px; margin-left: 21px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 22px; background-image: url("images/corps/box-photo-blanc-haut.jpg"); background-repeat: no-repeat; } .box-photo-centre-blanc { width: 350px; height: 220px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-left: 21px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-photo-blanc-centre.jpg"); background-repeat: x-repeat; } .box-photo-bas-blanc { width: 350px; height: 44px; margin-left: 21px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-photo-blanc-bas.jpg"); background-repeat: no-repeat; } #box-info-noir { float: left; } .box-partie-haute-noir { width: 350px; height: 44px; margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 23px; background-image: url("images/corps/box-texte-noir-haut.jpg"); background-repeat: no-repeat; } .box-partie-centre-noir { width: 266px; height: 220px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-texte-noir-centre.gif"); background-repeat: x-repeat; } .box-partie-bas-noir { width: 350px; height: 44px; margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-texte-noir-bas.jpg"); background-repeat: no-repeat; } #box-info-rouge { float: left; } .box-partie-haute-rouge { width: 266px; height: 13px; margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-haut.jpg"); background-repeat: no-repeat; } .box-partie-centre-rouge { width: 266px; height: 250px; /* EFFACER CETTE DIMENSION POUR QUE C A SOIT EXTENSIBLE */ margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-centre.jpg"); background-repeat: x-repeat; } .box-partie-bas-rouge { width: 266px; height: 13px; margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-top: 0px; background-image: url("images/corps/box-partie-rouge-bas.jpg"); background-repeat: no-repeat; }
  19. Bonjour à tous. Voilà, j'ai besoin de votre aide à la création d'un Menu un peu simple ou un peu spécial. Je souhaite créer un MENU HORIZONTAL à peu près comme ceci : En fait voilà, je voudrai créer un MENU Horizontal avec lors du passage de la souris sur un onglet, une ligne horizontale contenant des liens apparaissent juste en dessous sur une ligne. Un peu comme ceci mais en plus travailler : http://css.developpez.com/galerie/preview/...ntalderoulant3/ Mais la difficulté c'est que veux donner une autre apparence à mon Menu et donc de coupler çà ( Je vous laisse voir ) : LIGNE du MENU PRINCIPALE : http://css.developpez.com/galerie/preview/...lets/page1.html Et Les sous-Menus qui s'affichent sur une seule ligne en dessous lors du passage de la souris sur un des onglets doivent ressembler à çà : http://css.developpez.com/tutoriels/menu-o...cssminitabs.htm Merci de m'aider et de me diriger afin de réussir à coupler çà, car vous en conviendrez que c'est vraiment plus beau. Merci encore.
  20. Salut tout le monde ! 1- J'ai un petit soucis à comprendre un code Css par rapport à son fichier HTML : Voici le site dont le modèle se trouve : Ici, la barre de menu simple du site En fait sur ce site, entre les rubriques du Menu, il y a des petites barres qui les sépares, mais en regardant le code HTML et le code CSS, je ne vois pas comment le webmaster définie ces petites barres afin qu'elles apparaissent. Pouvez vous m'aidez à comprendre et à trouver dans ce code ce qui fait que ces petites barres apparaissent : Code HTML : Code CSS : 2- D'autres par rapport à ce même site, le webmaster a mis dans son code HTML, au début ceci : Mais à aucun moment je ne vois le titre Pompage en texte !!! Le gros titre pompage qu'il y a sur le site en haut à droite est une image ! Merci de m'aider à comprendre, car çà me bloque dans ma progression. Aussi, sur ce site là : ICI Dans la partie du cours sur Display : je n'arrive pas à avoir le mêe résulatat que le webmaster à mis comme résultat final : Donc voici ce que je mets dans mon code HTML : Et dans mon code CSS : Merci !
  21. Oui, merci, en fait l'image du cadre du menu déroulant pour ce lien correspond par exemple à la rubrique " BOUTIQUE SFR ", mais par contre quand on passe la souris sur la rubrqiue " COMMUNIQUER " on voit que ce cadre n'est plus le même, alors quel image utilise'il, car je ne vois pas d'autres images de ce type, avec une autre dimension ? Comment redimenssionnent 'il çà, le webmaster ? Merci !
  22. Ok, merci pour l'info, je suis entrain d'analyser çà dans le code, mais cependant encore queqlues petites question afin de m'éclaircir : 1 - Comment faire pour voir à quoi correspond les images des liens se trouvant dans le code que le webmaster a établi ? Par exemple, ces adresses suivantes sont dans le code, mais je ne sais pas comment voir le fichier png. Liens se trouvant dans le code résultant d'une image : //s8.s-sfr.fr/css/img/nav-top/menu_sub_menu_right.png //s5.s-sfr.fr/css/img/nav-top/menu_right_hover.png Quand je rajoute çà dans ma barre d'adresse, çà donne alors : http://www.sfr.fr//[/colo..._menu_right.png Et même en enlevant un slash devant le lien, çà fonctionne pas, impossible de voir l'image : http://www.sfr.fr/[/color..._menu_right.png Aussi, merci pour la petite astuce concernant Fire Bug, mais je ne comprends pas comment l'utiliser, je l'ai installer, mais je ne le vois nullepart avec Firefox mozilla !!!! Merci !
  23. Merci d'avoi répondu, CAPITAINE ! Oui, mais comment faire pour voir le fichier CSS correspondant au Menu du site que je cite en exemple ! Car je vois bien la construction du Menu au niveau HTML, mais c'est au Niveau du CSS que j'ai besoin de votre aide. Je n'arrive pas à trouve l'adresse du fichier CSS du MENu dont il est question. Merci. Edit captain_torche : inutile de citer le message précédent; on vient de le lire
  24. Salut à tous, Après quelques mois en standby, grace à votre aide, j'ai créé un site web il y a de celà plusieurs mois. Je reviens une fois de plus sur votre forum afin d'obtenir des informations. En effet je voudrai savoir comment réaliser ce genre de MENU. 1- En fait, un Menu qui au passage de la souris affiche toutes les rubriques du sous-Menu. 2- Un Menu estéthiquement joli, très bien encadré avec des bords arrondis. 3- Un Menu avec des couleurs personnalisées. 4- Un Menu horizontal. Merci à Tous ! Ah, oui je voudrai savoir si c'est du javascript, ou et comment pourrai je trouver un modèle de code permettant de réaliser exactement ce joli MENU, très bien encadré et arrondi ? Merci ! PS : J'ai oublié de vous donné l'adresse du modèle de Menu que je veux faire exactement : ICI le modèle de menu que je veux faire
×
×
  • Créer...