[CSS] Remplace un tableau d'éléments centrés par une liste

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Remplace un tableau d'éléments centrés par une liste

Goon

Je cherche à virer le plus possible de tableaux de mon site pour le rendre plus accessible. J'ai un menu en haut de la page, un tableau contenant des liens qui sont centrés dans leurs cellules. Est-ce que c'est possible de le remplacer par une liste non-numérotée qui s'affiche horizontalement (jusque là j'y arrive) mais dont les éléments soient centrés horizontalement ?

Message édité par Goon le 10-11-2003 à 17:22:19

Publicité

gizmo

on peut voir l'original?

Goon

La version originale était

Code :

<table class="links">
<tr>
<td class="links"><a class="links" href="index.fr.php">Accueil</a></td>
<td class="links"><a class="links" href="solutions.fr.php">Nos solutions</a></td>
<td class="links"><a class="links" href="products.fr.php">Nos produits</a></td>
<td class="links"><a class="links" href="references.fr.php">Nos
references</a></td>
<td class="links"><a class="links" href="contact.fr.php">Contact</a></td>
<td class="links"><a class="links" href="index.en.php"><img
class="noborder" src="img/en.png" alt="English version"/></a></td>
</tr>
</table>

avec comme feuille de style

Code :

table.links
{
width: 100%;
background-color: #B9C5E2;
border-collapse: collapse;
}
td.links
{
text-align: center;
border-style: none;
padding: 5px 0px 5px 0px;
}

et je suis passé à

Code :

<ul clas="inline">
<li class="inline"><a class="links" href="index.fr.php">Accueil</a></li>
<li class="inline"><a class="links" href="solutions.fr.php">Nos solutions</a></li>
<li class="inline"><a class="links" href="products.fr.php">Nos produits</a></li>
<li class="inline"><a class="links" href="references.fr.php">Nos références</a></li>
<li class="inline"><a class="links" href="contact.fr.php">Contact</a></li>
<li class="inline"><a class="links" href="index.en.php"><img class="noborder" src="img/en.png" alt="English version"/></a></li>
</ul>
'

avec comme feuille de style

Code :

ul.inline {
width: 100%;
display: table-cell;
}
li.inline {
display: inline;
text-align: center;
}

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Remplace un tableau d'éléments centrés par une liste

Sujets relatifs
[HTML/CSS] Comment justifier le texte entre <li> ?	[Html - CSS] petit prob de compatibilité...
[HTML/CSS] les attributs css possible pour chaque balise html ?	Pb avec CSS et center d'une image
Trier un tableau associatif ...	[HTML/CSS]Problème avec une scrollbar et un background.
Pb CSS overflow:auto avec netscape 7	Liste des caractères interdits dans les noms de fichiers windows
Liste deroulantes excel	[C] Comment passer un tableau de 2 char en un chiffre hexa
Plus de sujets relatifs à : [CSS] Remplace un tableau d'éléments centrés par une liste

Page générée en 0.054 secondes