sophie_dev
-
Compteur de contenus
6 -
Inscrit(e) le
-
Dernière visite
-
Bonjour, avec l'aide de certains ici, j'ai enfin réussi à centrer verticalement mon image d'accueil avec le bouton entrer juste en dessous. Par contre, suivant la résolution, eh bien cela fou le bord** partout.. Ce que j'avais fait était parfait pour une résolution 1280*1024, mais quand je passe en 1024*768, la résolution peut être la plus répandue encore, ben c'est tout moche... L'image est toujours centrée, mais n'est plus visible entièrement il faut dérouler le menu roulant et le bouton entrer se trouve sur la photo d'accueil. Voilà ce que j'ai fait: XHTML: <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- Created on: 03/11/2009 --> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="index.css" /> <style type="text/css"> <!-- body { background-color: #333333; } --> </style><div class="img"><img src="images/atrium repbis.jpg" alt="" /></div> <div class="img2"><img src="images/Entrer.bmp" alt="" /></div> <body> CSS: _AT_charset "utf-8"; /* CSS Document */ #page{ width: 100%} .img { position:absolute; /* Centrer verticalement */ top: 50%; margin-top: -266px; /* Centrer horizontalement */ left: 50%; margin-left: -360.5px; } .img2 { position:absolute; /* Centrer verticalement */ top: 100%; margin-top: -67px; /* Centrer horizontalement */ left: 50%; margin-left: -17px; Pourriez vous m'éclairer et me dire comment faire pour que cette page s'adapte à toutes les résolutions ? Merci par avance, car je ne trouve ps après avoir pourtant arpenté google dans tous les sens...
-
Merci pour tout, j'ai fini par trouver. j'ai fais ca et ca marche nickel: CSS: .img { position:absolute; /* Centrer verticalement */ top: 50%; margin-top: -266px; /* Centrer horizontalement */ left: 50%; margin-left: -360.5px; } .img2 { position:absolute; /* Centrer verticalement */ top: 100%; margin-top: -67px; /* Centrer horizontalement */ left: 50%; margin-left: -17px; et en HTML: <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- Created on: 03/11/2009 --> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="index.css" /> <style type="text/css"> <!-- body { background-color: #333333; } --> </style><div class="img"><img src="images/atrium repbis.jpg" alt="" /></div> <div class="img2"><img src="images/Entrer.bmp" alt="" /></div> <body>
-
je up désolée, mais je ne trouve tjs pas... Je me sers désormais de dreamweaver donc ca avance certaines choses, mais toujours rien pour centrer en vertical.... Je ne sais plus comment faire...
-
Merci pour vos réponses... J'ai essayé ta solution Rémi, mais cela ne centre pas l'image en vertical. Niveau horizontal, c'est nickel, mais pas en vertical, elle est pratiquement collée en haut. Et quand je change la valeur 0 de margin, cela me colle tout dans le coin en haut à gauche... Et ce, en utilisant n'importe quelle valeur, que je remplace le 0 par 20, 30, -20 , etc... Je ne vois plus comment faire... Quant à la solution de Junky, c'est pratiquement pareil... l'image n'est pas centrée dans la hauteur.
-
Bonjour, j'essaie désespérément de créer un site pour présenter ma maison. Donc je voudrais quelque chose de très simple, quelques photos sur chaque page, un bouton pour aller de l'une à l'autre... Mais je suis depuis plusieurs jours déjà sur la page d'accueil sur laquelle je voudrai mettre 1 photos centrée en plein milieu de la page, et un bouton en dessous marqué "Entrer". Mais rien que ca, ca ne marche pas. J'ai fais une feuille (X)Html + feuille de style css mais dès que cela marche sur firefox, c'est tout tordu sur IE6, et inversement. Quelqu'un pourrait il me dire comment centrer une foutue image sur une page et comment faire pour que cela fonctionne sous n'importe quel explorateur, car là, je suis en train de faire une crise de nerf... Pareil pour le bouton entrer en dessous, quel code utiliser en css ? Merci par avance pour votre aide, ca relève d'une question de santé là lol. Sophie.
-
Visualisation du site sur tous les écrans
sophie_dev a ajouté un sujet dans Le salon de Webmaster Hub
Bonjour tout le monde.... Je suis en train de créer un site en ce moment, j'ai donc créé une page d'accueil ainsi que plusieurs autres pages... bref, je l'avais presque fini, et entre temps j'ai changé d'écran. J'ai acheté un écran TFT qui me permet d'avoir une résolution bien supérieure à celle que j'avais avant, je suis donc passé d'une résolution de 1024x768 à 1280x1024, et c'est là que les ennuis commencent... Je me suis rendu compte que mon site été tout déformé, les images qui avant étaient centrées, ne le sont plus, elles se retrouvent en haut à droite...etc.... En bref, je souhaiterais savoir comment faire pour que mon site soit consultable à partir de n'importe quel écran et donc dans n'importe quelle résolution, sans qu'il en soit déformé pour autant.... Je vous remercie d'avance pour vos réponses....