Boîte avec titre en CSS

Résolu/Fermé
heliconius Messages postés 545 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 23 juin 2023 - 13 oct. 2013 à 03:54
heliconius Messages postés 545 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 23 juin 2023 - 13 oct. 2013 à 15:25
Bonsoir,

Je ne sais pas si cette question a une solution mais j'aimerais avoir un avis, voire un coup de pouce...

En utilisant CSS, j'aimerais faire une boîte dans laquelle un texte est écrit mais je voudrais que la première ligne soit écrite sur la bordure. Doit-on jouer sur les positions (fixes ou relatives) avec des valeurs négatives ? Je vais essayer de faire un croquis et donner les infos utiles pour rendre ma question plus claire.

<style type="text/css">
.boite {
width: 500px;
border: 1px solid #0000FF;
background-color: #FFFF80;
padding: 6px;
}
.date {
/* quelles propriétés ? */
}
</style>

... ...

<body>
<div class="boite">
<div class="date">13/10/2013</div>
Bla bla bla...
</div>
... ...
</html>



Mais au lieu que ce soit comme ça :

+-----------------------------------+
| 13/10/2013 |
| Bla bla bla... |
| |
+-----------------------------------+

que ce soit affiché comme ça :

+--- 13/10/2013 --------------------+
| Bla bla bla... |
| |
| |
+-----------------------------------+

Idem pour superposer un texte sur un trait

<hr size="1" noshade>
<div class="date">13/10/2013</div>

et avoir :

------------------ 13/10/2013 ------------------------------------

Merci beaucoup pour vos réponses.


1 réponse

Utilisateur anonyme
13 oct. 2013 à 08:48
salut, ton div class date tu le bouge avec relative.
1
heliconius Messages postés 545 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 23 juin 2023 137
13 oct. 2013 à 15:25
Merci INFINIMENT :o)
0