Css jy perd mon latin
hagui
-
warlix Messages postés 1204 Statut Contributeur -
warlix Messages postés 1204 Statut Contributeur -
Bonjour,
voila je voudrai insérer une image dans mon site mais celle ci est plus grande que les images qui me serve de fond d'ecran, jai tout essayer (redimensioner les images , trifouiller dans le code de ma feuille de style, ou dans mon code hmtl etc...) mais rien a faire ca fonctione pas.....
voici l adresse de mon site :
http://allinklub.ifrance.com/acceuil.html
je voudrai en fait placer une image (que je ne peu pas reduire, 700 pixel de largeur) a la place de "la lettre du president" mais quand j insere l image, le fond gris qui est derriere ne suit pas....
voici le code de ma feuille de style :
body {
background-image:url(images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
text-align: center;
padding: 0px;
background-repeat: repeat-x;
background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
a {
color:#6b7272;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#container {
margin: 0px auto;
text-align: left;
width: 860px;
}
#header{
height:304px;
width:777px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}
#content{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:196px;
width:450px;
}
#right{
width:192px;
float:right;
}
/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}
/********************* post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image:url(images/posttop.gif);
display:block;
width:450px;
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(images/postmiddle.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
.postfooter{
background-image:url(images/postbottom.gif);
background-repeat: no-repeat;
display:block;
width:450px;
height:15px;
}
/********************* header ****************************/
#header{
position:relative;
}
#header ul{
position:absolute;
top:273px;
display:block;
left:190px;
}
#header ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
.last{
border-right: 0px none #6b7272 !important;
}
#header ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#header ul li a:hover{
text-decoration:underline;
}
/********************* footer ****************************/
#footer{
width:850px;
}
#footer ul{
display:block;
margin-left:190px;
}
#footer ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
#footer ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer span{
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
width:850px;
display:block;
padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
list-style-position: inside;
list-style-type: disc;
padding: 0px 0px 0px 20px;
color:#666666;
}
.menu ul li{
padding-top: 5px;
color:#666666;
}
.menu ul li a{
text-decoration:none;
padding: 0px;
text-transform: uppercase;
}
.menu ul li a:hover{
text-decoration:underline;
text-transform: uppercase;
}
.member{
display:inline;
float:left;
margin-left:10px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member img{
width:75px;
height:70px;
border: solid 2px #999999;
}
.clear{
clear:both;
}
merci d'avance :)
voila je voudrai insérer une image dans mon site mais celle ci est plus grande que les images qui me serve de fond d'ecran, jai tout essayer (redimensioner les images , trifouiller dans le code de ma feuille de style, ou dans mon code hmtl etc...) mais rien a faire ca fonctione pas.....
voici l adresse de mon site :
http://allinklub.ifrance.com/acceuil.html
je voudrai en fait placer une image (que je ne peu pas reduire, 700 pixel de largeur) a la place de "la lettre du president" mais quand j insere l image, le fond gris qui est derriere ne suit pas....
voici le code de ma feuille de style :
body {
background-image:url(images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
text-align: center;
padding: 0px;
background-repeat: repeat-x;
background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
a {
color:#6b7272;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#container {
margin: 0px auto;
text-align: left;
width: 860px;
}
#header{
height:304px;
width:777px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}
#content{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:196px;
width:450px;
}
#right{
width:192px;
float:right;
}
/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}
/********************* post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image:url(images/posttop.gif);
display:block;
width:450px;
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(images/postmiddle.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
.postfooter{
background-image:url(images/postbottom.gif);
background-repeat: no-repeat;
display:block;
width:450px;
height:15px;
}
/********************* header ****************************/
#header{
position:relative;
}
#header ul{
position:absolute;
top:273px;
display:block;
left:190px;
}
#header ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
.last{
border-right: 0px none #6b7272 !important;
}
#header ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#header ul li a:hover{
text-decoration:underline;
}
/********************* footer ****************************/
#footer{
width:850px;
}
#footer ul{
display:block;
margin-left:190px;
}
#footer ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
#footer ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer span{
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
width:850px;
display:block;
padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
list-style-position: inside;
list-style-type: disc;
padding: 0px 0px 0px 20px;
color:#666666;
}
.menu ul li{
padding-top: 5px;
color:#666666;
}
.menu ul li a{
text-decoration:none;
padding: 0px;
text-transform: uppercase;
}
.menu ul li a:hover{
text-decoration:underline;
text-transform: uppercase;
}
.member{
display:inline;
float:left;
margin-left:10px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member img{
width:75px;
height:70px;
border: solid 2px #999999;
}
.clear{
clear:both;
}
merci d'avance :)
1 réponse
salut
dans le css tu as ça
essais de mettre un no repeat dans le background , déjà ton image resteras en un morceau
ensuite il faut que tu règle ton image de la taille du div
si c est bien cette partie que tu veux modifier
dans le css tu as ça
.postcontent{
background-image:url(images/postmiddle.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
essais de mettre un no repeat dans le background , déjà ton image resteras en un morceau
ensuite il faut que tu règle ton image de la taille du div
si c est bien cette partie que tu veux modifier
<div class="postcontent">
<p align="center" class="Style32"> Chers Membres,</p>
<p align="left" class="Style3"> Au nom du club, je suis heureux de vous accueuillir parmi nous. <br />
Bienvenue dans ce monde où le vice est roi, et pour lequel j'ai le plaisir de vous nommer « Chevaliers de la Table Oblongue » où votre seule quête, si vous l'acceptez, est de vous faire de nouveaux amis que vous pourrez sans regrets : déposséder, dépouiller, filouter, peler, écraser et pigeonner à votre convenance. Mais tous ceci dans le plus grand respect ( noblesse de Chevalier oblige ! ). Vos armes : Deux cartes. Vos atouts : l'intelligence ( pour ceux qui en sont pourvu ), la patience, l'audace, et chez certains d'entre vous : le cul bordé de nouilles ! Ici tous les coups sont permis, les coups foireux comme les coups de bluff ; les coups de bol comme les coups de grâce. Amis de la quinte ou du Bad Beat, chacun devra mener l'aventure avec convivialité et sérénité. Cependant, quelques commandements seront indispensables à votre quête : </p>
<p align="left" class="Style3">- 1er : Tu suivras : car en ton jeu, tu as la foi !<br />
- 2ème : Tu relanceras : car ton audace n'a d'égale que ton orgeuil... et donc tu es sûr de toi ! - 3ème : Tu checkeras : car chez toi, courage et témérité ne sont pas loi !<br />
- 4ème : Tu te coucheras : car comme St Thomas tu ne crois que ce que tu vois !<br />
<br />
Chers Membres, vos armes en main et vos atouts dans les poches, vous voilà maître de votre destinée. Vous allez vivre des heures passionnantes et captivantes, où vos nerfs seront mis à rude épreuve, le palpitant à la limite de la rupture, et vos méninges en état de surchauffent, auront leurs neuronnes au bord du claquage. Camarades ! Entendez-vous... le crépitement des jetons sur la feutrine ? Si vous êtes prêt, installez vous autour du tapis vert, préparez vous à traverser l'enfer d'un jeu qu'on appelle : LE POKER !<br />
<br />
</p>
<p align="center" class="Style3"> Le Président,<br />
<br />
Tony.A</p>
<p align="center" class="Style3"> </p>
</div>