28173 sujets

CSS et mise en forme, CSS3

Salut,

Dans la mesure ou tu n'utilise qu'une seule colonne, il ne s'agit en fin de compte que d'une liste de coordonnées. Si tes coordonnées étaient séparées dans des colonnes différentes (entreprise, téléphone, adresse, etc.) peut être que le tableau serait justifié. Personnellement je choisirai la liste non ordonnée, qui en plus sera moins lourde en terme du code html.
Modérateur
Salut,

J'aurais plus vu quelquechose comme suit plutôt qu'un tableau qui est bien moins représentatif :
<div>
    <h2>Catégorie</h2>
    <div>
        <h3>Nom</h3>
        <ul>
            <li>Profession</li>
            <li>Adresse</li>
            <li>Numéro de téléphone</li>
        </ul>
    </div>
    ...
</div>
...
Merci pour vos conseils et avis, je vais faire une page similaire avec des listes non ordonnées afin de faire la comparaison avec les tableaux.

Seulement j' aurai souhaité ne pas avoir de puces sur la liste ...!

Bonne soirée
Modifié par africa (22 Oct 2007 - 16:20)
Coucou,
pour ne pas avoir du puce tu as juste a lui spécifier dans ton css que tu en veux pas avec un liste-style: none; si je me souvient bien a placer sur dans le style des li.
Merci

Je viens de refaire ma page en supprimant les 3 tableaux par des listes non ordonnées, le poids de la page est identique (75 ko) et j'ai du mal à refaire à l' identique, sur les tableaux j'avais un fond gris, si je l' applique sur les listes, le rendu ne sera pas terrible ayant donné des marges à <li> et <ul>
Tableaux : http://www.hasparren.net/annuaire/artisans_1.html

Div : http://www.hasparren.net/annuaire/artisans_bis.html

Bonne soirée
Modifié par africa (22 Oct 2007 - 18:11)
Yorick a écrit :
Mets les marges à 0 et remplace les par des padding.



Bonjour

Merci pour vos conseils, je viens de terminer la page en supprimant les tableaux, je ne gagne rien en poids, mais je suis satisfait du résultat, en espérant ne pas avoir commis de bourdes Smiley ohwell
Quoi qu'il en soit ma page est valide Smiley biggrin

Merci à vous tous.

Bonne journée

Page sans tableaux : ( le code css concernant les listes est embarqué )

http://www.hasparren.net/annuaire/artisans_bis3.html
Modifié par africa (23 Oct 2007 - 10:41)
Re,

Ca passe nickel.

Tu gagneras en poids dès l'instant où tu mettra ton css dans un fichier lié.
Comme ta feuille de style sera mise en cache dès la 1e page, tu économiseras à chaque page son chargement.