Bonjour,
Je fais un site avec un cadre transparent avec bord arrondi,...
J'ai suivi ce tuto => http://www.alsacreations.com/articles/cadre/#deux pour le faire mais j'ai un probleme :
Le probleme est qu'avec la transparence les barre du haut et du bas dépasse des coins.
Pour ceux qui n'aurais pas compris (sûrement beaucoup de personne) voila l'adresse de mon site ou vous pourrez voir mon problème => http://jeforce.free.fr/jeforcebox/ .
Contenu de mon CSS =>
Contenu de ma page php =>
J'ai vu ce topic mais debutant en css je n'arrive pas a rajouter les bordures .
Merci d'avance pour votre aide.
Jeforce
Je fais un site avec un cadre transparent avec bord arrondi,...
J'ai suivi ce tuto => http://www.alsacreations.com/articles/cadre/#deux pour le faire mais j'ai un probleme :
Le probleme est qu'avec la transparence les barre du haut et du bas dépasse des coins.
Pour ceux qui n'aurais pas compris (sûrement beaucoup de personne) voila l'adresse de mon site ou vous pourrez voir mon problème => http://jeforce.free.fr/jeforcebox/ .
Contenu de mon CSS =>
a écrit :
/* JEFORCE'BOX CSS */
body
{
width:100%;
background-image: url("img/bluewall1280x1024.jpg");
background-attachment: no-repeat;
}
#conteneur {
width:750px;
margin:0 auto 0 auto;
}
/********************************************* Cadre Info + Cadre default *************************************************/
#principal {
width:104%;
background-image:url('img/coteg.png');
margin: 0
px;
background-repeat: repeat-y;
}
#principal2 {
background-image:url('img/coted.png');
background-repeat: repeat-y;
background-position: right;
}
#haut {
height:9px;
margin:2
background-repeat: repeat-x;
background-image:url('img/ch1.png');
}
#haut img {
vertical-align:top; /* for ie5*/
}
#coingh {
width:9px;
height:9px;
background-image:url('img/b1.png');
float: left;
}
#coindh {
width:13px;
height:9px;
background-image:url('img/b2.png');
float: right;
}
#contenu {
padding: 0 32px 0 25px;
}
#contenu p {
margin: 0px;
}
#bas {
height:14px;
background-repeat: repeat-x;
background-image:url('img/ch2.png');
}
#coingb {
width:9px;
height:9px;
background-image:url('img/b3.png');
float: left;
}
#coindb {
width:13px;
height:9px;
background-image:url('img/b4.png');
float:right;
}
/***************************************************** Cadre login ******************************************/
#principall {
width:47%;
background-image:url('img/coteg.png');
background-repeat: repeat-y;
}
Contenu de ma page php =>
a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>-=Jeforce'Box=-</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<meta content="Jeforce" name="author">
</head>
<body>
<div id="conteneur">
<div style="text-align: center;"><img style="width: 782px; height: 184px;" alt="" src="img/banniere.png"><br></div>
<br>
<! Cadre Info >
<div id="principal">
<div id="principal2">
<div id="haut"><div id="coingh"></div><div id="coindh"></div>
</div>
<div id="contenu">
<p><div style="text-align: center;">Jeforce'Box</div></p>
<p>Welcome to Jeforce'Box
</div>
<div id="bas">
<div id="coingb"></div>
<div id="coindb"></div>
</div>
</div>
</div>
<br>
<br>
<! Cadre Login >
<div id="principall">
<div id="principal2">
<div id="haut"><div id="coingh"></div><div id="coindh"></div>
</div>
<div id="contenu">
<?php
@include ("login.php");
?>
</div>
<div id="bas">
<div id="coingb"></div>
<div id="coindb"></div>
</div>
</div>
</div>
</body>
</html>
J'ai vu ce topic mais debutant en css je n'arrive pas a rajouter les bordures .
Merci d'avance pour votre aide.
Jeforce