Problème de résolution

**ToXiCitY2211** · 21/04/2011, 09h16

Salut, j'ai un petit problème.

Quand je change la résolution de mon browser mon texte ce déplace. Comment faire pour que le texte reste au même endroit sous différente résolution?

Merci

**ornitho13** · 21/04/2011, 10h06

ça depend

tu peux utiliser le margin:auto.

avec le code HTML et CSS, on pourrait peut être y voir plus clair. Tu peux le mettre ?

**ToXiCitY2211** · 21/04/2011, 10h35

Envoyé par ornitho13

ça depend

tu peux utiliser le margin:auto.

avec le code HTML et CSS, on pourrait peut être y voir plus clair. Tu peux le mettre ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd">
 
<html>
<head>
	<style type="text/css">
 
		body {background-color:black;}
		img{border-style: none;text-decoration: none;}
		a:visited, a:active{color:black;}
 
	</style>
 
	<title>Welcome</title>
 
</head>
<body>
 
<div align="center"> 
 
		<a href="donate.html"><img src="icons/contribute.png"/></a>
		<a href="emulators.html"><img src="icons/emulators.png"/></a>
		<a href="selection.html"><img src="icons/roms.png"/></a>
		<a href="support.html"><img src="icons/contact.png"/></a>
		<a href="tutorial.html"><img src="icons/tutorial.png"/></a> 
 
	</div>
 
 
 
 
</body>
</html>

**ornitho13** · 21/04/2011, 10h42

En fait je ne vois pas trop le problème. Quand je redimensionne la fenêtre du navigateur, les liens sont toujours centrés...

Dis en un peu plus

**ToXiCitY2211** · 21/04/2011, 10h55

Envoyé par ornitho13

En fait je ne vois pas trop le problème. Quand je redimensionne la fenêtre du navigateur, les liens sont toujours centrés...

Dis en un peu plus

Vous voyez les icons qui bougent? Bah c'est ça mon problème, comment faire pour qu'il reste au même endroit quand je redimensionne la fenêtre?

**ornitho13** · 21/04/2011, 10h59

d'accord donc oui , il faut définir une largeur à ton div et un margin :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd">
 
<html>
<head>
	<style type="text/css">
 
		body {background-color:black; color:#fff;}
		img{border-style: none;text-decoration: none;}
		a:visited, a:active{color:black;}
		div.wrapper{
			text-align:center;
			width:900px;
			margin:0 auto;
		}		
	</style>
 
	<title>Welcome</title>
 
</head>
<body>
 
<div class="wrapper"> 
 
		<a href="donate.html"><img src="icons/contribute.png"/></a>
		<a href="emulators.html"><img src="icons/emulators.png"/></a>
		<a href="selection.html"><img src="icons/roms.png"/></a>
		<a href="support.html"><img src="icons/contact.png"/></a>
		<a href="tutorial.html"><img src="icons/tutorial.png"/></a> 
	</div>
 
 
 
 
</body>
</html>

J'ai enlevé le align="center " de ton div et l'ai mis dans la css.

J'ai mis une largeur à titre d'exemple mais à toi de mettre la bonne en fonction du rendu de ta page avec les boutons

Problème de résolution

CSS

Vue hybride

Discussions similaires

Partager

Partager