Jump to content

Tchesko

Actif
  • Content Count

    23
  • Joined

  • Last visited

Everything posted by Tchesko

  1. Bonjour Ernestine, Je ne suis pas d'accord avec toi, il y aura toujours un moyen pour arriver au même résultat quelque soit le navigateur (j'exclus NS4.). Il suffit pour cela d'utiliser la bonne méthode, c'est à dire celle qui va nous permettre d'arriver au résultat escompté.
  2. Si si ça fonctionne très bien...
  3. Euh... Une petite recherche m'apprend que je peux régler le problème en ajoutant un : display: inline; Au niveau de mes boites : #a, #b, #c, #d{ float: left; width: 180px; padding: 0px; border: 1px solid #000000; margin-left: 10px; } Merci, http://www.positioniseverything.net http://www.positioniseverything.net/explor...led-margin.html Par contre, il semble que cette astuce ne fonctionne pas dans les listes dl
  4. Bon, comme je n'aime pas rester les bras croisés, trop longtemps, j'ai cherché une autre solution, moins sémentique mais c'est pas grave. CSS: hr { margin: 0px; padding: 0px; height: 1px; clear: both; visibility: hidden; } #autour{ width: 778px; margin: 0px; padding: 0px; border: 1px solid #000000; } #a, #b, #c, #d{ float: left; width: 180px; padding: 0px; border: 1px solid #000000; margin-left: 10px; } #a{ margin-left: 5px; } html>body #a{ margin-left: 10px; } XHTML: <div id="autour"> <div id="a"> <h2>Titre 1</h2> <p>Texte à insérer</p> </div> <div id="b"> <h2>Titre 2</h2> <p>Texte à insérer</p> </div> <div id="c"> <h2>Titre 3</h2> <p>Texte à insérer</p> </div> <div id="d"> <h2>Titre 4</h2> <p>Texte à insérer</p> </div> <hr /> </div> Je conclue de cette expérience qu'IE s'amuse à doubler la valeur du margin-left du premier élément float left. Il doit bien y avoir aune autre solution moins acrobatique non?
  5. Commencons par le code : #scd_nav{ width: 778px; margin: 0px; border: 1px solid #000000; } #scd_nav dl{ float: left; width: 180px; padding: 0px; border: 1px solid #000000; margin-left: 10px; } hr { margin: 0px; padding: 0px; height: 1px; clear: both; visibility: hidden; } et <div id="scd_nav"> <dl> <dt>Titre 1</dt> <dd>Texte à insérer</dd> </dl> <dl> <dt>Titre 2</dt> <dd>Texte à insérer</dd> </dl> <dl> <dt>Titre 3</dt> <dd>Texte à insérer</dd> </dl> <dl> <dt>Titre 4</dt> <dd>Texte à insérer</dd> </dl> <hr /> </div> Rien de très compliqué, pourtant l'exemple est assez saisissant. Sous mozilla, une marge de 10px apparait au dessus de la liste dl, sous IE elle apparait a gauche. J'ai tenté différents hack et rien n'y fait, Je cherche donc une parade à ces 2 phénomènes... A votre bon coeur...
  6. Le temps perdu la première fois (ça se compte même pas en secondes... a moins d'utiliser un 4.86) est absorbé par le gain de temps sur les pages suivantes (si il y' a pages suivantes...). Mais "la première fois" est justement cruciale, et elle doit etre disponible rapidement... Mais il faut peut être mieux s'interesser au temps perdu en production ou en maintenance... Là, c'est à chacun d'y trouver son compte. Maintenant , comme il vaut mieux accéder le moins possible au disque et privilégier l'utilisation de la mémoire...
  7. Mouaich... Merci, le point de vue est très instructif, j'en conclue que l'essentiel est de s'y retrouver . Et je ne peux qu'abonder en ton sens. Sauf peut être, sur le point des styles en ligne (style="..."), si ça peut présenter un coté pratique, c'est principalement lié à l'outil de développement utilisé, et ça va un peu à l'encontre du principe de séparation du code et du contenu. Non? En fait, mais cela il aurait fallu que je le précise, je réfléchissais plus au problème suivant : Dans un soucis de préservation de la bande passante (ça devient grotesque avec l'avènement prochain de ADSL2... )d'optimisation des ressources, vaut il mieux que l'utilisateur soit amener à télécharger 1 gros fichier qu'il pourrait n'utiliser que partiellement, ou plusieurs petits fichiers correspondant à ses besoins strictes? Ah! Comme j'aime pinailler !
  8. Bonjour, Je me pose une question existentielle. Vaut il mieux faire plusieurs fichiers css appelés en fonction du contexte de page ou un seul et volumineux fichier contenant tout styles?
  9. Bonjour, <div id="head"> <p align="center"> <img class="coin" src="commun/coin_h_left.gif" align="left"> </p> </div> Dans un premier temps tu pourrais supprimer le <p></p>. Ensuite pourquoi ne pas supprimer l'image (qui n'a pas de alt="" !!!) et modifier #head en y ajoutant : background: url("valpastel.free.fr_fichiers/coin_h_left.gif") no-repeat left top;
  10. Si tu switch avec un script PHP, tu recharges la page (c'est le serveur qui travaille) avec javascript, le switch est instantané sans rechargement, (c'est le browser qui travaille)
  11. La fonction envoie un mail multipart, il faut donc des delimiteurs entre ces parties. Cette ligne construit une partie de ce déliminteur.(------=_partie_6565_123_657654") Je pense que c'est un problème de définission d'entêtes... $entete .= "MIME-Version: 1.0\n"; $entete .= "Content-Type: multipart/alternative;\n"; ..... $texte_simple .= "Content-Type: text/plain; charset=\"US-ASCII\"\n"; ..... $texte_html .= "Content-Type: text/html; charset=\"US-ASCII\"\n"; Je vais voir ce que je trouve la dessus (je penses que cela vient de l'interpretation du client mail). Mais tu peux déja jeter un oeil ici Concernant les images, il est souhaitable d'insérer les adresses réelles de ces images (http://www.monsite.com/monrepertoiredimage/monimage.gif) plutot que les adresses relatives images elles meme(../monrep/monim.gif). Pour info... cette discussion sort complètement du cadre de ce forum. Peut être qu'un des admin pourrait la replacer.
  12. Si tu utilises un script PHP, cette fonction génère un mail qui s'affiche au format choisi par l'utilisateur. function mail_html($destinataire, $sujet , $messtxt, $messhtml , $from) { $limite = "_parties_".md5 (uniqid (rand())); $entete = "Reply-to: $from\n"; $entete .= "From:$from\n"; $entete .= "Date: ".date("l j F Y, G:i")."\n"; $entete .= "MIME-Version: 1.0\n"; $entete .= "Content-Type: multipart/alternative;\n"; $entete .= " boundary=\"----=$limite\"\n\n"; //Le message en texte simple pour les navigateurs qui //n'acceptent pas le HTML $texte_simple = "This is a multi-part message in MIME format.\n"; $texte_simple .= "Ceci est un message au format MIME.\n"; $texte_simple .= "------=$limite\n"; $texte_simple .= "Content-Type: text/plain; charset=\"US-ASCII\"\n"; $texte_simple .= "Content-Transfer-Encoding: 7bit\n\n"; $texte_simple .= $messtxt; $texte_simple .= "\n\n"; //le message en html original $texte_html = "------=$limite\n"; $texte_html .= "Content-Type: text/html; charset=\"US-ASCII\"\n"; $texte_html .= "Content-Transfer-Encoding: 7bit\n\n"; $texte_html .= $messhtml; $texte_html .= "\n\n\n------=$limite\n"; return mail($destinataire, $sujet, $texte_simple.$texte_html, $entete); }
  13. Même pas mal C'est, dingue cette page est là depuis des lustres... Cela m'apprendra à ne pas vérifier les contenus qui me sont donnés.
  14. J'ajouterai ceux-ci : http://cssvault.com/ http://www.mezzoblue.com/ http://www.positioniseverything.net/ http://www.webstandardsawards.com/
  15. Pas tout a fait. Un graphiste réalise une charte graphique, il peut n'avoir que très peu de notions de HTML voir aucune, mais sa creation est structurée. Le développeur lui, met en place une structure en code et y applique ensuite des styles pour obtenir un rendu identique à la créa graphique. Malheureusement, je me rends compte que les éternels problèmes de compatibilités nous obligent à "magouiller" pour obtenir un rendu fidèle (on ne devrait pas avoir à imbriquer des divs j'en veux pour preuve l'utilisation de display:table) . J'admet par contre qu'une bonne habitude de l'utilisation de CSS et de sa puissance doit permettre de réduire considérablement le nombre de magouilles. Pour ce qui est des réalisations originales... voilà une belle illustration , mais l'originalitè n'est pas toujours souhaitable lorsqu'il s'agit de production corporate ou B2B au risque de froisser l'utilisateur final.
  16. Oups! Je ne m'etais pas encore présenté! Tchesko, webmaster de ce site , de celui-ci, et de celui-la qui est en cours de developpement (ce sera d'ailleurs mon premier full XHTML/CSS2) et de quelques autres qui ne sont plus vraiment suivis. Meme mon site perso est en berne! Et bien voilà c'est chose faite! Je suis ravi d'avoir trouvé webmaster hub, une mine de renseignements et des intervenants de grande qualité.
  17. En fait il ne s'agit pas uniquement d'une présentation en 3 colones, il faut aussi que le rendu donne l'impression que les 3 colones soient de hauteur identiques. Mais j'ai trouvé une solution. ici 1 - Un div id="cadre"pour l'image de fond de la colonne de gauche. 2- on y insère un div id="conteneur" pour le fond de la colonne de droite. 3- on insere 3 divs dans conteneur. - div id="col1" en float left. - div id="col 2" avec un margin-left qui reprend la largeur de col1. - div id="col3" en float right. Evidement on pourrait avoir 50 colonnes... Je vois déja le cadre1, cadre2,cadre3... Avant j'imbriquais des tableaux, maintenant j'imbrique des div
  18. Bonjour, Initialement, je cherchais à obtenir 3 div flottant a bordure apparente dont le contenu était de taille variable s'alignant en hauteur sur celui ayant la plus grande hauteur. J'ai essayé l'option display:table-cell ,(http://www.456bereastreet.com/lab/equal_height_ii/), mais il ne faut pas trop en demander à se brave IE... Je me suis finalement résolu à utiliser une image de fond dans un div englobant pour obtenir l'effet escompté . Pour IE pas de problèmes, pour firefox, ça coince. Problème : les 3 div sont en flottants, du coup mon image de fond n'apparait pas puisque le contenu de mon div de fond est flottant... Comment faire? J'ai essayé en intégrant un hr invisible, mais cette solution, si elle me premet de faire apparaitre mon image de fond fait aussi apparaitre un espace blanc en haut de mon div de fond. J'avoue avor des reticences à utiliser de position:relative... c'est peut être idiot... Si quelqu'un à une idée, qu'il n'hésites pas, en attendant je cherche une nouvelel magouille...
  19. OUH!OUH! Un grand merci, le B.M.H. fonctionne parfaitement C'est domage que l'on en soit encore a faire du tripotage... Ca me rappelle les grandes heures du DHTML... ENcore merci
  20. Hum... Déja tésté, cela résoud le problème sous Mozilla, mais sous IE(6) je me retouve avec un espace à droite, l'effet est appliqué sur les 160px et plus sur le bloc (qui fait 170px)...
  21. Bonjour, Quelqu'un à t'il une solution à ce problème? Il s'agit d'une simple liste de liens en texte avec un effet a:hover. IE ne faisant jamais rien simplement, il faut lui renseigner une valeur width pour qu' il considère le bloc parent et non le seul texte comme zone de survol. Jusqu'ici, tout va bien. Seulement voilà, j'utilise un padding pour que mon texte ne soit pas collé au bord de mon bloc. Et chose étrange, IE répond correctement à ma demande alors que Fireworks et Opera craquent en faisant déborder mon lien en dehors du cadre prévu par mon UL. (le débordement correspond au double de mon padding-left). Pourquoi? Mon CSS: #nav_centre{ font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; width:170px; border: 1px solid #000000; } #nav_centre UL{ padding:0px; margin:0px; display:block; } #nav_centre LI { padding:0px; margin:0px; list-style-type: none; border:none; } #nav_centre A{ display: block; color: #666666; text-decoration: none; line-height:50px; margin:0px; padding-left:10px; width:100%; } #nav_centre A:hover { background-color: #F7FAF5; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; line-height:48px; } Et le classic XHTML : <?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" lang="fr" xml:lang="fr"> <head> <title>essai de nav</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="styles/nav_iso.css" rel="stylesheet" type="text/css" /> </head> <body> <ul id="nav_centre"> <li><a href="#">lien 1</a></li> <li><a href="#">lien 2</a></li> <li><a href="#">lien 3</a></li> <li><a href="#">lien 4</a></li> </ul> </body> </html> Ne trouvant pas de parades, j'ai supprimé le padding et ajouté des devant mes textes... Pour cette fois ça passe, mais je ne pourrais m'en contenter longtemps... Si quelqu'un à une idée... Qu'il n'hésite pas
  22. Merci , Je vais faire des essais, je crois qu il faut- que je me penche sur les héritages et les types rapidement.
  23. Bonjour, je suis déséspéré... Je travail sur un nouveau site visible ici : Rencontrant des problèmes de compatibilité tant sur la navigation que sur la partie contenu, je me suis mis à isoler ma barre de navigation, le contenu reprennant le meme principe. En gros, il s'agit de représenter un cadre de contenu entouré d'ombres. 1er problème : J'ai un espace sous mes div haut et bas (probleme de margin/padding?). 2eme probleme : Sous IE le rollover ne se fait que sur le texte et pas sur le li. Après quelques modifications visibles ici : J'ai un problème de débordement sous Mozilla que je nai pas sous IE et un problème d'espace sous mon calque bas sous IE et pas sous Moizilla... J'ai beau tourner dans tout les sens je n'y arrive pas. Fatalement il y a des notions de CSS qui m'échappent. Voici la cause de mon désespoir : body { margin: 0px; color: #000000; background-color: #E3E5E1; font-family: Verdana, Arial, Helvetica, sans-serif; } #nav_support{ position: absolute; top: 132px; left: 34px; margin:0px; padding:0px; width: 182px; background: url(../img/nav/nav_c.gif) no-repeat center top; } #nav_haut{ position: absolute; top: 129px; left: 34px; margin:0px; padding:0px; height: 3px; width: 182px; background: url(../img/nav/nav_h.gif) no-repeat center top; line-height: 0px; } #nav_bas{ clear: both; margin:0px; padding:0px; height: 8px; width: 182px; background: url(../img/nav/nav_b.gif) no-repeat center top; line-height: 0px; } #nav_gauche{ float:left; margin:0px; padding:0px; width: 4px; height: 13px; background: url(../img/nav/nav_g.gif) no-repeat left top; } #nav_droite{ float:left; margin:0px; padding:0px; width: 8px; height: 13px; background: url(../img/nav/nav_d.gif) no-repeat left top; } #nav_centre{ float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; margin-left: 0 4px 0 0; padding:0px; width:170px; } #nav_centre A{ display: block; padding-left: 10px; color: #000000; text-decoration: none; line-height:50px; width:170px; text-decoration : none; } #nav_centre UL{ padding:0px; margin:0px; line-height:50px; } #nav_centre LI { padding:0px; margin:0px; font-size: 11px; display: block; list-style-type: none; } #nav_centre LI A { color: #666666; } #nav_centre LI A:hover { color: #666666; background-color: #F7FAF5; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; line-height:48px; } VOila pour la partie CSS. <body> <div id="nav_haut"> </div> <div id="nav_support"> <div id="nav_gauche"></div> <div id="nav_centre"> <ul> <li id="n_l1"><a href="#">lien 1</a></li> <li id="n_l2"><a href="#">lien 2</a></li> <li id="n_l3"><a href="#">lien 3</a></li> <li id="n_nl4"><a href="#">lien 4</a></li> <li id="n_l5"><a href="#">lien5</a></li> </ul> </div> <div id="nav_droite"></div> <div id="nav_bas"></div> </div> </body> Si quelqu un à déja rencontré ses différents problèmes, qu'il n'hésite pas à me laisser un indice
×
×
  • Create New...