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 ?