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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  boite d'infos

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

boite d'infos

n°463316
lorill
Posté le 21-07-2003 à 13:49:33  profilanswer
 

bonjour tous,  
 
j'ai besoin de faire une boite d'infos de ce type :
 


+-----------------------------------------------------+
| Titre                                      Category |
|                                                     |
| blabla bla blabla bla kdfjljfd lsjfd zepr zerk zert |
| sdfblabla bla blabla bla kdfjljfd lsjfd zepr zerk z |
| blasfdgsfggsbla la blabla bla kdfd lsjfd zeprk zert |
+-----------------------------------------------------+


 
de manière plus visuelle, j'ai un exemple de boite ici :
http://lucane.org/groupware/download/
 
Voila le code que j'ai pour ces boites :
 
HTML

Code :
  1. <div class="genericBox">
  2.   <span class="genericBoxType">Category</span>
  3.   <h2>Titre</h2>
  4.   <p>le blabla</p>
  5.   ...
  6. </div>


 
CSS

Code :
  1. div.genericBox {
  2.   margin: 5px 5px 10px 5px;
  3.   padding: 2px 2px 2px 2px;
  4.   border: 1px gray solid;
  5.   background: #EEEFFF;
  6.   width: 550px;
  7. }
  8. span.genericBoxType {
  9.   display: block;
  10.   text-align: right;
  11.   width: 100%;
  12.   font-weight: bold;
  13.   color: #BBBBBB;
  14.   margin-bottom: -20px;
  15. }


 
Ce qui m'embete un peu, c'est de devoir mettre mon genericBoxType en display: block, et du coup d'avoir une marge négative.
 
Donc la question, c'est y'a t'il un moyen plus clean de faire ca ?

mood
Publicité
Posté le 21-07-2003 à 13:49:33  profilanswer
 

n°463540
lorill
Posté le 21-07-2003 à 16:12:03  profilanswer
 

personne :??:

n°463555
RiderCrazy
Posté le 21-07-2003 à 16:16:47  profilanswer
 

Benh je suis pas certain mais je crois pas qu'il y est autre chose que display: block pour faire ça...
Un table autrement :o  
[:dehors2]

n°463573
fastclemmy
(re-)Dictateur en plastique
Posté le 21-07-2003 à 16:27:56  profilanswer
 

Un float ?

n°463578
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-07-2003 à 16:29:24  profilanswer
 

C'est quoi l'intérêt de mettre un span en display block plutôt que de mettre un div ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°463584
lorill
Posté le 21-07-2003 à 16:31:20  profilanswer
 

antp a écrit :

C'est quoi l'intérêt de mettre un span en display block plutôt que de mettre un div ?


[:meganne]
 
 
[:gratgrat]
 
 
en fait a la base je voulais un div en text-align: center, mais ca le fait pas. Sinon, j'ai laissé span, parce que conceptuellement, c'est pas une boite :o


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

  boite d'infos

 

Sujets relatifs
[JAVASCRIPT] Synchro entre Javascript et une boite de dialogue[Delphi 6] : Afficher les infos de versions
Automatiser la récupération d'infos sur le site des Pages Jaunes...[VBA Excel]Insérer un bouton 'parcourir' dans une boite de dialogue
boite de dialoguePosition d'une boîte
Récupération d'infos sur une autre frame ?Ouvrir une boite de dialogue à partir d'un menu dynamique (API)
[bug php formulaires http] infos ![C++] Boite de dialogue pour entrer 4 infos sur des entiers
Plus de sujets relatifs à : boite d'infos


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