Centrage d'une image

[Romuald]

Tu sais pas ce que tu perd.
Par contre, dans la partie logiciel, c'est pas cohérant, c'est assez.. différent. http://olab.free.fr/OLab/

[SIBELIUS]

Et voilo, merci à tous pour vos coups de main, je vous annonce la nouvelle version de mon site, valide xhtml 1 strict et CSS2, et en plus c'est tout zoli

Vous pouvez aller y jeter un coup d'oeil si ça vous chante Bon vous retrouverez des similitudes avec deux sites... mais c'est un peu normal.

http://olab.free.fr

O

C'est très sympa, mais ... pourquoi tu mets des <span> dans les balises de liens ?

<li><a href=""><span>Introduction</span></a></li>

[olab]

Tu sais pas ce que tu perd.
Par contre, dans la partie logiciel, c'est pas cohérant, c'est assez.. différent. http://olab.free.fr/OLab/

Oui oui je sais, c'est pas fini encore
Vais essayer le dégradé.

C'est très sympa, mais ... pourquoi tu mets des <span> dans les balises de liens ?

C'est au cas où je voudrais remplacer les liens du menu par des images. Du coup il ne me reste plus qu'à faire :

Code : Tout sélectionner

#menu li span {
    display:none
}
#menu li {
    background-image...
}

Mais pour l'instant c'est pas à l'ordre du jour, donc du coup c'est inutile

[SIBELIUS]

OK pour le remplacement par des images : c''est une excellente technique pour rester compatible avec les navigateurs-textes

[olab]

J'avais vu ça quand j'ai fait la feuille de style pour FrMoz, c'était une technique utilisée pour remplacer le h1 par le header (je l'ai d'ailleurs réutilisé )

Voilà, j'ai fini tout le site, toute la charte graphique est la même partout

Par contre quand j'y repense, mon CV c'était le plus chaud à faire, arriver à rendre qqchose qui ressemble à un tableau sans que ça en soit un... Et là dessus IE il en chie, du coup j'ai utilisé massivement le body>#trucmuche et la feuille de style est vachement plus grosse... Faudrait que je vois s'il ya pas moyen que je regroupe un peu plus, parce que 8Ko la CSS...

Et j'ai fini par ajouter un fond transparent juste sous le header, comme tu le proposais Romuald, ça reste discret, alors je le laisse
Bon maintenant dodo
O

[Tann]

Bsoir tout le monde

Je me demande comment on fait pour centrer une image dans un div, vu que "align: center" ne fonctionne pas et que mettre l'attribut align="center" sur le div n'est pas valide...

O

Pour aligner, centrer une image j'utilise "text-align:center", et ça marche très bien, en plus d'être valide.

Code : Tout sélectionner

<div style="text-align:center"><img src="" alt="" /></div>

[SIBELIUS]

Pour aligner, centrer une image j'utilise "text-align:center", et ça marche très bien, en plus d'être valide.

C'est effectivement Valide, mais :
1) c'est pas fait pour ça (donc non valide sémantiquement)
2) ça ne marche que sous IE (mais ça c'est pas étonnant)

[Tann]

Euh, ça marche très bien sous mozilla (firebird) chez moi.

[SIBELIUS]

Euh, ça marche très bien sous mozilla (firebird) chez moi.

En effet, mais ça n'empêche pas que ce ne soit pas propre sémantiquement

[Tann]

J'avoue que moi aussi j'étais pas convaincu d'utiliser ça, et puis je m'y suis résigné.

[SIBELIUS]

J'avoue que moi aussi j'étais pas convaincu d'utiliser ça, et puis je m'y suis résigné.

Je préfère utiliser la bonne méthode des marges auto, quitte à utiliser le text-align pour pallier au bug d'IE

[Tann]

Tu veux dire : margin-left/right:auto ? Je n'y avais pas pensé...

[SIBELIUS]

Tu veux dire : margin-left/right:auto ? Je n'y avais pas pensé...

Oui exactement (http://www.alsacreations.com/articles/centrer/)

[SIBELIUS]

PS : voilà qui est osé, mais bien vu :

This website is optimized to be in conformity with the standards of the W3C, consequently it will not be displayed correctly if you use Internet Explorer as navigator.

[Tann]

Je vais corriger ça de suite alors (enfin façon de paler *flemmard*), je te remercie.