Jump to content

massstreamer

Actif
  • Content Count

    13
  • Joined

  • Last visited

Community Reputation

0 Neutre

Contact Methods

  • Website URL
    http://massstreamer.free.fr

Profile Information

  • Genre
    Homme
  1. Je viens de lire les réponses qui étaient adressées à ma question et je les ai essayée. Désolé, c'est une erreur de distraction ou de précipitation. Mais sinon, merci de me le faire remarquer Chark. Là par contre, j'ai essayé, et le texte sort de la boîte principale (centrale) par la droite. Sinon, le HACK CSS marche tout aussi bien avec ta méthode. Merci, je note. Maintenant, concernant la question principale, posée dans ce topic, j'ai toujours ce P..... de problème d'effacement du BORDER sous IE.
  2. Bonjour à tous. IE (encore lui) me fait un broblème d'affichage des BORDER d'une boîte DIV à cause d'un HACK CSS. Comme vous pourrez le voire à cette adresse (à tester dans IE, les autres navigateurs n'ont pas ce problème): http://massstreamer.free.fr/col_mm_hauteur.html J'ai une colonne d'images qui est en FLOAT:LEFT dans la boîte DIV principale. Le texte occupe moins de hauteur de page que les photos. Pour que le bas de la boîte principale arrive en bas des photos, j'ai donc posé le HACK si dessous (un grand classique): partie CSS: .spacer{ clear:both; visibility:hidden; font-size:1px; margin:0; padding:0; height:1px; } Partie HTML: <div class="spacer"> </div> Le bas de la boîte DIV arrive bien sous la série de photos seulement voilà, la bordure (BORDER) ne s'affiche pas bien sur toute sa hauteur (comme gommée). Cet effacement bizarre s'accentue quand on joue avec le scroll jusqu'à ce qu'il se stabilise sur une hauteur qui correspond au décalage entre le bas du texte contenu et le HACK (ou le bas de la DIV). Le problème disparaît lorsque j'enlève le HACK mais alors, la présentation laisse à désirer. Si quelqu'un peu me donner la solution à ce problème ou une alternative, ça m'enlèverais une belle épine hors du pied. Merci d'avance pour vos réponses.
  3. Un énorme merci à BIGORNOT. Je savais qu'ici on alllait vaporiser mon problème.
  4. Bonjour à tous et bonne année 2006. Je pense qu'une fois de plus je vai pauser une question débile que l'un d'entre vous va règler vite fait. Pour information, je débute en MySQL et j'utilise l'interface PhpMyAdmin. Bon! J'ai encodé des données dans une table à 3 colonnes: 1 - date (au format date) 2 - catégorie (format varchar(30)) 3 - projet (format varchar(60)) J'avais donc encodé tous les enregistrements mais, évidement, j'ai fait des fautes de frappe. Donc, je les modifie et j'enregistre ces modifications. Lorsque je demande d'afficher l'ensemble de la table, il me l'affiche normalement à ceci près que dans les enregistrements que j'ai modifié, la croix de suppression s'est transformée en point d'interrogation. Lorsque je survole ce point d'interrogation, il affiche ce conseil: "Vous devriez définir une clé primaire pour cette table". Je suis les conseils et définis une clé primaire sur les trois colonnes de ma table mais lors de son affichage, je vois que les points d'interrogation sont toujours là, me répétant le même conseil. J'ai bien consulté la doc en ligne mais elle est encore fort opaque pour moi. Je manque encore de vocabulaire. Pour m'aider, vous pouvez faire 2 choses: 1 - M'expliquer comment me débarasser de ce point d'interrogation et récupérer la croix de suppression des enregistrements qui ont été modifiés. Ou m'expliquer la juste manière de modifier ses enregistrements. 2 - S'il existe, me donner l'adresse d'un site de MySQL pour les nuls. Merci d'avance.
  5. Toutes mes excuses pour le javascript additionnel qui calcule la largeur de la fenêtre trop large, il y avais quelques erreurs. Le voici entièrement corrigé (à remettre dans la balise <head> à la place de l'autre). <script type="text/javascript"> /* Script édité par Erik Lamy avec l'aide du "QuickGuide - développeur - Javascript" de Michel Dreyfus aux éditions Campus Press */ function set_width(ID,encombrement){ var conteneur = document.getElementById(ID); var nbCHILD = conteneur.childNodes.length; var nav = navigator.appName; if ((j = navigator.userAgent.indexOf("Opera")) != -1){/* si c'est Opera (Obligatoir car Opera est un caméléon */ var nbEnfants = (nbCHILD - 1)/2; alert('nombre d\'enfants : ' + nbEnfants); } else if ( nav == 'Microsoft Internet Explorer' ){/* si c'est Microsoft */ var nbEnfants = nbCHILD; alert('nombre d\'enfants : ' + nbCHILD); } else if ( nav != 'Microsoft Internet Explorer' ){/* DOM ou autres navigateurs */ var nbEnfants = (nbCHILD - 1)/2; alert('nombre d\'enfants : ' + nbEnfants); } var Largeur = nbEnfants * encombrement; document.getElementById(ID).style.width = Largeur + "px"; } </script> Ca marche sur Opera, IE et Firefox. Si qulqu'un a envie de le tester dans d'autres navigateurs, je suis ouvert à toute remarque.
  6. C'est pas grave le seul élément qui revient plusieurs fois, à savoir la/les <div> contenues dans <div id="conteneur_divs"> n'a pas d'ID mais est/sont atteinte(s) par le sélecteur css: #conteneur_divs div{} Donc pas de problème.
  7. Je ne comprend pas. La hauteur de quelle fenêtre? la gauche, les divs numérotées? Sinon j'étais parti sur la piste de l'attribut css "min-width" mais ça n'a pas marché. Alors, j'ai tapé un javascript qui calcule le nombre de "<divs> numérotées" et leur encombrement total pour en déduire la largeur de la <div id="conteneur_div">. Et ça marche. (J'ai juste du transformer les class en id). Un petit bémol cependant, IE(encore lui ) n'interprète pas du tout les dimensions de la même manière. Voici le code. <?xml version="1.0" encoding="iso-8859-1"?> <!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> <script type="text/javascript"> function set_width(ID,encombrement){ var conteneur = document.getElementById(ID); var nbEnfants = conteneur.childNodes.length; var Largeur = ( nbEnfants / 3 ) * encombrement; document.getElementById(ID).style.width = Largeur + "px"; } </script> <style type="text/css"> #conteneur_volets{ border:1px solid #000000; height:165px; width:700px } #gauche{ overflow:auto; position:relative; width:130px; height:153px; float:left; margin:5px; padding:0;/* Pour les browsers qui ne l'atribueraient pas par défaut */ border:1px solid #ff0000; } * html #gauche{margin:5px 5px 5px 3px;width:155px}/* hack qui donne des infos juste aux navigateurs IE */ #conteneur_divs{/* Fenêtre trop large */ width:100px } #conteneur_divs div{ overflow:auto; position:relative; background-color:#bbbbbb; height:120px; width:120px; margin:5px; float:left; } * html #conteneur_divs div {margin:5px 5px 5px 3px} #droite{ height:153px; border:1px solid #00ff00; margin:5px 5px 5px 145px; } .spacer{clear:both} </style> <title>Test</title> <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" /> </head> <body onload="java script:set_width('conteneur_divs',182)"> <div id="conteneur_volets"> <div id="gauche"> <!-- Fenêtre trop large --> <div id="conteneur_divs"> <div>01</div> <div>02</div> <div>03</div> <div>04</div> <div>05</div> <div>06</div> <div>07</div> </div> </div> <div id="droite"></div> </div> </body> </html> Faudrais juste un sniffeur javascript qui repère IE dans une structure conditionnelle avec une instruction qui réajuste la largeur de <div id="conteneur_div"> P.S: C'est compatible Opera, Firefox et IE(si j'arrive à faire le sniffeur).
  8. Je connais mais ça ne s'applique pas exactement à mon problême. Mais je recommande cette adresse à tous ceux que le webdesign de qualité intéresse.
  9. Merci c'est presque ce que je cherchais. C'est bête, j'avais vraiment pas pensé à rajouter une fenêtre trop large. Faudrais juste que cette fenêtre trop large puisse s'étendre parceque la série de <divs> numérotées est appelée d'un serveur et je n'en connais pas le nombre à l'avance. En attendant la fenêtre trop large sera vraiment trop large, bien que ce scroll à ralonge donne sur du vide (un peu bizarre). Je pense aussi aux attributs css "min-width" ça pourrait améliorer cette solution (mais faut que je vérifie la compatibilité). Pour le overflow:scroll, ça me donne deux ascenceurs (vertical et horizontal) je ne veux qu'un seul ascenceur horizontal. Mais on vas y arriver, c'est cool, merci.
  10. Bonjour à tous. J'espère qu'une bonne âme va une foi de plus me sauver la peau sur ce forum. Comme expliqué dans le titre, je voudrais que ma div de gauche dans l'exemple ci-dessous fasse un scrolling horizontal. Le tout sans javascript et conforme W3C. J'ai essayé overflow:auto avec une hauteur en pxl et pour les boites contenues dedans, un attribut float:left. Voici le code: <?xml version="1.0" encoding="iso-8859-1"?> <!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> <style type="text/css"> .conteneur_volets{ border:1px solid #000000; height:142px; width:700px } .gauche{ overflow:auto; position:relative; width:154px; height:130px; float:left; margin:5px; border:1px solid #ff0000; } .gauche div{ overflow:auto; position:relative; background-color:#bbbbbb; height:120px; width:120px; margin:5px; float:left; /* sensé faire partir les box vers la droite */ } .droite{ height:130px; border:1px solid #00ff00; margin:5px 5px 5px 166px; } .spacer{clear:both} </style> <title>Test</title> <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" /> </head> <body> <div class="conteneur_volets"> <div class="gauche"> <div>01</div> <div>02</div> <div>03</div> <div>04</div> <div>05</div> <div>06</div> <div>07</div> <span class="spacer"> </span> </div> <div class="droite">Je voudrais que ce foutu ascenceur soit horizontal.</div> </div> </body> </html> J'accepte de recourir au javascript si il n'y a pas moyen autrement et s'il est compatible dans un max de navigateur.(desiderata légitime du client) merci d'avance.
  11. Merci pour ta réponse, c'est exactement ça. Je savais que ce que je demandais étais simple mais je débute et gràce à ce forum, ça avance.
  12. Bonjour à tous, Je vais pauser une question qui semblera sûrement idiote à beaucoup d'entre-vous, mais bon, je débute. J'aurais voulu savoir si c'est possible en javascript, depuis une fonction principale (avec une ou plusieur structure de contrôle) de faire appel à des fonctions secondaires. J'ai pensé qu'une structure de ce style pourrait fonctionner. <script type="text/javascript"> function secondaire_01(condition) { instructions...; } function secondaire_02(condition) { instructions...; } function principale(condition) { if (condition){ secondaire_01;secondaire_02;} } </script> P.S: Toute solution ayant un résultat similaire ou approchant m'intéresse également. Merci d'avance pour vos conseils.
  13. Bonjour à tous! Je suis tout nouveau et c'est votre discussion qui à motivé mon inscription sur ce site que je découvre et qui me ravis (pour le peu que j'en ai déjà vu). Je suis graphiste et à la base j'utilise un peu flash pour certains travaux WEB. Depuis peu, j'ai lu sur le site du W3C un article sur les dangers de l'utilisation massive d'un format propriétaire tel que le SWF par rapport au SVG qui, lui, est un format open source. Si nous ne voulons pas d'ici quelques années subir le dictat de grandes firmes telles que MACROMEDIA ou WINDOWS(pour lui c'est déjàs presque fait), nous nous devons de réagir et le SVG est la solution. J'ai lu sur ce forum qu'il existe un logiciel nommé SODIPODI. Est-il plus axé animation que les autres. Si oui, autant le promouvoir au maximum. l'intérêt serait d'avoir un logiciel qui permette d'animer les graphiques de manières réellement évoluées afin de concurrencer flash. Donc ne pas se focaliser nécessairement sur un Xième soft pour dessiner mais plutôt un soft graphique dans lequel on puisse importer les ses éléments graphiques et les animer. Ou encore un PLUG-IN compatible avec les principaux softs de dessin SVG. Voilà un nouveau marché juteux pour les développeurs si vous voulez mon avis. P.S: Désolé d'avoir été si long.
×
×
  • Create New...