Coller des liens horizontalement

**Gary** · 02/03/2006, 18h41

Bonjour à tous,
Je suis debutant en HTML et j'essaye de d'aligner plusieurs liens horizontalement sans qu'il y ait d'espace entre eux.
Je m'explique :
J'essaye de mettre un lien qui a un fond coloré collé horizontalement à un autre mais j'ai toujours une bande blanche entre les deux.
Avec une image ce sera plus simple je pense

:

Est ce que quelqu'un pourait m'aider en me donnant une solution pour que je n'ai plus cet espace.
Voila mon code, si quelqu'un voit d'ou vient l'erreur je suis preneur :

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
36
37
38
39
40
41
42
43
44
45
46
47
 
<style type="text/css">
 
ul#navlist li a,ul#subnavlist li a
{
font-family: arial;
font-size: 12px;
font-weight: 900;
text-decoration: none;
}
 
ul#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
}
 
ul#navlist li a
{
display: block;
height:50px;
WIDTH: 112px;
}
 
ul#navlist li a#current
{
color: #fff;
background: #aae;
}
 
 
</style>
 
<body>
<table>
<td>
          <ul id="navlist">
            <li><a href="news.htm" id="current">Accueil</a> </li>
		  </ul>
		  </td>
		  <td>
          <ul id="navlist">
            <li><a href="news.htm" id="current">Accueil</a> </li>
		  </ul>
</td>
</table

Merci d'avance à tous ceux qui prendront le temps de jeter un coup d'oeil

**Nesmontou** · 02/03/2006, 19h38

Salut, je ne comprends pas pourquoi tu mets une liste de 1 élément dans chaque cellule d'un tableau

Soit tu mets une tableau (beurk) soit une liste.

L'espace blanc vient sûrement de l'espace entre les cellules de ton tableau.

Perso, je ferais quelque chose comme ça

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
<html>
<head>
	<title>test</title>
	<style type="text/css">
        #menu ul {
                list-style-type: none;
                }
        
        #menu li {
                background-color: red;
                display: block;
                float: left;
                width: 100px;
                }
        </style>
</head>
<body>
	<div id="menu">
	<ul>
		<li>Accueil</li>
		<li>Accueil</li>
		<li>Accueil</li>
		<li>Accueil</li>
		<li>Accueil</li>
		<li>Accueil</li>
	</ul>
	</div>
</body>
</html>

Bon développement

**Gary** · 03/03/2006, 09h27

Merci beaucoup pour ta réponse rapide,

C'est exactement ce que je voulais faire mais je tournais en rond et je ne voyais pas pourquoi, effectivement en voyant la solution, ce que je faisais était plutot sacrément bizarre....

Encore merci, sur ce je retourne à mon developpement

Coller des liens horizontalement

HTML

Discussions similaires

Partager

Partager