Bonjour,
J'ai fais un cadre en css avec des bord arrondis transparent sauf que avec la transparence les barre du haut et du bas dépasse de la transparence .
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 =>
Citation :
/* 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 =>
Citation :
<!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>
|
Merci d'avance pour votre aide.
Jeforce
Message édité par jeforce le 06-12-2006 à 19:52:40