un truc pour corriger vos box-model ! [css] - HTML/CSS - Programmation
Marsh Posté le 13-03-2003 à 20:21:35
boubours a écrit : en fait je pense que beaucoup d'entre vous font cela, mais bon, ca m'a bien aidé alors je partage mon truc !
|
C'est très sympa de ta part.
Si tu as besoin d'aide un de ces 4, on sera là pour toi.
Marsh Posté le 13-03-2003 à 20:25:32
Skylight a écrit : L'astuce qui tue sa mère |
Allons allons, un peu d'indulgence, Skylight, moi je trouve sa volonté de partager très sympa Il est clair qu'il ne vient pas souvent ici sur prog et n'a pas suivi les débats sur les CSS avec la FAQ de GM.
Marsh Posté le 13-03-2003 à 20:27:24
Ouais mais elle tue sa mère son astuce
Maintenant je sais faire les cadres en bleus
Marsh Posté le 13-03-2003 à 20:41:23
boubours a écrit : en fait je pense que beaucoup d'entre vous font cela, mais bon, ca m'a bien aidé alors je partage mon truc !
|
Et moi j'ai un super truc pour ajouter une image "puce.png" avant les images de hauteur de 200 pixels lorsque la souris est par dessus et qui sont immédiatement précédées d'un élément H1 de classe "titre" :
h1.titre + img[height=200]:hover:before { |
Oui j'ai honte
Marsh Posté le 13-03-2003 à 20:41:39
Non, boubours ce que tu proposes est très bien mais sache qu'il y a dans la FAQ pas mal de liens qui expliquent comment faire ce genre de choses avec les CSS
Marsh Posté le 14-03-2003 à 02:31:37
bon entre nous je pense que ca fait pas mal de temps que je rouille par la, alors
d'autres parts, la faq elle est bien sympa mais avant de trouver quelque chose d'interessant dedans, ou du moins qui nous concerne exactement dans le cas ou l'on est, ben faut s'accrocher, entre les liens vers les pauvres faqs pourries, et les autres tellement détaillées que l'on se demande comment ils ont reussi a receuillir autant d'info ...
en bref, je suis tombé sur ca au hasard, et ca m'a bien aidé, du coup je me suis dit autant le rappeler ca fait pas de mal...
sur ce, skylight et autre hermes, vous etes bien gentil mais vos réfléxions pourris vous pouvez vous les fourrez ou je pense...
J'ai souvenir d'un hfr, où tout le monde s'entraidait, mais ce n'est qu'un souvenir grâce a des types dans votre genre
Marsh Posté le 14-03-2003 à 02:53:12
ReplyMarsh Posté le 14-03-2003 à 03:23:17
le but de l'astuce c ptet pour aider à "debugger" une page dans laquelle on serait perdu car trop de boxes
Marsh Posté le 14-03-2003 à 08:26:27
gm_superstar a écrit :
|
c koi ce truc ? ca marche ?
il y a des trucs de ce genre en css ? je connaissait hover mais c est tout...
escusez si j ai mal compris, ou si c t pas serieux, mais j y connais pas grand chose...
si ovus pouvier critiquer http://membres.lycos.fr/jjgan/vetheuil/ au niveau de sa css
Marsh Posté le 14-03-2003 à 08:29:25
boubours a écrit : bon entre nous je pense que ca fait pas mal de temps que je rouille par la, alors |
Heu moi je t'ai défendu, donc soigne un peu ton vocabulaire je te prie, merci...
Marsh Posté le 14-03-2003 à 08:53:24
J-'-R a écrit : |
Marsh Posté le 14-03-2003 à 09:05:41
c bien.
Juste un détail : Tu devrais mettre une marge autour de tes textes (c'est pas dûr, il faut que tu rajoutes un div à l'intérieur de ton div scrollable et que tu mettes les marges
Marsh Posté le 14-03-2003 à 09:22:57
Bon,
boubours a écrit : bon entre nous je pense que ca fait pas mal de temps que je rouille par la, alors |
Cette FAQ n'a JAMAIS prétendue être exhaustive. Elle est censée être un point d'entrée capable de traîter de questions récurrentes ici. Ceci n'est pas encore achevé.
Elle est aussi censée regrouper de "bons" liens vers tout ce qui touche au XHTML et aux CSS ainsi qu'aux standards.
boubours a écrit : ou du moins qui nous concerne exactement dans le cas ou l'on est, |
Ce n'est pas son but, sinon on regrouperait tous les sujet de la catégorie [HTML, JS] dans cette FAQ
boubours a écrit : ben faut s'accrocher, entre les liens vers les pauvres faqs pourries, |
As-tu proposé des liens moins pourris ?
Quelles autres FAQ juges-tu pourries ? Que je les retire immédiatement.
Argumente un peu...
boubours a écrit : et les autres tellement détaillées que l'on se demande comment ils ont reussi a receuillir autant d'info ... |
IL en faut pour tous les niveaux... Mais il y en a qui sont clairement pour les débutants.
boubours a écrit : en bref, je suis tombé sur ca au hasard, et ca m'a bien aidé, du coup je me suis dit autant le rappeler ca fait pas de mal... |
Ce que tu as posté est très bien et servira, je n'en doute pas, mais c'est le genre de chose qu'on commence à faire dès qu'on commence les CSS. La lecture de n'importe quel tutoriel sur les CSS le fera : http://mammouthland.free.fr/cours/css/cours2.php
boubours a écrit : J'ai souvenir d'un hfr, où tout le monde s'entraidait, mais ce n'est qu'un souvenir grâce a des types dans votre genre |
Mais c'est le cas ! Sinon je n'aurais jamais pris le temps de faire cette FAQ... Regarde le dernier sujet de Chicotos, il a eu droit à 2 tentatives de correction de sa page alors qu'il n'en demandait pas temps.
Pose une question précise sur un problème particulier, tu auras toujour une réponse ici...
Marsh Posté le 14-03-2003 à 09:27:34
J-'-R a écrit : c koi ce truc ? ca marche ? |
Oui mais en pratique tu ne t'en serviras jamais comme ça Ca devrait marcher avec Mozilla cela dit.
Faut m'excuser, j'ai eu une rude journée hier
J-'-R a écrit : si ovus pouvier critiquer http://membres.lycos.fr/jjgan/vetheuil/ au niveau de sa css |
Pas grand chose à dire c'est joli et aux normes
Peut être tu aurais pu faire ça de manière un peu plus sémantique, c'est à dire de donner du sens à tes différents blocs. Au lieu d'avoir des .centre, .g, .i etc... utiliser des noms de classes parlant (.menu) ou des éléments HTML dédiés (<strong>, <em>...)
Marsh Posté le 14-03-2003 à 09:28:19
Hermes le Messager a écrit : c bien. |
Autant mettre un padding, ça évite d'ajouter un DIV
Marsh Posté le 14-03-2003 à 10:02:39
hermes>En fait c'est le que je trouvais assez 'je me fout de ta gueule...' donc au temps pour moi si ton but n'était pas de te foutre simplement de ma gueule...
pour ce qui est de la faq de gm, loin de moi l'idée de dire qu'elle est nulle, je soulignait juste la profusion des liens (surtout pour les css,plus de 20) et je pensais qu'une sorte de classement pourrait être utile:
- genre la page de selfhtml en première place dans la souscatégorie definition-propriété
- une autre souscategorie style exemple avec les 10 faqs, basées sur l'exemple...
- une souscategorire éxotique ...
- etc ...
enfin disons que c'est chaud de tomber sur la bonne page direct (au final je me les suis toute faite, et c'est clair que ya des redites de partout c normal, mais du bon a prendre dans toute).
sur ce gm ta fais du bon boulot sur ta faq, et je pense que tu dois savoir a quel point tous les hfriens doivent ten etre reconnaissant !
Marsh Posté le 14-03-2003 à 10:07:53
boubours a écrit : pour ce qui est de la faq de gm, loin de moi l'idée de dire qu'elle est nulle, je soulignait juste la profusion des liens (surtout pour les css,plus de 20) et je pensais qu'une sorte de classement pourrait être utile: |
Oui je sais, il faut que fasse lé ménache
Marsh Posté le 13-03-2003 à 19:46:43
en fait je pense que beaucoup d'entre vous font cela, mais bon, ca m'a bien aidé alors je partage mon truc !
il suffit de copier ca dans votre css et vous aurez de jolis cadres rouges autour de vos box(surcharge de la balise DIV)!
DIV {
border-width:1px;
border-color:red;
border-style:solid;
}
Message édité par boubours le 13-03-2003 à 19:51:20
---------------
coming soon