Salut tout le monde,
Alors aujourd'hui j'm'ennuie et un pote à moi m'a demandé de lui faire un site
Du coup j'ai commencé à taper le code et je m'amuse beaucoup trop pour ne pas toucher à tout et tout tester
J'ai commencé hier soir soyez indulgent sur ce premier code
Comme vous devez vous en douter j'ai déjà eu des petits problèmes
Je n'ai pas réussis à faire un block avec mes images au centre je ne sais pas pourquoi dès que j'essaie d'ajouter les propriétés dans le css ce n'est plus pris en compte alors que si je touche directement les images pas de soucis
J'regarde encore en tentant des manips au grès des sites pour apprendre
J'ai un autre soucis ma ligne background dans le css elle fonctionne pas
Les images ne sont pas fixed et défilent derrière le texte ce qui ne m'arrange pas du tout
J'ai tenté en rajoutant une règle background-attachment: fixed; mais la j'ai les bords blanc des images qui apparaissent et le fond qui défile toujours
EDIT: Je viens de penser que de fixer le premier et faire scroll le deuxième pourrait résoudre le problème plus facilement mais même avec
background: url("img/bckgrd.png") fixed no-repeat top center; url("img/bckgrd2.png") scroll center; ça, ça ne marche pas :/
Voila d'ordre plus générale si vous avez des choses sympas à me conseiller de tester je suis preneur que je me régale de voir mon site changer après un F5
Merci d'avance à vous pour vos conseilles
Je suis pas en cat web
Si quelqu'un peut me jeter la bas
Alors aujourd'hui j'm'ennuie et un pote à moi m'a demandé de lui faire un site
Du coup j'ai commencé à taper le code et je m'amuse beaucoup trop pour ne pas toucher à tout et tout tester
J'ai commencé hier soir soyez indulgent sur ce premier code
CSS:
img
{
width: 35%;
float: right;
margin-bottom: 50px;
margin-right: 35%;
margin-top: 3%;
display: inline-block;
}
nav
{
margin: 5%;
display: inline-block;
}
body
{
background: url("img/bckgrd.png") fixed no-repeat top center; url("img/bckgrd2.png") fixed repeat-y center;
background-color: black;
color: white;
font-style: normal;
}
h1
{
font-size: 36px;
}
a
{
color: white;
text-decoration: none;
}
XML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/hexagon.ico">
<title>trouveunnom</title>
</head>
<body>
<nav>
<h1>Titreàtrouverouech</h1>
<p><a href="page2.html">Album 1</a></p>
<p><a href="page2.html">Album 2</a></p>
<p><a href="page2.html">Album 3</a></p>
<p><a href="page2.html">Manifeste</a></p>
<p><a href="page2.html">Contacts</a></p>
<p><a href="page2.html">Links</a></p>
</nav>
<img src="img/IMG1.jpg" alt="" />
<img src="img/IMG2.jpg" alt="" />
<img src="img/IMG3.jpg" alt="" />
<img src="img/IMG4.jpg" alt="" />
<img src="img/IMG5.jpg" alt="" />
<img src="img/IMG6.jpg" alt="" />
</body>
</html>
Comme vous devez vous en douter j'ai déjà eu des petits problèmes
Je n'ai pas réussis à faire un block avec mes images au centre je ne sais pas pourquoi dès que j'essaie d'ajouter les propriétés dans le css ce n'est plus pris en compte alors que si je touche directement les images pas de soucis
J'regarde encore en tentant des manips au grès des sites pour apprendre
J'ai un autre soucis ma ligne background dans le css elle fonctionne pas
Les images ne sont pas fixed et défilent derrière le texte ce qui ne m'arrange pas du tout
J'ai tenté en rajoutant une règle background-attachment: fixed; mais la j'ai les bords blanc des images qui apparaissent et le fond qui défile toujours
EDIT: Je viens de penser que de fixer le premier et faire scroll le deuxième pourrait résoudre le problème plus facilement mais même avec
background: url("img/bckgrd.png") fixed no-repeat top center; url("img/bckgrd2.png") scroll center; ça, ça ne marche pas :/
Voila d'ordre plus générale si vous avez des choses sympas à me conseiller de tester je suis preneur que je me régale de voir mon site changer après un F5
Merci d'avance à vous pour vos conseilles
Je suis pas en cat web
Si quelqu'un peut me jeter la bas