Bonjour Km
Normalement tu dois avoir une
'' div id="tchatbox"
Ce n'est qu'un aperçu et tu peux trouver le code HTML5/CSS3 comme ceci :
J'ai modifier les boites " DIV" j'ai mis de la couleur pour voir, selon tes choix.
Ps : tu sais comment faire pour lire le code ??
!DOCTYPE html
html lang="en"
html
head
meta charset="utf-8" /
link rel="stylesheet" href="css/style.css" /
titleTchatbox/title
/head
body
style type="text/css"
body{
background-image: url("../images/fd.png");
color: white;
}
a{
text-decoration: none;
color: grey;
}
a:hover{
text-decoration: underline;
font-style: oblique;
color: white;
}
h1{
font-size: 16px;
font-family: "Comic Sans MS", "Arial Black", Impact, Arial, Verdana;
letter-spacing:1px;
word-spacing:7px;
padding-left: 30px;
padding-top: 6px;
padding-bottom: 8px;
background-color: black;
}
#banniere_image
{
margin-top: 15px;
margin-left: 20px;
height: 900px;
background: url('../images/logo.png') no-repeat;
position: relative;
opacity: 0.9;
}
.container {
display: inline-block;
right: 380px;
margin-top: 0px;
margin-right: 30px;
position: fixed;
}
#content form input[type="text"], #content form input[type="password"]{
color: black;
font-size: 13px;
font-weight: bold;
font-family: Impact, "Comic Sans MS", "Arial Black", Arial, Verdana;
background-color: yellow;
border: 19px grey solid;
}
#container2{
width:200%;
}
#gauche {
float: left;
width: 330px;
height: 318px;
background-color: red;
margin-top: 60px;
margin-left: 20px;
margin-right: 30px;
border: 20px grey solid;
border-color:Pink;
}
iframe{
margin-top: 95px;
margin-left: 95px;
}
#droite{
float: right;
width: 290px;
height: 318px;
background-color: green;
margin-top: 60px;
margin-left: 20px;
margin-right: 20px;
border: 19px grey solid;
border-color: rgba(105, 105, 105, 0.5);
}
#centre{
display: inline-block;
width: 290px;
height: 360px;
background-color: purple;
margin-top: 60px;
padding-left: 35px;
padding-right: 35px;
position:absolute;
border: 20px grey dotted;
border-color: solid green;
}
#centre, p{
font-size: 23px;
font-family: "Comic Sans MS", "Arial Black", Impact, Arial, Verdana;
letter-spacing:1px;
margin-left: 15px;
color: yellow;
}
/style
h1
a href="index.html"Accueil/a
a href="register.html"Inscription/a
a href="community.html"Site/a
a href="join_7Ox.html"Joindre/a
a href="report_cheat.html"rapport/a
/h1
div id="image"/div
div class="container"
section id="content"
form action=""
div
input type="text" placeholder="Username" required="" id="username" /
input type="password" placeholder="Password" required="" id="password" /
input type="submit" value="Login" /
/div
/form!-- form --
/section!-- content --
/div!-- container --
div class="container2"
div id="gauche"
pred pour rougebr /^^ /p
/div
div id="droite"
pgreen pour vertbr /^^ /p
/div
div id="centre"
pChatboxbr /^^ le " id="centre dans CSS3" tu vas trouver la couleur "Purple" pour le "TCHAT"/p
/div
/div!-- container2 --
/body
/html
@ te lire.
KeRR_@
Bonjour,