Cadre souple

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Cadre souple

vonzzz

Hello,

je souhaite faire un cadre souple autour de certaines div, pour ca je
dispose de toutes les images necessaire (coin inférieurs/supérieurs
etc...).

J'ai commencé par essayer de faire le haut du cadre avec la méthode suivante:

- Un div contenant en background la partie centrale du cadre qui se repete

- Dans ce div, deux span flotant a droite et a gauche avec en background les coins supérieurs et inférieurs.

Le code est le suivant:

Le XHTML:

Code :

<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Cadre</title>
<meta httpequiv="ContentType" content="text/html; charset=iso88591" />
<link rel="stylesheet" media="screen" type="text/css" title="Test du css" href="style.css" />
</head>
<body>
<div>
<div class="top_border">
<span class="top_corner_l"></span> <span class="top_corner_r"></span>
</div>
</div>
</body>
</html>

Le CSS:

Code :

.top_border {
background-image: url('border_top_repeat.png') repeat-x;
width: 50%;
height: 15px ;
border: 2px solid;
}
.top_corner_l {
float: left;
background-image: url('border_top_left_corner.png');
width: 16px;
height: 15px ;
border: 2px solid blue;
}
.top_corner_r {
float: right;
background-image: url('border_top_right_corner.png');
width: 16px;
height: 15px ;
border: 2px solid red;
}

Les coins s'affichent correctements.

Par contre, la partie centrale du cadre, qui devrait être en background du div conteneur, ne s'affiche pas et reste blanche...

Quelqu'un voit-il mon erreur?

Merci d'avance

Publicité

nargy

remplace:
background-image: url('border_top_repeat.png') repeat-x;
par:
background: url('border_top_repeat.png') repeat-x;

vonzzz

Oui ca fonctionne merci.
Tu sais pourquoi il n'accepte pas avec background-image?

nargy

parceque background-image n accepte que une url, alors que ``background`` tout court accepte couleur+url+repeat+position à la queue leu leu

la doc CSS: http://www.w3.org/TR/CSS1

FORUM HardWare.fr

Programmation

HTML/CSS

Cadre souple

Sujets relatifs
obtenir ce cadre...	Réaliser un cadre pour contour d'une feuille A4
[resolu] cadre de sélection sur une image	Deplacer un cadre a la souris sur une page web
Cadre flottant avec pointeur	[CSS] probleme hauteur de cadre
[CSS] Problème de cadre en CSS	changer d'image dans un autre cadre
cadre et image	[HTML / CSS] Un cadre contenant deux blocs
Plus de sujets relatifs à : Cadre souple

Page générée en 0.047 secondes