{CSS} Le contenu se balade
Résolu/Fermé
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
21 avril 2009 à 20:40
alexislevrai Messages postés 564 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 28 avril 2009 à 23:14
alexislevrai Messages postés 564 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 28 avril 2009 à 23:14
A voir également:
- {CSS} Le contenu se balade
- Word a trouvé du contenu illisible - Guide
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- [<B>contenu masqué</b>] ✓ - Forum Téléphones & tablettes Android
- Retour à la ligne css - Forum CSS
- Trait css ✓ - Forum CSS
12 réponses
Eleth
Messages postés
128
Date d'inscription
jeudi 15 janvier 2009
Statut
Membre
Dernière intervention
26 février 2010
17
21 avril 2009 à 20:43
21 avril 2009 à 20:43
salut,
donne nous ton code CSS pour qu'on puisse y voir un peu plus clair et ausi ce que tu as essayé précédemment histoire de ne pas donner des solutions probables que tu as déjà essayé.
donne nous ton code CSS pour qu'on puisse y voir un peu plus clair et ausi ce que tu as essayé précédemment histoire de ne pas donner des solutions probables que tu as déjà essayé.
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
21 avril 2009 à 20:46
21 avril 2009 à 20:46
body { background-image:url(../img/madouce_1.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-color: #000000; width:1100px; position: relative; } img { border:none; } #prochainement { position: relative; top: 180px; left: 340px; } #logo { position: absolute; top: 580px; left: 800px; }
Et donc j'ai essayé de mettre cela dans une div avec une position fixed et absolute aussi mais .. rien
Eleth
Messages postés
128
Date d'inscription
jeudi 15 janvier 2009
Statut
Membre
Dernière intervention
26 février 2010
17
21 avril 2009 à 21:00
21 avril 2009 à 21:00
Si tu veux tout centrer essaye çà :
body { background-image:url(../img/madouce_1.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-color: #000000; } img { border:none; } #prochainement { position: absolute; top: 180px; margin: auto; } #logo { position: absolute; top: 580px; margin: auto; }
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
21 avril 2009 à 21:19
21 avril 2009 à 21:19
Désolé j'avais pas vu ta réponse.
Non Margin Auto fonctionne pas :S
Non Margin Auto fonctionne pas :S
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
21 avril 2009 à 21:44
21 avril 2009 à 21:44
personne ne peux m'aider ?
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
21 avril 2009 à 23:01
21 avril 2009 à 23:01
Bsr
En trichant un peu tu peux faire
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
En trichant un peu tu peux faire
<!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" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Essai</title> <style> * { margin: 0; padding: 0; outline: 0; } body { background-color: #000000; } img { border:none; } div#conteneur { background-image:url('img/madouce_1.jpg'); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-color: #000000; width:1100px; height:736px; text-align:left; margin: auto; position: relative; } #prochainement { position: relative; top: 180px; left: 340px; } #logo { position: absolute; top: 580px; left: 760px; } #credit { position: absolute; top: 718px; left: 80px; font-size: 0.6em; color: #989898; z-index:2; } a { color: #585858; text-decoration: none; } a:hover { color: #989898; text-decoration: none; } #adresse { position: absolute; top: 410px; left: 432px; font-family: arial, helvetica, sans-serif ; z-index:2; } #myspace { position: absolute; font-size: 1.4em; font-family: arial, helvetica, sans-serif ; top: 455px; left: 490px; z-index:2; } #mail { position: absolute; top: 510px; left: 540px; font-family: arial, helvetica, sans-serif ; font-size: 0.8em; z-index:2; } </style> </head> <body> <div id="conteneur"> <img id="prochainement" src="img/prochainement.png"/> <img id="logo" src="img/logo.png"/> <span id="adresse"><a href="https://www.google.fr/maps?f=q&source=s_q&hl=fr&geocode&q=7+rue+Arnaud+Bernard+31000+Toulouse&sll=47.15984,2.988281&sspn=18.418028,40.429688&ie=UTF8&ll=43.609715,1.439145&spn=0.009571,0.019741&z=16&iwloc=A">7 rue Arnaud Bernard 31000 Toulouse - France</a></span> <span id="myspace"><a href="http://www.myspace.com/ma_douce">Visitez notre MySpace</a></span> <span id="mail"><a href="mailto:contact@ma-douce.fr">contact@ma-douce.fr</a></span> <span id="credit">Annabelle est photographiée par Benjamin Guindre</span> </div> </body> </html>--
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
21 avril 2009 à 23:03
21 avril 2009 à 23:03
Finalement j'ai triché :D
Mais j'ai un problème avec mon serveur et le PHP je comprend pas pourquoi.
SUr mon serveur, mon index était en .html, j'y accédait. Et là je passe en .php et j'obtient "403 Forbiden !You don't have permission to access".
Pourtant mon fichier est en permission "755"
Mais j'ai un problème avec mon serveur et le PHP je comprend pas pourquoi.
SUr mon serveur, mon index était en .html, j'y accédait. Et là je passe en .php et j'obtient "403 Forbiden !You don't have permission to access".
Pourtant mon fichier est en permission "755"
Eleth
Messages postés
128
Date d'inscription
jeudi 15 janvier 2009
Statut
Membre
Dernière intervention
26 février 2010
17
21 avril 2009 à 23:12
21 avril 2009 à 23:12
bon je vais refaire ton code à zero, à toi de l'interpréter et de le modifier en fonction de ton travail déjà effectué.
Je vais partir de principe que tes images sont ainsi :
madouce_1.jpg : 11000px de haut et 1300px de large
tonimageannonce.jpg : 600px de haut et 800px de large
tonimagemacherie.jpg : 70px de haut et 200px de large
evidement se sont des mesures fantaisistes mais ainsi tu pourras adapter la suite à tes besoins.
ne me demande pas pourquoi mais je préfère les class aux id
ce qui donnerais en html :
et en CSS :
je suis fatigué donc j'ai pas vérifié ... si ça ne marche pas et que tu as la patience d'attendre demain, je te ferais un truc béton au taff
edit : j'ai pas vu ton dernier message quand j'ai écris ça. je vais dormir car il le faut bien ^^ je te répond demain :P
Je vais partir de principe que tes images sont ainsi :
madouce_1.jpg : 11000px de haut et 1300px de large
tonimageannonce.jpg : 600px de haut et 800px de large
tonimagemacherie.jpg : 70px de haut et 200px de large
evidement se sont des mesures fantaisistes mais ainsi tu pourras adapter la suite à tes besoins.
ne me demande pas pourquoi mais je préfère les class aux id
ce qui donnerais en html :
<body> <img class="fond" href="../img/madouce_1.jpg" title="fond.jpg" /> <img class="imageannonce" href="../img/tonimageannonce.jpg" title="annonce" /> <img class="imagemacherie" href="../img/tonimagemacherie.jpg" title="macherie" /> </body>
et en CSS :
body { margin:0; padding: 0; background-color: #000000; } img { border:none; } .fond{ height: 1100px; wight: 13000px; margin: auto; position: absolute; top: 10px; } .imageannonce { height: 600px; wight: 8000px; margin: auto; position: absolute; top: 180px; } .imagemacherie{ height: 70px; wight: 2000px; margin: auto; position: absolute; top: 580px; }
je suis fatigué donc j'ai pas vérifié ... si ça ne marche pas et que tu as la patience d'attendre demain, je te ferais un truc béton au taff
edit : j'ai pas vu ton dernier message quand j'ai écris ça. je vais dormir car il le faut bien ^^ je te répond demain :P
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
21 avril 2009 à 23:24
21 avril 2009 à 23:24
Ouais mais c'est pour quoi ca ?
Pour que le contenu ne se promène pas ou pour l'image en aléatoire ?
Pour que le contenu ne se promène pas ou pour l'image en aléatoire ?
Eleth
Messages postés
128
Date d'inscription
jeudi 15 janvier 2009
Statut
Membre
Dernière intervention
26 février 2010
17
22 avril 2009 à 07:56
22 avril 2009 à 07:56
pour que le contenu ne se promène pas
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
22 avril 2009 à 09:13
22 avril 2009 à 09:13
Actuellement j'ai mis un align left avec X px de marge.
Mais si je met align: top center, mon vontenu lui reste fixe, il ne suit pas le background lorsqu'on redinentionne le navigateur.
Mais si je met align: top center, mon vontenu lui reste fixe, il ne suit pas le background lorsqu'on redinentionne le navigateur.
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
28 avril 2009 à 23:14
28 avril 2009 à 23:14
J'ai touvé !!!
ajouter
margin:auto;
dans ma balise body{}
ajouter
margin:auto;
dans ma balise body{}
22 avril 2009 à 09:09
et avec la version en ligne, tu ne trouves pas la CSS ?
http://www.ma-douce.fr/css/style.css
22 avril 2009 à 09:12
avec une version en ligne, tu ne trouves pas la CSS ?
un indice :