Pb lien avec image et texte dans un li

**lalouve** · 08/03/2006, 00h17

Bonsoir,
Voici ma galère, peut-être que quelqu'un y verra clair et pourra m'aider!

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
 
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<html>
<head>
	<title>Titre</title>
	<style type="text/css" media="all">
		*{
		margin:0;
		padding:0;}
 
		#menunav{
		list-style:none;
		text-align:left;}
 
		#menunav li{
		display:inline;
		text-align:center;
		margin-right:20px;}
 
		#menunav img{display: block;}
	</style>
</head>
 
<body>
 
<ul id="menunav">
  <li><a href="#" title="Emails"><img src="./images/editer.png" alt="Emails"/>Emails</a></li>
  <li><a href="#" title="Emails"><img src="images/editer.png" alt="Emails"/>Emails</a></li>
</ul>
 
 
</body>
</html>

Je voudrais que les deux <li></li> soient cote à cote, que dans le lien le texte apparaisse centré sous l'image... et que cela fonctionne sous IE et Firefox...
J'y arrive pas!!!

Merci de votre aide si vous avez la solution (si elle existe)

**difficiledetrouver1pseudo** · 08/03/2006, 14h14

en supprimant le : display:inline; dans le li non?

si tu veux que ca soit collé à gauche tu remplaces le : text-align:left par un float:left dans le menunav.

**ilood** · 09/03/2006, 02h33

Bonsoir
Avec ceci peut-être
html :

Code :

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

1
2
3
4
<ul>
  <li><a href="#"><img src="image1.jpg" width="300" height="100" alt="txt alternatif 1" /><br />Légende 1</a></li>
  <li><a href="#"><img src="image2.jpg" width="300" height="100" alt="txt alternatif 2" /><br />Légende 2</a></li>
</ul>

css :

Code :

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

1
2
3
4
li {
	text-align: center;
	float: left;
}

Pb lien avec image et texte dans un li

HTML

Vue hybride

Discussions similaires

Partager

Partager