[css] un truc pour corriger vos box-model !

un truc pour corriger vos box-model ! [css] - HTML/CSS - Programmation

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
Reply

Marsh Posté le 13-03-2003 à 19:46:43   

Reply

Marsh Posté le 13-03-2003 à 20:18:12    

:heink:

Reply

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 !
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;
}


 
 


 
C'est très sympa de ta part.  [:totozzz]  
 
Si tu as besoin d'aide un de ces 4, on sera là pour toi.  :D

Reply

Marsh Posté le 13-03-2003 à 20:23:10    

L'astuce qui tue sa mère :D

Reply

Marsh Posté le 13-03-2003 à 20:25:32    

Skylight a écrit :

L'astuce qui tue sa mère :D


 
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.  
 
 :)

Reply

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 :D

Reply

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 !
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;
}



 
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 {
 content: url(puce.png);
}


 
 
 
Oui j'ai honte
[:neowen]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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 ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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... :kaola:  
 
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 :sweat:


Message édité par boubours le 14-03-2003 à 02:38:26

---------------
coming soon
Reply

Marsh Posté le 14-03-2003 à 02:53:12    

:sweat:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 14-03-2003 à 02:53:12   

Reply

Marsh 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 :??:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 14-03-2003 à 08:26:27    

gm_superstar a écrit :


 
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 {
 content: url(puce.png);
}


 
 
 
Oui j'ai honte
[:neowen]


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


---------------
Perdu ? Vous êtes ici : --> *
Reply

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  :(  
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... :kaola:  
 
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 :sweat:


 
Heu moi je t'ai défendu, donc  soigne un peu ton vocabulaire je te prie, merci...  :heink:

Reply

Marsh Posté le 14-03-2003 à 08:53:24    

J-'-R 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 vous pouviez critiquer http://membres.lycos.fr/jjgan/vetheuil/ au niveau de sa css

:??:


---------------
Perdu ? Vous êtes ici : --> *
Reply

Marsh Posté le 14-03-2003 à 09:05:41    


 
c bien.  :jap:  
 
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 ;)

Reply

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  :(  
d'autres parts, la faq elle est bien sympa mais avant de trouver quelque chose d'interessant dedans,


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...
sur ce, skylight et autre hermes, vous etes bien gentil mais vos réfléxions pourris vous pouvez vous les fourrez ou je pense... :kaola:


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 :sweat:


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...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-03-2003 à 09:27:34    

J-'-R 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...


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 :sweat:

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 :jap:  
 
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>...)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-03-2003 à 09:28:19    

Hermes le Messager a écrit :

c bien.  :jap:  
 
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 ;)


Autant mettre un padding, ça évite d'ajouter un DIV


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-03-2003 à 10:02:39    

hermes>En fait c'est le [:totozzz] 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  :jap: !


---------------
coming soon
Reply

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 :/


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed