Boîte avec titre en CSS
Résolu
heliconius
Messages postés
539
Date d'inscription
Statut
Membre
Dernière intervention
-
heliconius Messages postés 539 Date d'inscription Statut Membre Dernière intervention -
heliconius Messages postés 539 Date d'inscription Statut Membre Dernière intervention -
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.
Mais au lieu que ce soit comme ça :
que ce soit affiché comme ça :
Idem pour superposer un texte sur un trait
et avoir :
Merci beaucoup pour vos réponses.
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.
A voir également:
- Boîte avec titre en CSS
- Boite gmail saturée - Guide
- Boite gmail bloquée - Guide
- Se connecter à ma boite hotmail - Guide
- Trouver un film sans le titre - Télécharger - Divers TV & Vidéo
- Boite a couleur - Télécharger - Divers Photo & Graphisme
