boite d'infos

Marsh Posté le 21-07-2003 à 13:49:33

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 :

<div class="genericBox">
<span class="genericBoxType">Category</span>
<h2>Titre</h2>
<p>le blabla</p>
...
</div>

CSS

Code :

div.genericBox {
margin: 5px 5px 10px 5px;
padding: 2px 2px 2px 2px;
border: 1px gray solid;
background: #EEEFFF;
width: 550px;
}
span.genericBoxType {
display: block;
text-align: right;
width: 100%;
font-weight: bold;
color: #BBBBBB;
margin-bottom: -20px;
}

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 ?

Reply

Marsh Posté le 21-07-2003 à 13:49:33

Reply

Marsh Posté le 21-07-2003 à 16:12:03

personne :??:

Reply

Marsh Posté le 21-07-2003 à 16:16:47

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

Reply

Marsh Posté le 21-07-2003 à 16:27:56

Un float ?

Reply

Marsh Posté le 21-07-2003 à 16:29:24

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

Reply

Marsh Posté le 21-07-2003 à 16:31:20

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

Reply

boite d'infos

Sujets relatifs:

Leave a Replay