Bonsoir tout le monde,

J'ai des soucis à chaque fois que je décide d'utiliser CSS. Cette fois-ci j'ai une image et un lien que j'ai réussi à aligner en haut de la fenêtre de mon navigateur comme je le désire. Mais quand je réduis la fenêtre de mon navigateur, le texte SEUL se déplace et il met des sauts de ligne... j'aimerai garder mon image ainsi que mon texte dans le même endroit peu importe si je réduis ma fenêtre ou pas...

Voici mon code HTML :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="top">
	<div>
        <span><img src="imgs/logo.png" alt="monsite" title="monsite" /></span>
        <span><a href="home.php" title="Acc&egrave;s au site">En savoir plus sur monsite &equiv;</a></span>
    </div>
</div>

et mon CSS :

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
#top{
	background-color:#155188;
	background-position:top;
	background-repeat:repeat-x;
	height:200px;
	text-align:center;
}
#top div{
	margin-left:auto;
	margin-right:auto;
	width:60%;
	display:table;
}
#top img{
	vertical-align:middle;
	display:table-cell;
}
#top span{
	vertical-align:middle;
	display:table-cell;
}
#top span a{
	font-family:Almira_demo;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
Merci