[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS / Javascript > [FAQ] Mise en place > Lecture du sujet

[FAQ] Mise en place

Donnez-nous vos idées...

Vous devez être inscrit pour pouvoir poster des messages

Auteur	Message
Page : Précédente 1 2 3 4 Suivante
2 visiteurs sur ce sujet (2 anonymes)
Page : Précédente 1 2 3 4 Suivante
JulFisher	# Posté le 04/11/2006 à 10:45:30
Un Zér0 sur le réZ0 Groupe : Membres	Reprise du dernier message de la page précédente : Citation : Variable Comment ôter la bordure autour d'une image-lien ? Réponse : Code : HTML <a href="url"><img src="url_de_image" alt="nom" id="image_lien" /></a> Code : CSS #image_lien { border: none; } Pourquoi pas, mais ceci risque d'être très long quand on a beaucoup d'images cliquables. C'est dommage d'attribuer un id à chaque image pour faire cela, alors que cela suffit pour toutes les images contenues dans un lien : Code : HTML <a href="http://"><img src="image.png" alt="mon image" /></a> Code : CSS a img { border: none; } Un Rubik's Cube complexe ? Une solution simple ! http://www.rubikscube.fr Legend of Mana, Vagrant Story, Parasite Eve, powaa !
rk2	# Posté le 08/11/2006 à 19:58:12
Eh ben sa c d"la boulete Groupe : Membres	Question : Les tableau : le background ne se repete pas. Réponse : Utiliser le code css suivant : Code : CSS <style type="text/css"> <!-- nom_balise { background-image: url(imlage.jpg); background-repeat: no-repeat; } --> </style> Variante: Code : CSS background-repeat: repeat-x; repete le background seulement sur l'axe X Variante 2: Code : CSS background-repeat: repeat-y; repete le background seulement sur l'axe Y Vous pouvez ensuite appliquer ce code css à votre tableau ou met a votre site. Libre cours à votre imagination Cependant je rapelle qu'un site en tableau n'est pas valide W3C, preferer le css et les div. ----------------------------------- Question : Regler l'opacité d'une image. Réponse : Utiliser le code suivant : Code : Xhtml <body tracingsrc="image.jpg" tracingopacity="100"> <code> <souligne>Variante:</souligne> <code>100 = Opaque 0 = Invisible 50 = semi opaque / semi visible Regler votre opacité sur une echelle de 0 à 100 _ Pratique pour des design de style vista rk2-studio Édité le 06/12/2006 à 14:54:55 par rk2
Sylvain.sab	# Posté le 06/12/2006 à 14:34:56
Protégez-vous! Groupe : Membres	Question Le validateur CSS du W3C me donne une erreur : «Redéfinition de la propriété .... » C'est quoi ? Réponse : Ca veut dire que vous utilisez plusieurs fois la même proriété sur un élément. Par exemple : Code : CSS a { color:green;/les liens seront en vert/ /............/ /du code/ /............/ color:purple;/ca ne va pas car on utilise deux fois la même propriété/ } C'est souvent le cas lorqu'on utilise des !important pour avoir un style différent dans IE et les autres navigateurs. Sylvain 1Kilo-octet=1024 octets : erroné, mais toléré. 1Kilo-octet=1000 octets : juste. 1Kibioctet=1024 octets : juste.
Jerry Wham	# Posté le 13/12/2006 à 15:51:52
1castorMangé,1arbreSauvé Groupe : Membres	Comment ôter la bordure autour d'une image-lien ? (suite) Code : CSS img { border:0px; } Wham Besoin de vacances ? A y est... je l'ai !
karimaroc	# Posté le 11/02/2007 à 00:14:21
Groupe : Membres	Citation : RévoX Question : comment faire faire pour obtenir le code qu'on désire sur base d'un autre site ? Réponse (en deux parties) 1. Pour le HTML Il existe un moyen très simple pour cela : regarder le code source ! Pour Internet Explorer, allez dans "affichage" puis "source". Dans Firefox, c'est encore plus simple, il suffit de faire "Ctrl+u" et vous obtiendrez quelquechose comme ceci : Si seulement une partie du code source vous intéresse (ce qui est souvent le cas), vous pouvez sélectionner cette partie puis un petit clique droit et choisissez "code source de la sélection" Voilà pour le html. 2. Pour le CSS Pour le CSS, c'est un tout petit rien plus compliqué. En fait il suffit d'aller sur le site du W3C à l'adresse de validation CSS. Vous copiez l'adresse du site ou vous avez vu ce que vous cherchiez, pressez "enter" et le tour est joué vous avez le css du site également ! Il ne vous reste plus qu'à retrouver l'information par rapport à la bonne balise ! J'espère pouvoir faire gagner du temps à tous ! RévoX Citation : rei_angel Pour Firefox, avec le clique droit en faisant Information sur la page, dans l'onglet Lien il y tout ce qui compose la page donc le css, etc ... Ensuite faites un clique droit sur ce qui vous intéresse et encore grâce au clique droit faites copier. Enfin collez ce que vous venez de copier dans votre barre d'adresse. PS Si vous désirez ajouter un commentaire à ce post, envoyez-le moi par MP, je citerai votre message dans ce post. Je trouve qu'il est préférable que tout se situe dans le même post pour des raisons de lisibilité. Citation : Darkodam 1.Web Developer C'est un plugin de Firefox permettant d'effectuer pas mal d'actions sur une page internet dont la visualisation de la source HTML, des sources CSS et du javascript. L'avantage étant que cet outil regroupe tout les fichiers d'un même type et les organise sur une seule page, ce qui permet d'avoir sous les yeux tout le code dont on a besoin sans avoir à jongler entre les onglets ni a bidouiller le code source d'une page pour chercher toutes les balises de style ou de javascript. On peut aussi modifier dynamiquement le code HTML et CSS de la page (en local) et observer le résultat directement. 2.View Source Chart Un autre plugin Firefox qui permet de visualiser de facon ordonnée le code source d'une page. Et comme une image vaut mieux qu'un long discours : <couleur nom="turquoise"></couleur> Comme la page appel un CSS le nom du fichier.css est dans le code source xHTML Gagner de l'argent powaaa !
Thibaud the Bête	# Posté le 24/02/2007 à 11:46:26
Groupe : Membres	Comment désactiver un champ texte d'un formulaire et empêcher le visiteur de le modifier sans Javascript ? Comment limiter la longueur du texte entré ? Code : HTML <input type="text" value="Bonjour !" readonly="readonly" disabled="disabled" maxlenght="20" /> Explications : readonly="readonly" empêche la modification du champ disabled="disabled" empêche la séléction et la modification du champ. Le champ devient gris. maxlenght="x" empêche l'entrée de plus de x caractères. Comment changer la couleur de fonc du champ désactivé ? Code : CSS input[disabled=disabled] { background-color: #FF0000; } http://lemonde.desnavires.free.fr Citation : Roger Martin du Gard, dans Les Thibault Si l'on ne fait pas le bien par goût naturel, que ce soit par désespoir ; ou, du moins, pour ne pas faire de mal.
metalking	# Posté le 29/03/2007 à 17:55:07
Knowledge is Power Groupe : Membres	Question : Comment appliquer plusieurs classes CSS à un seul et même objet Réponse : Séparez simplement les différentes classes par un espace dans l'attribut class="" Code : CSS .centre { text-align: center; } .gras { font-weight: bold; } .rouge { color: red; } .bordure { border: 1px solid black; } Code : HTML <p class="centre gras rouge bordure"> texte auquel on a appliqué les classes CSS 'centre', 'gras', 'rouge' et 'bordure'. </p> Édité le 29/03/2007 à 17:58:16 par metalking le nouvel utilitaire des programmeurs ! (et pourquoi il n'a pas été accepté aux Projets des Zéros) l'hébergement de fichiers pour tous Mon site Mon design, créé pour ce site ! Cordialement, metalking
xbb	# Posté le 02/04/2007 à 13:48:53
ooooohh Groupe : Membres	Il faudrait rassembler les questions dans le premier post et les faire pointer vers le post FAQ correspondant. Je dis ça car je trouve la configuration actuelle très... chiante :s -->Un projet sur les rails ?<-- Pourvu que ça dure... (1 clic/jour) http://www.savethedevelopers.org/
strucky	# Posté le 03/08/2007 à 14:35:09
Je suis tombé par terre ... Groupe : Membres	Salut à tous, La FAQ du forum a été réorganisée dans un nouveau sujet en post-it modifiable uniquement par les modérateurs afin d'y garder une totale clarté. Vous pouvez continuer bien sûr à faire vos propositions de questions/réponses dans ce sujet, le sujet en post-it sera mit à jour au fur et à mesure de vos contributions Un tri a été effectué par mes soins dans les questions/réponses qui avaient été mises dans ce post (comme par exemple les hacks IE qui d'après moi n'ont plus lieu d'exister), si vous jugez que certaines que j'ai décidé de ne pas mettre y auraient encore leurs places, je suis à l'écoute. Voilà Contribuez à la FAQ HTML/CSS/JAVASCRIPT
B2Moo	# Posté le 04/08/2007 à 21:39:35
JS ? où ça ? où ça ??!! Groupe : Membres	Je n'avais jamais pensé à fournir un peu cette faq, pourtant il y a des questions qui reviennent souvent en javascript (Vous vous en doutez. De quoi je pourrais parler sinon ? ) javascript/ajax (si il faut une catégorie plus particulière juste pour "ajax"): Question : Pourquoi mes pages affichées grâce à XMLHttpRequest contiennent des "?" en lieu de place des caractères accentués ? Réponse : Tous vos fichiers sont sûrement encodés en ISO-8859-15. Or, le fichier téléchargé par XMLHttpRequest est considéré par défaut comme étant encodé en utf-8. Il faut donc modifier le fichier téléchargé pour indiquer explicitement son encodage, grâce à un header php en début de code: Code : PHP header('Content-type: text/html; charset=ISO-8859-15'); Question : Mon script d'actualisation (ajax) ne marche pas sur Internet Explorer et je n'ai aucune erreur. Réponse : Si vous utilisez la méthode "GET", Internet Explorer va mettre le fichier téléchargé en cache et n'en téléchargera pas un nouveau à chaque actualisation. Il faut rajouter des header en début de code php dans la page qui est téléchargée pour interdire la mise en cache:Code : PHP //Exemple 1676. Interdire la mise en cache avec header() //http://fr.php.net/manual/fr/function.header.php header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1 header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date du passé Question : Pourquoi mes "+" se transforment en espaces ? Réponse : Si vous ne le faites pas déjà, il faut utiliser la fonction escape pour protéger les variables (issues des formulaires par exemple). Par exemple, si on fait: Code : JavaScript xhr.send('variable1=' + document.formulaire.champs.input); En tapant "blabla&variable2=foo" dans le formulaire, On va obtenir la chaîne: Citation variable1=blabla&variable2=foo soit deux variables au lieu d'une ! C'est pour cela qu'il faut utiliser escape pour remplacer les caractères spéciaux (comme le "&"): Code : JavaScript xhr.send('variable1=' + escape(document.formulaire.champs.input)); Seulement, cette fonction est boguée et ne remplace pas le caractère spécial "+", il faut donc la corriger: Code : JavaScript (function () { var escape_old = escape; //ancienne fonction escape escape = function (texte) { return escape_old(texte).replace(/\+/g,'%2B'); }; })(); (ce morceau de code est à placer en début des sources pour "corriger" escape). Javascript (normal) Question : Comment appeler une fonction située dans la page mère à partir d'une popup ? Réponse : Il faut utiliser la propriété window.opener qui donne accès à la page mère. Par exemple: Code : JavaScript window.opener.ajouter_smiley(':)'); Question : Les attributs onclick sur les balises <option> ne marchent pas sur Internet Explorer. Réponse : L'attribut onclick sur une balise option est invalide et Internet Explorer a donc raison de refuser de fonctionner. Il est plus logique (et souvent plus pratique) d'utiliser l'évènement onchange sur la balise select. Exemple dans le cas d'un bbcode: Code : HTML <select id="couleur"> <option onclick="bbcode('[couleur=rouge]','[/couleur]');">Rouge</option> <option onclick="bbcode('[couleur=vert]','[/couleur]');">Vert</option> <option onclick="bbcode('[couleur=blue]','[/couleur]');">Bleu</option> <!-- etc. --> </select> Devient (en utilisant value): Code : HTML <select id="couleur" onchange="bbcode('[couleur=' + this.value + ']','[/couleur]');"> <option value="rouge">Rouge</option> <option value="vert">Vert</option> <option value="bleu">Bleu</option> <!-- etc. --> </select> Question : Quand je tape plusieurs fois la même balise, la prévisualisation de mon bbcode se trompe. Réponse : C'est dû à la gourmandise des quantificateurs: l'expression régulière cherche à englober le plus de caractères possibles: Code : JavaScript 'a zzz b a zzzz b'.replace(/a(.+)b/g,'[]$1[/]'); //donne: "[] zzz b a zzzz [/]" En plaçant un "?" après le quantificateur, la gourmandise est inversée: Code : JavaScript 'a zzz b a zzzz b'.replace(/a(.+)b/g,'[]$1[/]'); //donne: "[] zzz [/] [] zzzz [/]" (je crois que je vais m'arrêter là pour le moment ) Édité le 04/08/2007 à 21:41:30 par B2Moo Je ne ponds pas vos scripts !! (cot cot) Je veux bien vous aider par contre , à condition d'expliquer clairement votre problème: exemple, codes, et surtout messages d'erreurs big-tuto sur la gestion de la souris en js.
strucky	# Posté le 04/08/2007 à 22:05:24
Je suis tombé par terre ... Groupe : Membres	Merci Boo2M0rs0, c'est vrai qu'à part toi peu de monde s'intéresse beaucoup au javascript sur le forum. Je vais mettre à jour Contribuez à la FAQ HTML/CSS/JAVASCRIPT
Jerry Wham	# Posté le 16/08/2007 à 11:15:17
1castorMangé,1arbreSauvé Groupe : Membres	Ce n'est pas qu'on ne s'y intéresse pas, c'est qu'on n'y connait rien, voir pas grand chose.... Wham Besoin de vacances ? A y est... je l'ai !
strucky	# Posté le 06/09/2007 à 21:30:23
Je suis tombé par terre ... Groupe : Membres	J'ai regardé ce que vous avez proposé dans le sujet ouvert par Bogoris, et à vrai dire je trouve que c'est pas assez complet, oui je sais je suis chiant Bogoris : - Les balises pre ou code ne transforme pas les chevrons en entités. - Pour les images, ok, mais il faudrait approfondir un peu plus sur les contrôles, nom du fichier, extension etc... - Le doctype non trouvé n'est pas je pense assez pertinent pour être dans la FAQ. - Pour ce qui est des liens vers des tutos, il faut privilégier ceux du sdz en priorité, et dans ce cas, carrément mettre la liste de tous les tutos serait même bien KorangaR : - Pour le centrage IE ok, mais il faudrait ajouter le text-align du body qui s'avère nécessaire pour les hébergeurs ajoutant du js avant le doctype (j'enlèverais l'autre question). - Pour la liste, ce n'est pas spécifique à IE il me semble (corrige moi si je me trompe), mais je penserais plus à mettre un truc plus générique sur les margin, padding par défaut des navigateurs. - Pour les accents, oui. 5.56 mm, non justement je ne vais pas fermer cette FAQ, cela est fait pour que celle-ci reste claire et ne deviennent pas comme la précédente. J'attends vos remarques sur ce que j'ai dit. Contribuez à la FAQ HTML/CSS/JAVASCRIPT
5.56 mm	# Posté le 06/09/2007 à 21:50:48
Groupe : Membres	Il m'a bien fallu 3 minutes pour comprendre de quoi tu parlais! (maintenant j'ai mal au crâne, c'est désagréable) Dans la FAQ en post-it, tu as écrit Citation : Pas de titre Pour compléter cette FAQ vous pouvez apporter votre contribution dans ce sujet Le lien qui figure sous les mots "ce sujet" n'est pas visible (en tout cas, pas sous le design zfruit). Pour cela on peut croire qu'il faut répondre au sujet en post-it alors qu'il est fermé (ce que moi j'ai cru et que tu n'as pas pu comprendre car tu connaissais l'existence de ce sujet,celui dans lequel j'écris actuellement !). Si tu pouvais augmenter la visibilité du lien dans la FAQ en post-it, cela éviterai la création de FAQ-bis. J'ai oublié ce que je voulais proposé, je l'écrirait quança me reviendra. Décoche la 8eme case sur cette page !
strucky	# Posté le 06/09/2007 à 23:06:42
Je suis tombé par terre ... Groupe : Membres	Ok, je viens de tester ton design, et en effet le lien ne ressort pas du reste de la phrase, je vais le mettre en bleu Contribuez à la FAQ HTML/CSS/JAVASCRIPT
Talus	# Posté le 18/09/2007 à 18:10:55
タルス Groupe : Membres	Tiens, pour le javascript (et un bout de xHTML...)... Comment puis-je simuler le pseudo element ":hover" sur une balise (ou un noeud), comme celui-ci n'est pas bien interprété sur les balises autres que la balise "a" ? On peut imiter le comportement de :hover en le simulant à l'aide du javascript (c'est un peu bordellique), en utilisant les evenements (attributs) "onmouseover" et "onmouseout" sur la balise. Par exemple, pour changer la couleur d'un texte en survolant une puce dans une liste : Code : HTML - Afficher / masquer les numéros de ligne <ul> <li onmouseover="this.style.color='red';" onmouseout="this.style.color='blue';" style="color:blue;">Texte bleu, si je passe dessus, il devient rouge !</li> <li onmouseover="this.style.color='red';" onmouseout="this.style.color='blue';" style="color:blue;">Pareil !</li> </ul> Voila... Talus' Works ~ Talus' LaBlog ~ SanctuaireFF En Ligne : La Représentation Intervallaire
Timot	# Posté le 19/09/2007 à 21:43:34
Réfléchir ne tue pas ! Groupe : Membres	2 choses a dire : - le code pour centrer verticalement est faux, du moins totalement incompatible et invalide il faut redoubler d'astuce pour centrer verticalement : Code : HTML - Afficher / masquer les numéros de ligne <div class="ver_middle"><span class="span_align"></span> <img src="http://www.fiches-bac.com/images/02.gif" alt=";)" class="fbcode_smiley"> aze</div> Code : CSS - Afficher / masquer les numéros de ligne .ver_middle { display: table-cell; vertical-align: middle; padding:0px; } .ver_middle * { vertical-align: middle; } et ca a mettre en haut de la page : Code : HTML - Afficher / masquer les numéros de ligne <$!--[if IE]><style type="text/css"> .ver_middle .span_align { display: inline-block; height: 100%; } </style><![endif]--> Enlever le $, j'ai du le mettre car sinon, ca faisait planter le zcode Et je poste aussi pour poster (c'est bien tourné ca ) une structure type de menu avec les listes a puces, donc se rapportant a la plupart des question sur les li : Code : HTML - Afficher / masquer les numéros de ligne <ul class="menu_hor"> <li><h3>Titre du menu</h3></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> </ul> <ul class="menu_hor"> <li><h3>Titre du menu</h3></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> </ul> Et le code css : Code : CSS - Afficher / masquer les numéros de ligne ul.menu_hor { float:left; margin:0px; padding:0px; width:180px; //par exemple } ul.menu_hor li { list-style-type:none; padding:0px; margin:0px; width:100%; height:20px; //par exemple } ul.menu_hor li h3 { font-size : 18px; font-weight:bold; height:100%; width:100% text-align:center; margin:0px; } ul.menu_hor li a, ul.menu_hor li a:visited { display:block; margin:0px; width:100%; height:100%; background-image:url("babar.jpg"); background-repeat:no-repeat; text-decoration:none; } ul.menu_hor li a:hover { text-decoration:underline; font-weight:bold; background-image:url("oui-oui.jpg"); } Édité le 20/09/2007 à 17:57:05 par Timot
strucky	# Posté le 20/09/2007 à 09:36:42
Je suis tombé par terre ... Groupe : Membres	Timot, tu parles de quoi pour le positionnement vertical ? Ca http://www.siteduzero.com/forum-83-173639-1591256.html#r1591256 ? Chez moi ça fonctionne très bien Et en ce qui concerne ta liste, ta syntaxe est invalide, manque un </li> L'utilité a être dans la faq n'est pas assez pertinente je trouve, ça se rapporte plus à l'utilisation de la bonne sémantique des balises en général. La méthode d'imbrication de listes aurait été plus utile. Contribuez à la FAQ HTML/CSS/JAVASCRIPT
Timot	# Posté le 20/09/2007 à 17:44:06
Réfléchir ne tue pas ! Groupe : Membres	Pour le centrage vertical, ca ne devrait pas fonctionner, du moins pas sur tous les navigateurs normalement. Pour le systeme de menu, les gens postes souvent des messages a propos de probleme de marge avec des li ou avec des problemes de décallage de menu, etc... Ce code peut etre une bonne base pour un menu ou autre utilisant des liste a puces
strucky	# Posté le 21/09/2007 à 09:31:12
Je suis tombé par terre ... Groupe : Membres	Tu vois, moi je conçois mes menus autrement, c'est à dire le titre du menu hors de la liste, je trouve que c'est plus "correct". Pour le centrage, sur quels navigateurs c'est mal interprété ? Contribuez à la FAQ HTML/CSS/JAVASCRIPT
strucky	# Posté le 15/11/2007 à 20:46:59
Je suis tombé par terre ... Groupe : Membres	Salut Je remonte un peu ce sujet, car la FAQ aurait vraiment besoin d'être étoffée Quelques idées de questions qui pourraient y figurer : - Texte dépassant d'un bloc (solution css et php). - Explication brève et concise des chemins relatifs. - background legend fieldset et IE (thunderseb ) - Explications plus détaillées sur les problèmes d'encodages. éditeur, meta, interclassement table mysql, ajax, xml. - Afficher/cacher un bloc/texte au clic d'un lien/bouton. - Effacer la valeur d'un input text au focus sur le champ. - Centrage image et firefox dans un tableau (bug marge basse). - Transmettre une variable javascript à php. - Solutions pour le symbole € - Css non prit en compte, cause possible du problème. - Image (background css) ne s'affichant pas, causes possibles du problème. - Ecrire un texte verticalement (solutions). Ce ne sont que des suggestions, y'en a peut-être là dedans des nons pertinentes. Oui, je sais, j'aurais pu les faire moi même (enfin pour ceux que je connais ), mais j'aimerais vraiment que plus de monde mette la main à la pâte Donc si vous vous sentez d'attaque pour ajouter quelque chose à la FAQ Contribuez à la FAQ HTML/CSS/JAVASCRIPT
strucky	# Posté le 16/11/2007 à 14:45:34
Je suis tombé par terre ... Groupe : Membres	Comment empêché mon texte de dépasser d'un bloc dans mon html ? Si vous avez un problème avec ceci, c'est que sans doute vous effectué des tests avec un mot comportant énormément de lettres, ce genre de cas se présente très rarement puisque le mot le plus long en français comporte 25 caractères. C'est en général le forfait d'un emmerdeur qui se délecte de déformer vos pages avec des phrases contenant des mots aussi long. Citation monmottrèslllllllllllllllllllllllllllllllllooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg hihi !!! Solutions à envisager. Pour la plus simple, mais sans doute pas la meilleure, en css utiliser un overflow sur le bloc, ce qui aura fait de rogner ce qui dépasse ou mettre un scroll horizontal sur le bloc. Code : HTML - Afficher / masquer les numéros de ligne <p class="monParagraphe">monmottrèslllllllllllllllllllllllllllllllllooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg hihi !!!</p> <p class="monParagraphe2">monmottrèslllllllllllllllllllllllllllllllllooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg hihi !!!</p> Code : CSS - Afficher / masquer les numéros de ligne p.monParagraphe { width: 200px; overflow: hidden; /* le texte est tronqué / } p.monParagraphe2 { width: 200px; overflow: scroll; / un scroll horizontal est ajouté */ } Une solution meilleure consiste à ajouter des espaces sur les mots trop longs à l'aide d'une expression régulière en php (ou le langage serveur que vous utilisez). Code : PHP - Afficher / masquer les numéros de ligne <?php $texte = preg_replace('`\S{25}`', '$0 ', $texte); // Ajout d'un espace tout les 25 caractères non blancs ?> Le CSS3 fournit une propriété permettant de couper les mots trop longs, mais de là à ce que soit implémenté sur tous les navigateurs, il faudra je pense attendre quelques années Si vous voyez quelque chose d'erroné dans ceci Contribuez à la FAQ HTML/CSS/JAVASCRIPT
treize	# Posté le 24/11/2007 à 11:15:58
Un an de codage ! Groupe : Membres	Comment mettre deux colonnes en background sur une page en CSS ? => Qu'est ce que des colonnes ? Pour un design fixe Il suffit de créer une image de la largeur de votre page (le plus classique est 800 pixel) et de la mettre en arrière-plan avec : Code : CSS - Afficher / masquer les numéros de ligne body { /* Largeur de la page / width: 800px; / Background de la page / background: url(../images/arriere_plan.png) top center repeat-y black } Le repeat-y* va répéter l'image sur toute la hauteur de la page et top center va la placer avant la répétition. Pour un design extensible Pour un design extensible, c'est déjà plus compliqué. Il faudra toucher au xHTML. En fait, nous allons utiliser deux <div> qui seront les deux colonnes. Elles seront en position: absolute et possèderont les background des colonnes. Code : HTML - Afficher / masquer les numéros de ligne <div id="deco_gauche"> </div> <div id="deco_droite"> </div> Jusque là, c'est simple . Maintenant le CSS : Code : CSS - Afficher / masquer les numéros de ligne body { /* On définit les marges de gauche et de droite de body / margin-left: 27px; margin-right: 27px; / Background de la page à adapter / background: black; } #deco_gauche { / On utilise donc le position: absolute pour ne pas déranger les autres <div> :p / position: absolute; / Largeur de la colonne à adapter / width: px; / Hauteur de la colonne à adapter à la hauteur de la page (très gros défaut) / height: *px; / On lui fait traverser la marge de body / margin-left: -27px; / Et enfin on lui applique son background / background: url(../images/colonne_gauche.png) top left repeat-y black } #deco_droite { / De même pour cette colonne sauf qu'elle est à droite / position: absolute; width: 27px; height: **px; right: 0; background: url(../images/colonne_droite.png) top right repeat-y black } Je pense que le code parle de lui-même Donc comme écrit, le seul défaut est la hauteur de la colonne qu'il faut indiquer manuellement. Je vous conseille de les faire dépasser de 100 px de votre menu (si il y a un menu ), ce qui réduit les chances qu'il y ai un espace vide. Si le contenu de votre page est conséquent, faites descendre vos colonnes juqu'au pied de page - si il y en a un. En espérant vous avoir aidé. > Beedee's (pré inscriptions) > Blog de Beedee's > Topic de présentation
strucky	# Posté le 24/11/2007 à 23:57:39
Je suis tombé par terre ... Groupe : Membres	Je voudrais pas faire mon rabat-joie, mais avec ton code ce n'est pas possible de faire un design extensible, la position absolute ne le permet pas. Contribuez à la FAQ HTML/CSS/JAVASCRIPT
treize	# Posté le 25/11/2007 à 11:02:04
Un an de codage ! Groupe : Membres	Bizarre, sur mon site ca marche parfaitement... > Beedee's (pré inscriptions) > Blog de Beedee's > Topic de présentation
strucky	# Posté le 27/11/2007 à 16:53:03
Je suis tombé par terre ... Groupe : Membres	Prouve le Qui dit extensible, dit variable en largeur et en hauteur. Là ton css implique que l'on donne des dimensions. Contribuez à la FAQ HTML/CSS/JAVASCRIPT
treize	# Posté le 27/11/2007 à 17:06:36
Un an de codage ! Groupe : Membres	Beuh sur la hauteur, oui il demande une dimension; pour la largeur aussi mais il s'adapte quand même à la résolution du visiteur. Sinon, j'avais pensé à mettre ces deux colonnes en position:fixed, mais ce ne marche pas ... sous MSIE > Beedee's (pré inscriptions) > Blog de Beedee's > Topic de présentation
strucky	# Posté le 03/12/2007 à 15:40:30
Je suis tombé par terre ... Groupe : Membres	C'est bien ce que je disais, ton code ne permet pas l'extensibilité en hauteur. En plus tu devrais tester sur IE car ça le fait pas du tout Contribuez à la FAQ HTML/CSS/JAVASCRIPT
treize	# Posté le 03/12/2007 à 18:48:59
Un an de codage ! Groupe : Membres	Dernière fois que je rajoute mon grain de sel : Pourquoi ca marche chez moi ?!!? (sous IE) Décidément, je dois avoir quelque chose dans mon code qui doit me faire fonctionner tout ça > Beedee's (pré inscriptions) > Blog de Beedee's > Topic de présentation
strucky	# Posté le 03/12/2007 à 19:03:36
Je suis tombé par terre ... Groupe : Membres	Une url ? Contribuez à la FAQ HTML/CSS/JAVASCRIPT
treize	# Posté le 03/12/2007 à 19:09:49
Un an de codage ! Groupe : Membres	Bah euh, Olympe Network a été piraté donc plus maintenant > Beedee's (pré inscriptions) > Blog de Beedee's > Topic de présentation