Nogi
-
Compteur de contenus
33 -
Inscription
-
Dernière visite
Type de contenu
Profils
Forums
Blogs
Tout ce qui a été posté par Nogi
-
Bonjour, J'ai 3 ordis connectés en réseau à un serveur. En utilisant CCleaner, sur 1 des ordis, il semble bien que j'ai oublié de décocher l'option "Mots de passe réseau" dans le volet Explorateur Windows et depuis, je ne peux accéder aux dossiers/fichiers. Un popup de demande d'utilisateur et mot de passe est demandé. L'installation ayant été faite il y a quelques années, les infos (utilisateur/mot de passe) sont perdus dans la brume... J'ai fais des recherches, trouvés des tutos sur Youtube, mais aucunes des solutions suggérées ne fonctionnent. Je vous laissent des liens consultés ci-dessous: How to Fix Enter Network Password Credentials in Windows 10,8.1,7 (Easy) : https://www.youtube.com/watch?v=Tv25v_aeh94 Disable ENTER NETWORK CREDENTIALS on Network Connections Windows 10 (3 Possible Methods) : https://www.youtube.com/watch?v=DkSidI6hYV8 Windows Credential Manager - Manage passwords/credentials saved on your Windows machine : https://www.youtube.com/watch?v=hSlwJe9xWO8 Photo du popup (User/Password) : https://images.scdn8.secure.raxcdn.com/wp-content/uploads/2017/05/img_5923d8a50e889.jpg Si vous avez d'autres suggestions/options, je suis preneur... Windows 10 Pro, 64bits. Merci.
-
Bonsoir ddehem, J'ai regardé ton code source(Ctrl U) et j'ai remarqué que tes "height" sont en pourcentages sur tes photos(ce qui n'est pas supposé), dont celle pour ton triangle central. Je suis allé voir sur Google Chrome et Safari et effectivement, elle s'étire en son milieu, propablement causée par le % .... il te faudrait les mettrent en pixels(px). Ça devrait être mieux! Nogi
-
Salut, J'avais réalisé mon icône en .bmp avec photoshop et vu sur internet qu'on pouvait y changer l'extension; mettre .ico à la place. Ça fonctionnait avec Firefox 3.0, Opéra 10 et Netscape 8.0(CA), mais pas avec IE7. Sur une autre page web aujourd'hui, une mention disait qu'une image .bmp changée en .ico pouvait occasionner des bogues avec IE. J'ai donc pris mon image-icône(.bmp) que j'ai placé sous GIMP, "enregistrer sous" dans mon dossier avec extension .ico, placée ensuite sur mon site ! Et ça fonctionne ! Voilà ou était mon problème. PS1: Pour réaliser une icône, j'en conclus qu'il faut utiliser un logiciel(ex. GIMP) qui "enregistre sous" avec l'extension .ico (que simplement changer l'extension ne fonctionne pas sous IE) PS2: Je n'ai pas IE8, mais ça fonctionne avec IE7, ça devrait être Ok j'imagine ! Je vous laisse le code que j'ai utilisé, pour ceux/celles que ça intéresseraient : <link rel="shortcut icon" href="http://votrepage.com/favicon.ico" /> Ciao ! Nogi
-
Bonsoir Dylav, En parcourant internet hier, j'avais consulté le 2e lien que tu me proposes. Sur celui du topic, un membre propose un [endif], j'ai essayé et étrangement, ça ne fonctionne toujours pas avec IE7 (Ok avec Firefox et Opéra).... Vois-tu mon erreur? Merci! Nogi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>mapage.ca</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="http://mapage.ca/favicon.ico" /> <!--[if IE 7]><link rel="shortcut icon" type="image/x-icon" href="http://mapage.ca/favicon.ico" /><![endif]--> <link rel="stylesheet" media="screen" type="text/css" title="mapage.ca_home.html" href="mapage.css/mapage_home03.css" /> </head> ......
-
Bonjour, J’ai réalisé une icône pour mon site pour la barre d’adresse. Ça fonctionne sous Firefox, Opéra et Netscape, mais pas sous IE7(???). J’ai lu sur un site qu’une image .ico est en fait une image bitmap et que changer l’extension suffisait, serait-ce le problème ? J’ai essayé les 3 façons suivantes: 1 - <link rel="shortcut icon" href="http://cgportfolio.ca/favicon.ico"'>http://cgportfolio.ca/favicon.ico"'>http://cgportfolio.ca/favicon.ico" /> 2 - <link rel="shortcut icon" type="image/ico" href="http://cgportfolio.ca/favicon.ico" /> 3 - <link rel="shortcut icon" type="image/x-icon" href="http://cgportfolio.ca/favicon.ico" /> J’ai aussi vider la cache et l’historique, sans succès . Voici le XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=""> <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="…." /> ….. [color="#4B0082"]<link rel="shortcut icon" href="http://cgportfolio.ca/favicon.ico" /> [/color] <link rel="stylesheet" media="screen" type="text/css" title=" home.html" href="fichier.css" /> </head> <body> ….< !--Content--> </body> </html> Merci ! Nogi Conf.: Windows XP/SP3 - IE7
-
En fait, c’est ce que j’aimerais avoir comme résultat : que les images de mon menu(ex. : Biographies, Spectacles, etc) demeurent toujours visibles et que mon image-filtre blanchâtre se superpose par-dessus celles-ci, pour démontrer que le curseur est sur le lien en question. Présentement, seul le curseur hand démontre que je suis bien sur le lien, lorsque celui-ci pointe un lien en particulier. Le fait de mettre chaque image-lien de fond dans le XHTML me permet de redimensionner celle-ci en width:16%; et height:34px; car les grandeurs de mes images sont de 500px X 110px. C’est pour cela que je ne peux mettre les images-liens dans le CSS, elles se retrouvent découpées. Le hic, c’est que si je réduis les images à 150px X 34px, le lettrage que j’ai utilisé pour les images de fond de menu devient pratiquement illisible et j’aimerais bien les garder ainsi. Alors je vais essayer l’attribut visibility:visible; avec li{. . . .} comme tu me suggères. PS. : J’ai déjà utilisé a et a:hover en images distinctes sur notre site myspace(question que j’avais demandé sur votre site l’an passé), mais ce n’est pas le résultat que je veux, comme mentionné plus haut dans mon post. Merci ! Nogi Voici un montage-image de ce j’aimerais obtenir :
-
J’ai téléchargé le logiciel que tu me suggères et j’ai finalement opté pour la solution :hover, en fignolant mes images. J’ai utilisez le a et a:hover ; image01 pour le choix de fond de menu et la même image avec un filtre blanc ajouté par-dessus, qui me donne image02, pour le survol. Le seul hic que je n’aime pas est qu’en mettant les photos dans le CSS, la largeur (width) n’accepte pas les %. Je travailles en 1280px X 1024px et j’ai quantifié à 1122px(les photos à 185px), alors quand j’augmente la résolution d’écran, le menu se "réduit" en largeur, mais bon, je vais faire avec. Merci ! Nogi XHTML . . . . <div> <ul id="menus"> <li class="bio"><a href="biographies_fr.html" alt="Lien - Biographies" title="Lien - Biographies" tabindex="40"></a></li> <li class="shows02"><a href="2009_shows_fr.html" alt="Lien - Dates de spectacles" title="Lien – Dates de spectacles" tabindex="45"></a></li> . . . . etc . . . . </ul> </div> . . . . CSS . . . . #menus{overflow:hidden; [color="#A0522D"][b]width:1122px;[/b] [/color]margin:3% auto 0; padding:0} li{float:left; display:inline; list-style:none} .bio a{background:url("01biographies.png") no-repeat; [color="#A0522D"][i]width:185px;[/i][/color] height:35px; display:block; border:crimson solid 1px; border-right:0} .bio a:hover{background:url("015biographies.png") no-repeat} .shows02 a{background:url("02spectacles.png") no-repeat; width:185px; height:35px; display:block; border:crimson solid 1px; border-right:0} .shows02 a:hover{background:url("025spectacles.png") no-repeat} . . . . etc . . . .
-
[Résolu]Blocs, photos, textes qui se chevauchent!
Nogi a répondu à un(e) sujet de Nogi dans Programmation
Parfait, je vais essayer ça ce w-e! Au sujet d'IE7, oui effectivement, j'avais déjà essayé de retélécharger IE6, mais Windows ne voulait pas. Et je ne suis pas intéressé a jouer dans l'OS. Merci Dylav et KewlCat! À une prochaine! Nogi -
[Résolu]Blocs, photos, textes qui se chevauchent!
Nogi a répondu à un(e) sujet de Nogi dans Programmation
Bonjour, J'ai fais les modifications et ça fonctionne. J'avoue que j'utilisais les height parce que, sur une autre page que j'ai fais, IE7 en avait pas besoin, mais le seul moyen pour que ça fonctionne avec Mozilla et Opéra était d'y ajouter des hauteurs en px sur les blocs. Ce pourquoi j'utilisais l'attribut height en permanence. J'imagine alors que c'est dans ma conception de ma feuille de style que j'ai un bug! J'ai même essayé avec height: auto; mais Mozilla et Opéra ne le prennent pas. Il faudra que je revise la feuille de style de cette page en particulier. Malgré ta réponse Dylav, j'aimerais poussé plus loin le défi. Quand je parle de minimiser une page web (ex.: zebulon.fr), si on réduit à une taille de 6po. X 6po.(12cm X 12cm), à partir d'une certaine largeur, il se forme une barre de défilement automatiquement en bas, ce qui permet à la page de ne pas se répendre seulement en hauteur(comme la mienne). Avec ma page (CG Transport), la largeur en % "demeure" à l'intérieur de la page minimisée et je perd donc les textes et la photo à l'intérieur de mon entête. La solution est peut-être avec min-width et min-height, comme le suggère KewlCat. Au fait, je suis avec IE7, quel est le truc pour visualiser avec IE6? Merci! Nogi -
[Résolu]Blocs, photos, textes qui se chevauchent!
Nogi a répondu à un(e) sujet de Nogi dans Programmation
Bonjour, J'ai vu ceci une fois, je l'ai essayé dans le XHTML, mais ça n'avait pas résolu mon problème: ... [<body bottommargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" leftmargin="0">]... Alors voici mes codes XHTML et CSS: XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>www.cgtransport.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="cgtransport.html" href="../cgportfolio.css/001_cgtransport.css" /> </head> <[color="#A0522D"]body[/color]> <h1>CG Transport</h1> <div id="banner_truck"> <p id="wheels_truck"></p> <p class="text001">CG Transport</p> <p class="text0021"><em>Sur la route depuis 17 ans !</em></p> <p class="text0022"><em>On the road since 17 years !</em></p> </div> <div id="cote_gauche"> <h2 class="bienvenue01">Bienvenue</h2> <p class="text003"> Sed vel nunc consequat erat. Aenean a massa. Quisque ultricies, dolor non rutrum ullamcorper,lorem ligula blandit pede, malesuada volutpat magna dolor et ante. In tellus felis, tincidunt eget, adipiscing eu, gravida sit amet, lorem. Proin dolor. Proin vel elit. Morbi vel enim.</p> <p class="text004">Quisque accumsan wisi id quam. Integer tortor justo, cursus volutpat, vehicula ut, pellentesque ultrices, neque. Ut scelerisque. In velit tortor, venenatis eget, ultricies id, mollis nec, dui. Morbi nec ante vitae libero fermentum aliquam. Aenean sollicitudin turpis sit amet quam. Quisque lacinia. Proin mollis. Vestibulum dapibus, nulla sit amet lacinia dapibus, est odio condimentum lorem, id aliquam lorem enim vitae nibh. Duis lorem.</p> <p class="text005">Nulla tortor. Nunc pulvinar. Quisque lacinia. Proin mollis. Vestibulum dapibus, nulla sit amet lacinia dapibus, est odio condimentum lorem, id aliquam lorem enim vitae nibh. Nulla tortor. Nunc pulvinar. Donec mi In hac habitasse platea dictumst. Ut at neque interdum enim</p> <p class="mailto"> Mess.: 514.123.4567<br /> Cell.: 514.345.6789<br /> <a href="mailto:fictif@cgtransport.com">fictif@cgtransport.com</a> </p> </div> <div id="cote_droit"> <h2 class="welcome02">Welcome</h2> <p class="text006"> Nam vel arcu quis justo condimentum egestas. Aliquam dictum wisi. Nam lorem. Ut scelerisque. In velit tortor, venenatis eget, ultricies id, mollis nec, dui. Morbi nec ante vitae libero fermentum aliquam. Ut non quam. Aenean sollicitudin turpis sit amet quam. Quisque lacinia. Proin mollis</p> <p class="text007">Vestibulum dapibus, nulla sit amet lacinia dapibus, est odio condimentum lorem, id aliquam lorem enim vitae nibh. Nulla tortor. Nunc pulvinar. Vestibulum malesuada wisi et urna. Aenean aliquam, odio quis semper cursus, nisl lacus rutrum ipsum, a laoreet neque ante vitae tortor. In hac habitasse platea dictumst. Ut at neque interdum enim pharetra commodo.</p> <p class="text008">Quisque lacinia. Proin mollis. Praesent bibendum tempor metus. Sed vitae tellus mollis magna luctus ultrices. Mauris sollicitudin aliquet nunc. Aenean urna. Duis lorem. Proin augue. Quisque interdum felis eu diam. Etiam pede lectus, facilisis sit amet, varius a, malesuada varius, nisl.</p> </div> <div id="copyrights">cgtransport.com © 2009</div> <div><img src="truck005.png" id="truck005" /></div> </body> </html> CSS body { margin-top: 0%; margin-bottom: 2%; /* background: #5BFDEF url("road07.png") center -15% fixed no-repeat; */ } a { text-decoration: none; color: #3B6780; } a:hover { font-style: italic; color: #800080; } h1 { text-indent: -50000px; color: #000; } h2 { font-size: 1.8em; } #banner_truck { width: 85%; height: 100px; margin-left: auto; margin-right: auto; /* background: url("banner_truck001.png") top left repeat-x; */ border: #3A0768 solid 1px; /* none */ } .text001 { width: 45%; text-align: left; margin-right: 0%; margin-bottom: 0%; padding-top: 1.3%; padding-left: 7%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 3.2em; color: #3A0768; /* #00FFFF */ border: none; } .text0021 { width: 28%; height: 20px; text-align: left; margin-top: 0%; margin-left: 10%; margin-right: 0%; margin-bottom: 0%; display: inline; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 1.0em; font-weight: bold; color: #3A0768; /* #00FFFF */ border: none; } .text0022 { width: 28%; height: 20px; text-align: left; margin-top: 0%; margin-left: 5%; margin-right: 0%; margin-bottom: 0%; display: inline; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 1.0em; font-weight: bold; color: #3A0768; /* #00FFFF */ border: none; } #wheels_truck { float: right; width: 34%; height: 100px; margin-top: 0%; margin-left:0%; margin-right: 0%; display: inline; padding-right: 0%; /* background: url("banner_wheels005.png") top right no-repeat; */ border: none; } .bienvenue01 { text-indent: 1%; margin-top: 2%; margin-left: 7%; margin-bottom: 0%; color: #1E7480; } .welcome02 { text-indent: 0.8%; margin-top: 3%; margin-left: 7%; margin-bottom: 0%; color: #1E7480; } #cote_gauche { float: left; width: 34%; height: 580px; margin-top: 1.7%; margin-left: 6%; border: none; } .text003 { width: 70%; height: 170px; text-align: justify; text-indent: 0.6%; margin-top: 3%; margin-left: 7%; margin-bottom: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } .text004 { width: 70%; height: 200px; text-align: justify; text-indent: 0.6%; margin-top: 0%; margin-left: 17%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } .text005 { width: 70%; height: 120px; text-align: justify; text-indent: 0.6%; margin-top: 0%; margin-left: 11%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } .mailto { float: left; width: 160px; height: 55px; margin-top: 7%; margin-left: 20%; padding-top: 6px; padding-left: 10px; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; border: aqua outset 1px; } #cote_droit { float: right; width: 34%; height: 550px; margin-top: 1.7%; margin-right: 6%; margin-bottom: 0%; border: none; } .text006 { width: 70%; height: 170px; text-align: justify; text-indent: 0.6%; margin-top: 3%; margin-left: 7%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } .text007 { width: 70%; height: 180px; text-align: justify; text-indent: 0.6%; margin-top: 0%; margin-left: 22%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } .text008 { width: 70%; height: 140px; text-align: justify; text-indent: 0.6%; margin-top: 0%; margin-left: 16%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%; font-family: "Times New Roman", Times, Georgia, Verdana, sans-serif; font-size: 0.8em; color: #3B6780; border: none; } #copyrights { position: absolute; left: -50%; bottom: 0%; font-size: 0.5em; font-family: Verdana, Arial, sans-serif; color: #000; } #truck005 { float: right; width: 300px; height: 175px; margin-top: 0%; margin-right: 10%; margin-bottom: 0%; padding-top: 0%; border: #3A0768 solid 1px; /* photo: 300px X 175px */ } Merci de votre aide! Nogi -
Bonjour, Lorsque je minimise une page web que je conçois, les éléments finissent par se chevaucher. J'ai remarqué, lorsque qu'on diminue de beaucoup une page internet quelconque, une barre de défilement(horizontale) se forme automatiquement, les empêchant de s'entremêler et les textes de sortir de leurs blocs. Je ne connais pas encore le JavaScript et le PHP, mais est-ce possible de résoudre le problème avec le XHTML/CSS seulement? Merci ! Nogi
-
Eh oui! Ca fonctionne. J'étais simplement curieux côté CSS. Merci de vos réponses et désolé de ma réponse tardive! Nogi html { scrollbar-track-color: #F75D28; scrollbar-face-color: #005424; scrollbar-3dlight-color: #00EBC1; scrollbar-highlight-color: #00D548; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #004321; scrollbar-arrow-color: #001989; }
-
Bonsoir Dylav, Merci pour les infos à propos des curseurs! Pour ce qui est de la barre de défilement, je prends note que ce n'est pas conseillé. Mais par curiosité personnel, j'ai tout de même essayé ceci, mais ça ne fonctionne pas! Quel serait mon erreur! body { scrollbar-track-color: #F75D28; scrollbar-face-color: #005424; scrollbar-3dlight-color: #00EBC1; scrollbar-highlight-color: #00D548; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #004321; scrollbar-arrow-color: #001989; } À+ Nogi
-
Bonjour Dylav, Exact! Et d'après ta réponse, j'aurais à retouché mon image de fond avec mon programme de photo(s). Un de mes amis m'a "obtenu" la version photoshop 8.0, justement cette semaine et cette fois-ci, j'ai la section Aide, que je n'avais pas avec mon ancienne version (6.0). J'ai jeté un oeil pour l'édition de photos en mode .GIF, ce pourquoi je demandais si qq'un connaissait un (ou des) tutoriel(s)! C'est pas grave, c'est Ok, j'aime bien approfondir ce genre de programme! PS: J'ai aussi oublié de demandé dans mon 1er message si vous connaissiez, toi ou les membres du forum, un (ou des) site(s) qui traterait(ent) de modèles de curseurs(cursors) et de barres de défilement(scrollbars) déjà préétablis, ou à modifier soi-même, pour le XHTML / CSS? Merci de ta réponse Nogi
-
Bonsoir, J’aimerais mettre une bordure (ex.: border: 9px groove #B3FFE0;) autour de mon image de fond ("../ur077.jpg"). J’ai fait qq tests, mais sans résultats. Qu'auriez-vous à me proposer? L’image de fond étant déjà dans la section CSS, comment indiqué au navigateur que la bordure doit être effective pour l’image. Car si j'ajoute « border » à l'intérieur de body{ background: #001C0A .... ;}, évidemment, la bordure fait le tour du site, et non, l’image même. Ou alors, il ne me restera qu'à en créer une avec photoshop, mais j'aimerais mieux utiliser la fonction: « border: ». Voici mon code CSS : body { background: #001C0A url("../ur077.jpg") center center fixed no-repeat; [color="#C0C0C0"]border: 9px groove #B3FFE0;[/color] /* À ajouter pour l'image; "../ur077.jpg", mais où? */ font-family: "Times New Roman", Garamond, Verdana, Georgia, serif; color: beige; /* Couleur de tous les textes */ } PS : Connaissez-vous un site de tutoriels simples pour la fabrication(astuces) d’image(s) .GIF ? Merci! Nogi
-
[résolu] Bonjour dylav, Merci pour toutes tes explications et tes codes. Bien aimable! Comme je l'ai mentionné dans un message précédent, j'avais essayé le code avec bloc-notes et ça fonctionnait aussi. Mais sur le site en question(...myspace.com), ça ne fonctionne pas(????). La section où j'ai mis les images ne semble pas fonctionné de manière standard(Présentement, ça fonctionne avec mon code archaique!). J'aimerais bien te démontrer mes dires à l'écran, mais bon, disons que c'est assez impossible! J'espère ne pas trop avoir abusé de ton temps et un gros Merci pour ta patience! PS: Mais je vais avoir d'autre(s) question(s) ultérieurement, à propos du site que je suis(veux) en train de monter(avec Notepad)! Nogi a la prochaine!
-
Bonjour encore! dylav à écrit: Je viens d’essayer les images dans la barre d’adresse et elles fonctionnent. Ma manière pour avoir les url est d’uploader les photos dans la section (photo) interne. En plaçant le curseur sur ladite photo, en cliquant à droite sur la souris(pour "propriété"), une petite fenêtre s’ouvre et me donne une url du genre : (http://a62.ac-images.myspacecdn.com/images01/78/l_2769039829036479d6ffdd679717fadd.jpg) .... et après, je la(les) place(nt) dans la section qui m'intéresse, avec les balises <p> et <img /> .... ex.: <p><img src="http://a62....jpg" /></p> .... J’ai fait la même chose avec les 8 photos que j’ai utilisé, pour insérer ces url dans mon fameux code archaïque! Je remets le code qui fonctionne actuellement, faudra que j’essais de placer les balises <head> et <body> pour que ton code soit OK! <p><i><b><font color="F5A200" face="PR Uncial", "Times New Roman", Verdana, serif">Marc - Bass & Lead Vocals</font></b></i></p> <head> <style type="text/css"> .roll12 a { background:url("http://....image001.jpg"); width:150px; height:200px; display:block; } .roll12 a:hover { background:url("http://....image002.jpg"); } </style> </head> <body> <div class="roll12"> <a href="" alt="Photo - Band" title="Photo - Bio.Marc"></a> </div> </body> <p><i><b><font color="F5A200" face="PR Uncial", "Times New Roman", Verdana, serif"> *Gino - Drums</font></b></i></p> <head> <style type="text/css"> .roll34 a { background:url("http://a62.ac-images.myspacecdn.com/images...d679717fadd.jpg"); width:200px; height:150px; display:block; } .roll34 a:hover { background:url("http://....image004.jpg"); } </style> </head> <body> <div class="roll34"> <a href="" alt="Photo - Band" title="Photo - Bio.Gino"></a> </div> </body> <p><i><b><font color="F5A200" face="PR Uncial", "Times New Roman", Verdana, serif"> Claude - Rhythm Gtrs & Back Vocals</font></b></i></p> <head> <style type="text/css"> .roll56 a { background:url("http://....image005.jpg"); width:200px; height:150px; display:block; } .roll56 a:hover { background:url("http://....image006.jpg"); } </style> </head> <body> <div class="roll56"> <a href="" alt="Photo - Band" title="Photo - Bio.Claude"></a> </div> </body> <p><i><b><font color="F5A200" face="PR Uncial", "Times New Roman", Verdana, serif"> Alex - Lead Gtrs</font></b></i></p> <head> <style type="text/css"> .roll78 a { background:url("http://....image007.jpg"); width:150px; height:200px; display:block; } .roll78 a:hover { background:url("http://....image008.jpg"); } </style> </head> <body> <div class="roll78"> <a href="" alt="Photo - Band" title="Photo - Bio.Alex"></a> </div> </body> <p><i><b><font color="F5A200" face="PR Uncial", "Times New Roman", Verdana, serif">*Nogi - MSwebsite html, fotos & vids</font></b></i></p></br Ahhh!! Pourquoi faire compliqué, quand ça pourrait être si simple : <i><u>Résultat</u> :</i> …. Mais bon, je comprends et à l’avenir, j’utiliserais ton exemple! <span> Et on continue! Nogi
-
Bonjour dylav, Kewlcat m’a écrit : " Si tu mets une petite background-image en no-repeat dans un bloc, le reste du bloc non occupé par l'image sera rempli de la couleur du background-color. " Je comprends mais, une autre question que je me demandais : La photo que j’utilise est de 1600px x 1200px (Lxh). Ma résolution d’écran est : 1024 x 768 (4:3) Je comprends que je pourrais réduire ma photo( j’ai essayé 1000px X 675px) et c’est parfait! Mais si j’utilise cette photo, qq’un qui a une résolution d’écran de 1280 x 1024 aura la couleur du bckgrnd-color dans l’excédant tout autour. Mon questionnement est : existe-t-il une astuce XHTML qui fait en sorte que si j’utilise la photo (1600 x 1200), la modification se fera pour chaque grandeur d’écran? Et aussi les écrans 16:9? Photo . . . . . . . Navigateur . . . . Résolution d’écran 1600 x 1200 + astuce XHTML = 1024 x 768 (photo pleine grandeur, sans coupures!) 1600 x 1200 + astuce XHTML = 1280 x 1024 (idem) Mais bon, j’imagine aussi qu’avec le 16:9, l’image serait du genre « étirée ». Donc, pas très attrayant! L’idéal sera p-e de réduire la photo à 1280 x 1024 (au lieu de 1600 x 1200) et ceux qui ont une résolution inférieure, comme moi, auront une (infime) partie de l’image coupée. Merci! Nogi
-
Bonsoir, Mon disque dur étant partitionné, ce que je fait présentement est dans la partie U:\ ..... U:\ur(webie6)\style.css Justement, les pages .html sont dans le dossier ur(webie6) et ma feuille de style(.css), dans le sous-dossier style.css! J'ai essayé: url("../ur099.jpg"), dans ma feuille .css et ça fonctionne! Parce que j'avoue que c'est encore un peu abstrait. Source: [url="http://fr.wikibooks.org/wiki/Programmation_HTML/Liens#Liens_relatifs:"]http://fr.wikibooks.org/wiki/Programmation...Liens_relatifs:[/url] (....) " Si le fichier se trouve dans le répertoire parent du répertoire actuel, ou dans un sous-répertoire du répertoire parent, il faut « remonter » à l'aide de deux points « .. ». " (....) " Un petit piège où il ne faut pas tomber : si tu as externé la feuille de style où est invoquée l'image (dans un fichier StyleNogi.css, par exemple), l'adresse relative décrira le chemin qui sépare la feuille de style (et non la page HTML utilisant la feuille de style) de l'image (pour des raisons de classement des divers éléments de ton site, tu n'auras pas forcément rangé dans le même répertoire la feuille de style et la page HTML). " " Parlons enfin de ton lecteur U. Comme te le faisait remarquer KewlCat, tu es le seul à y accéder. Lorsque tu mettras ta page HTML en œuvre sur un serveur, n'oublie pas d'y implanter également une copie de ton image (et c'est cette copie qu'il faudra adresser dans la feuille de style), afin que les visiteurs de ton site puissent la voir en de fond de page. " Quand je serai rendu-là, je vous redemanderais surement conseil(s), le cas échéant. Merci! Nogi
-
Bonsoir Dylav, Tu ne m'as pas vexé, bien au contraire, je suis ici pour apprendre. Mais cette fois-ci, j'espère que c'est moi qui ne te vexeras pas. J'ai essayé le code et non, ça ne fonctionne pas. Vraiment bizarre! En l'incorporant dans la section en question, il n'y a pas de photos. Tout ce qu'il y a, ce sont les 5 commentaires(au fait, j'en ai rajouté un à la fin!). Même en enlevant les balises; <html></html> et <title></title>, il n'y a toujours que les 5 commentaires. Alors, pour être certain que ça fonctionnait, j'ai fait une page avec bloc-notes, en recopiant ton code(et mon petit rajout) et c'est fonctionnel(!!!). Tu peux essayer si tu veux! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"<!-- Rappel : "lang" = fr(français) ou en(englais) --> <head> <title>Band</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <head> <title>Essai :hover multiple</title> <style type="text/css"> #roll12 a { display:block; width:150px; height:200px; background:url("http://a566.ac-images.myspacecdn.com/images01/71/l_e57d77e9c5e5eecc38a548c39119367d.jpg"); } #roll12 a:hover { background:url("http://a81.ac-images.myspacecdn.com/images01/28/l_ea42b5fe69401ce2ebe12455a3b9dbd0.jpg"); } #roll34 a { display:block; width:200px; height:150px; background:url("http://a62.ac-images.myspacecdn.com/images01/78/l_2769039829036479d6ffdd679717fadd.jpg"); }#roll34 a:hover { background:url("http://a798.ac-images.myspacecdn.com/images01/102/l_3a35b99cac9cea411757855e6181441d.jpg"); } #roll56 a { display:block; width:200px; height:150px; background:url("http://a876.ac-images.myspacecdn.com/images01/73/l_30ed66180a01f77a0c2a9aebd53e255b.jpg"); }#roll56 a:hover { background:url("http://a105.ac-images.myspacecdn.com/images01/112/l_75749b1e5b0831dc227302f3ff809570.jpg"); } #roll78 a { display:block; width:150px; height:200px; background:url("http://a529.ac-images.myspacecdn.com/images01/112/l_15c5a4b1e6f5fc4b2d3c4c2be1c072d8.jpg"); }#roll78 a:hover { background:url("http://a374.ac-images.myspacecdn.com/images01/13/l_822922f2b6b26f9116b2a801faa7e165.jpg"); } .commentaire { font-family:"PR Uncial","Times New Roman", Verdana, serif; font-size:0.7em; font-weight:bold; font-style:italic; color:#F5A200; } .nogi { font-family:"PR Uncial", "Times New Roman", Verdana, serif; font-size:0.5em; font-weight:bold; font-style:italic; color:#F5A200; } .résultat, .bouchon { font-family:"Courier New"; font-size:0.8em; text-indent:15px; } </style> </head> <body> <div id="roll12"> <p class="commentaire">Marc - Bass & Lead Vocals</p> <a href="#" alt="Photo - Band" title="Photo - Bio.Marc"></a> </div> <div id="roll34"> <p class="commentaire">*Gino - Drums</p> <a href="#" alt="Photo - Band" title="Photo - Bio.Gino"></a> </div> <div id="roll56"> <p class="commentaire">Claude - Rhythm Gtr & Back Vocals</p> <a href="#" alt="Photo - Band" title="Photo - Bio.Claude"></a> </div> <div id="roll78"> <p class="commentaire">Alex - Lead Gtr</p> <a href="#" alt="Photo - Band" title="Photo - Bio.Alex"></a> </div> <p class="nogi">*Nogi - MSwebsite html, fotos & vids</p> <p class="résultat"><i><u>Résultat</u>:</i> www.myspace.com/urmusics.... (retour de l'ancien code, pour l'instant!)</p> <p class="bouchon"><i><u>Attention</u>:</i> faudra p-e mettre des bouchons: <i><u>rock alternatif</u>!</i></p></br> </body> </html> Je te donne, d'après une autre section de ce site, la manière dont débute le code de la page, p-e cela pourra-t-il t'orienter un peu plus sur le genre de disposition qu'il me(nous) resteraient à apporter au début/fin du code: (j'aimerais bien qu'on trouve l'astuce, .... visuellement plus professionnel!) <html>(-?) <title>(-?) </title>(-?) <head> <style> { Ton code } </style> </head> <body>(?) <div></div> </body>(?) </html>(-?) Code : <style type="text/css"> body {background-color:000000; background-image:url("http://....jpg"); background-position:center center; background-repeat:no-repeat; background-attachment:fixed;}; table, tr, td {background:transparent; border:0px;} table table table {background-color:none;} table table table { border-width:2px; border-color:EA2E39; border-style:solid; } .... etc! (écrit sous forme de textes, et non verticalement!) Il y a aussi un code vidéo: <div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" style="width:400px;height:300px" align="middle" etc! ... </object> + qq autres paramètres! Ça commence directement comme ça; sans <head></head>, ni <body></body> (et à la fin aussi!) En étudiant la section <div></div>, j'ai aussi compris pourquoi(et c'est ce que je voulais) les commentaires étaient au-dessus des photos: <div> <p class...> <a href....> </div> Good! Good! Good! .... Et aussi pour les explications sur "class" et "id", ça commence à entrer! PS.: Je sais aussi que je ne devrais pas utilisé la police "PR Uncial" , mais bon, ça me plaît, et au pire, il restera les autres... et serif. Merci! Nogi
-
Bonsoir, J'ai une image que je veux utilisé en bckgnd, de 1600px X 1200px. Ma résolution d'écran est 1024 x 768. Bien entendu, lorsque l'image apparaît, il manque une partie. Est ce que je devrais réduire l'image à 1024/768? Et qu'arrivera-t-il pour ceux qui ont une plus haute résolution(Lxh) que la mienne? Voici mon code CSS : body { background-image: url("u:/ur(webie6)/ur099.jpg"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; } Merci de votre aide! Nogi
-
Bonsoir, J'ai un set d'images utilisées en :hover. J'aimerais rajouter 3 autres sets d'images avec le même principe. Si j'utilise le même code, je changes les images, mais il doit y avoir un # à ajouter à l'intérieur du code, mais où? Car si je ne change que les images(avec le même code), c'est le 1er set qui se répète. Merci de votre aide! Nogi Voici: Set d'images 1 <html> <head> <style type="text/css"> .roll a { display:block; width:200px; height:150px; background:url("http://a212.ac-images.0001.jpg");} .roll a:hover { background:url("http://a693.ac-images.0002.jpg");} </style> </head> <body> <div class="roll"> <a href="#"></a> </div> </body> </html> <br><br> Set d'images 2 <html> <head> <style type="text/css"> .roll a { display:block; width:150px; height:200px; background:url("http://a258.ac-images.0003.jpg");} .roll a:hover { background:url("http://a967.ac-images.0004.jpg");} </style> </head> <body> <div class="roll"> <a href="#"></a> </div> </body> </html> <br><br> Set d'images 3 etc Set d'images 4 Fin
-
En ajustant qq détails du code de Dylav, tout est ok, ça fonctionne! Voici le résultat, si parfois qq'un d'autre pourrait en aurait de besoin: <html> <head> <style type="text/css"> .roll a { display:block; width:180px; height:130px; background:url("http://a523.ac-images…..jpg");} .roll a:hover { background:url("http://a327.ac-images…..jpg");} </style> </head> <body> <div class="roll"> <a href="#"></a> </div> </body> </html> Merci de votre aide et de vos conseils! Nogi
-
Ça fonctionne! ... et j'espère faire présentement ce qu'il faut pour mentionner que mon problème est résolu! ... en cliquant "Terminer". Et merci encore! Nogi
-
Désolé, je n'avais pas vu ça comme ça. Je ne voyais que l'effet "zoom" ds votre exemple. Je vois maintenant qu'avec 2 images de mêmes dimensions(px: L/h), vous avez raison, j'arriverais au résultat. Merci pour les suggestions, liens et commentaires! Cordialement, Nogi