Se connecter / S'enregistrer
Votre question

probleme cadre arrondi

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
27 Juin 2007 23:00:18

bonjour

je n'arrive pas a faire un cadre arrondi

voilà ceux que ca me fait
http://le.coffre.free.fr/messenger-plus-live.php

Citation :
<div class="cadre">
<div class="haut-droit">
</div>
<div class="haut-gauche">
</div>
<div class="contenu">
<fieldset>
<p class="texte-blanc">COMMUNAUTE</p>
</fieldset>
</div>
<div class="bas-droit">
</div>
<div class="bas-gauche">
</div>
</div>
<!-- fin de cadre arrondi -->


et

Citation :
/* cadres arrondis */
/* -----------------------------------------------------------------------------------*/

.cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
}
/* propriétés communes à l'ensemble des 4 coins */
.haut-gauche, .haut-droit, .bas-gauche, .bas-droit
{
height: 19px;
width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.haut-gauche
{
background:url(gauche.jpeg);
}
.haut-droit {
float: right;
background:url(gauche.jpeg);
}
.bas-gauche
{
background:url(gauche.jpeg);
}
.bas-droit {
float: right;
background:url(gauche.jpeg);
}
.contenu p {

text-align:center;
color:#FFFFFF;
background:url(gauche.jpeg);
margin: 0.5em; /*gestion des espaces interparagraphes */
}


merci de m'aidé a resoudre ce petit soucy

Autres pages sur : probleme cadre arrondi

27 Juin 2007 23:43:27

Je comprend pas se que tu veux faire?
Contenus similaires
28 Juin 2007 14:48:20

C'est toi qui comprend rien... tu dois les créer les cadres.

Tu créer le cadre arrondi du haut, tu créer une barre droite pour l'extention et tu crée un cadre arrondi du bat pour refermer...
28 Juin 2007 15:57:43

lol oui ..

.bas-droit {
background:url(gauche.jpeg);

un peut bizare une image gauche pour un coin droit ^^
4x les meme images... m'etone pas que ca marche pas, reflechie 30s avant d'post

merci
28 Juin 2007 16:26:18

allstar27 a dit :
C'est toi qui comprend rien... tu dois les créer les cadres.

Tu créer le cadre arrondi du haut, tu créer une barre droite pour l'extention et tu crée un cadre arrondi du bat pour refermer...



ok donne moi un code pour le faire et jec veux bien éssayé de comprendre

mais j'ai suivie l'instruction dc qu'elle sont mes erreur si tt
28 Juin 2007 17:55:53

Tu crée le cadre arrondi du haut la taille que tu veux mais pas trop haut.

Ensuite tu crée une barre honrizontale de la meme largeur que ton cadre du haut, mais tu ne lui met pas de height et repeat-y.

Tu crée enfin le cadre du bas arrondi pour refermer.

Toi tu écrira dans la barre horizontale qui s'agrandira au fure et a mesure que tu écris...

Du genre:

HTML
  1. <div id="haut"></div>
  2. <div id="centre">bla bla bla bla bla</div>
  3. <div id="bas"></div>


CSS
  1. #haut {
  2. background: #ffffff url(image/haut.jpg) no-repeat;
  3. height: 20px;
  4. }
  5. #centre {
  6. background: #ffffff url(image/centre.jpg) repeat-y;
  7. }
  8. #bas {
  9. background: #ffffff url(image/bas.jpg) no-repeat;
  10. height: 20px;
  11. }
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS