Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
6079 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°332421
boubours
procrastineur né
Posté le 13-03-2003 à 19:46:43  profilanswer
 

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
mood
Publicité
Posté le 13-03-2003 à 19:46:43  profilanswer
 

n°332470
skylight
Made in France.
Posté le 13-03-2003 à 20:18:12  profilanswer
 

:heink:

n°332478
Hermes le ​Messager
Breton Quiétiste
Posté le 13-03-2003 à 20:21:35  profilanswer
 

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

n°332483
skylight
Made in France.
Posté le 13-03-2003 à 20:23:10  profilanswer
 

L'astuce qui tue sa mère :D

n°332486
Hermes le ​Messager
Breton Quiétiste
Posté le 13-03-2003 à 20:25:32  profilanswer
 

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

n°332494
skylight
Made in France.
Posté le 13-03-2003 à 20:27:24  profilanswer
 

Ouais mais elle tue sa mère son astuce :)
 
Maintenant je sais faire les cadres en bleus :D

n°332522
gm_superst​ar
Appelez-moi Super
Posté le 13-03-2003 à 20:41:23  profilanswer
 

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
n°332524
gm_superst​ar
Appelez-moi Super
Posté le 13-03-2003 à 20:41:39  profilanswer
 

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
n°332845
boubours
procrastineur né
Posté le 14-03-2003 à 02:31:37  profilanswer
 

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
n°332867
the real m​oins moins
Posté le 14-03-2003 à 02:53:12  profilanswer
 

:sweat:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
mood
Publicité
Posté le 14-03-2003 à 02:53:12  profilanswer
 

n°332872
the real m​oins moins
Posté le 14-03-2003 à 03:23:17  profilanswer
 

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 ?
n°332895
j-'-r
Sans horraires fixe
Posté le 14-03-2003 à 08:26:27  profilanswer
 

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 : --> *
n°332900
Hermes le ​Messager
Breton Quiétiste
Posté le 14-03-2003 à 08:29:25  profilanswer
 

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:

n°332916
j-'-r
Sans horraires fixe
Posté le 14-03-2003 à 08:53:24  profilanswer
 

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 : --> *
n°332929
Hermes le ​Messager
Breton Quiétiste
Posté le 14-03-2003 à 09:05:41  profilanswer
 


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

n°332945
gm_superst​ar
Appelez-moi Super
Posté le 14-03-2003 à 09:22:57  profilanswer
 

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
n°332950
gm_superst​ar
Appelez-moi Super
Posté le 14-03-2003 à 09:27:34  profilanswer
 

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
n°332953
gm_superst​ar
Appelez-moi Super
Posté le 14-03-2003 à 09:28:19  profilanswer
 

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
n°333001
boubours
procrastineur né
Posté le 14-03-2003 à 10:02:39  profilanswer
 

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
n°333007
gm_superst​ar
Appelez-moi Super
Posté le 14-03-2003 à 10:07:53  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
J'arrive pas à faire un truc dans access expert demandéComment corriger ce bug incompréhensible d'IE ? (position absolu!)
[Flash - Truc à rendre pr dem1 :/] - Est-ce que...Question de C++ sur les &truc = pouet;
[C] comment aficher des truc sur un lcd 4 x 20 a partir dun prog en c[FLASH] comment avec un bouton faire apparaitre ou disparaitre dé truc
heu pkoa mon char il deconne.. [truc simple pourtant]C++ objets et un autre truc
Model de donnée XML[vba] excel : cherche a faire un truc pas evident
Plus de sujets relatifs à : [css] un truc pour corriger vos box-model !


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)