Modérateur: Modérateurs
par robertthibaud17 » 16 Juil 2012 16:42
par Falkra » 16 Juil 2012 17:39
par robertthibaud17 » 16 Juil 2012 17:43
par Falkra » 16 Juil 2012 17:44
par robertthibaud17 » 16 Juil 2012 17:45
par Hapax » 16 Juil 2012 21:13
par robertthibaud17 » 16 Juil 2012 21:34
par Hapax » 16 Juil 2012 21:39
par robertthibaud17 » 16 Juil 2012 21:40
par Hapax » 16 Juil 2012 21:48
par robertthibaud17 » 16 Juil 2012 21:53
par Hapax » 16 Juil 2012 22:09
Falkra a écrit:Rien compris (désolé), fais un montage en bidouillant une copie d'écran stp, ce sera plus clair, là je ne vois absolument pas où tu veux écrire.
par Falkra » 16 Juil 2012 22:13
par robertthibaud17 » 16 Juil 2012 22:18
par Falkra » 16 Juil 2012 22:27
<div id="main">Mon texte </div>
par robertthibaud17 » 17 Juil 2012 19:28
par robertthibaud17 » 17 Juil 2012 19:30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<title>Coatch de vie</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" media="all" title="CSS" href="style.css" />
</HEAD>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="menu">
<ul id="onglets">
<li class="active"><a href="index.html">Accueil</a></li>
<li><a href="Pourquoi.html">Pourquoi un coach ?</a></li>
<li><a href="Deroulement.html">Deroulement du coatching</a></li>
<li><a href="Tarifs.html">Tarifs</a></li>
<li><a href="Contact.html">Me contacter</a></li>
</ul>
</div>
<div id="corps">
<img src="Thierry_Robert.jpg"/>
<div id="main">Mon texte</div>
</div></p>
<div id="footer">
Copyright - Tous droits réservés © 2011-2012
</div>
</body>
</html>
body{
margin:0px;
background : black;
background-image: url( http://image.noelshack.com/fichiers/2012/28/1342216615-df-blue-grass-bg-162kb.jpg );
background-repeat: no-repeat;
color: white;
font-size: 140%;
}
#header
{
height: 96px;
}
#onglets
{
position : absolute;
border : 1px solid transparent;
padding : 0;
font : bold 11px Batang, arial, serif;
list-style-type : none;
left : 15%;
margin-top : 0;
margin-left : 200px;
}
#onglets li
{
float : left;
height : 21px;
margin : 2px 2px 0 2px ;
margin : 1px 2px 0 2px;
}
#onglets li.active
{
border-bottom: 1px solid #666;
}
#onglets a
{
display : block;
color : #FFFFFF;
text-decoration : none;
padding : 4px;
}
#onglets a:hover
{
background : #666;
}
#menu
{
border-bottom : #9EA0A1;
padding-bottom : 25px;
}
#conteneur
{
margin: auto;
width: 832px;
}
#corps
{
background-repeat: repeat-y;
width: 724px;
padding-left: 58px;
padding-right: 58px;
}
#corps a
{
color: #846b41;
text-decoration: none;
}
#corps a:hover
{
color: #c48a2c;
text-decoration: underline;
}
#main {
width:35ton 0px;
margin:0 auto;
margin-top : 0;
margin-left : 0px;
}
li {
float:left;
position:relative;
left:0%;
margin:0 15px;
}
a {
font-size: 130%;
display:block;
padding:0.2em;
color:white;
text-decoration:none;
background:black;
border:1px solid black;
border-bottom:0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
a::before,a::after{
background:black;
border-bottom:1px solid black;
}
a::before {
left:-9px;
}
a::after {
right:-9px;
}
li::before,li::after {
border:1px solid black;
background:white;
z-index:2;
}
li::before {
left:-10px;
border-width:0 1px 1px 0;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
li::after {
right:-10px;
border-width:0 0 1px 1px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
#footer
{
width: 590px;
height: 9px;
color: #b3a793;
font-size: 12px;
text-align: right;
padding-top: 50px;
}
#footer a
{
text-decoration: underline;
color: #b3a793;
}
par Falkra » 17 Juil 2012 19:34
color : #FFFFFF;
par robertthibaud17 » 17 Juil 2012 19:35
par Falkra » 17 Juil 2012 19:37