28221 sujets

CSS et mise en forme, CSS3

[resolu] Faire un tableau sans tableaux

Salut tout le monde.
Je voudrais mettre en place un tableau à 3 colonnes mais en tableless.
pour ca j'utilise des puces (pas top au niveau structure. si quelqu'un a une autre idée..)
html:

<ul id="titres">
	<li id="titre1">Lorem</li>
	<li id="titre2">Lorem</li>
	<li id="titre3">Lorem</li>
</ul>

css:

#titres li{
	list-style:none;
	float:left;
	text-align:center;
	border:1px solid black;
}
#titre1{
	width:60%;
	background-color:red;
}
#titre2{
	width:20%;
	background-color:yellow;
}
#titre3{
	width:19%;
	background-color:blue;
}

Mon problème c'est que je veux que le tableau fasse 100% de la page.
Avec les puces, jusque la pas de soucis.

Mais lorsque je met un border aux puces, la derniere se retrouve a la ligne suivante! Pour que ca passe je suis obligé de la mettre a 19%, mais alors ca ne prend plus 100% de la page.. Smiley decu

Merci d'avance
Modifié par YerebY (03 Apr 2005 - 14:51)
Es-tu sûr qu'il y a un intérêt à ne pas utiliser un tableau ? Quel type de données veux-tu mettre dedans ? Si ce sont des données tabulaires, c'est bien un tableau qu'il faut utiliser !
C'est aussi bête de ne pas utiliser un tableau pour mettre en forme des données tabulaires que d'en utiliser un pour la mise en page. La stupide mode du tableless a encore frappé...
Mais si tu aimes te compliquer la vie, amuse toi Smiley rolleyes
Modifié le 13 Jan 2005 - 12:26
bon ok je vais me taper les tableaux.
Merci littlesam d'avoir été aussi clair...
Modifié le 13 Jan 2005 - 12:27
Administrateur
Littlesam a raison même si elle l'exprime à sa manière Smiley smile
Les tables doivent être employées pour les données tabulaires : elles sont faites pour ça

Ce serait une erreur de conception et de conformité aux Standard de ne pas les utiliser dans ton cas
Wé, comme Raphaël, l'utilisation des standards web et de la mise en page CSS n'est pas équivalent à la non utilisation des tableaux. La conception aux normes implique d'utiliser la bonne balise au bon endroit, un tableau est tout indiqué pour ce que tu as à faire.

mise en page tableau >< ("s'oppose à") mise en page par CSS
utilisation des tableaux pour ce qu'ils sont fait !(><) ("ne s'oppose pas à, bien au contraire") utilisation d'un code respectueux des normes
Modérateur
a écrit :

Je ne mache pas mes mots


Elle ne les mâche pas ses mots justement... Smiley smile
Modifié le 13 Jan 2005 - 16:00
Administrateur
Pour revenir au topic qui digresse, ce Forum est réalisé avec des tableaux parce que les données sont clairement tabulaires!
Titre auteur #page #replies date
Titre auteur #page #replies date
Titre auteur #page #replies date
Titre auteur #page #replies date
Titre auteur #page #replies date
Titre auteur #page #replies date
Et est ce que quelqu'un aurait un bon lien pour les tableaux?
Pour qu'ils soient valides et accessibles
Hello,
je suis un nouveau ici et je cherche un tuto ou un lien pour faire du tabless.
Any idee?
Bonjour Spir et bienvenue sur le forum Alsacréations.

Je comprend ton engouement à développer selon les normes, mais avant tout je t'invite à lire Aide /Règles. Tu pourras y lire des informations vitales à la bonne marche de ce forum.

En second lieu, si tu as une question, il ne faut pas la poster n'importe où. Après avoir lu la Méthodologie à lire avant de poster dans ce salon, si ton problème persiste, tu peux créer ton propre sujet. Pour une question aussi simple que :

Spir a écrit :

je suis un nouveau ici et je cherche un tuto ou un lien pour faire du tabless.

Tu n'as qu'à jeter un oeil en haut de page. La réponse m'apparaît évidente.
Hello,
merci pour vos reponse rapide. Smiley rolleyes
J'avais juste jeter un coup d'oeil sur http://www.media-box.net/
Et je me suis balade sur le forum en ne trouvant qu'un lien vers openweb (juste au dessu). Site que je connaissai deja.
J'ai telecharger le fichier pdf pour apprendre. Smiley sweatdrop
Encore mille merci.
Sujet clos
Aller à