Centrage d'une image
C'est très sympa, mais ... pourquoi tu mets des <span> dans les balises de liens ?olab a écrit :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
<li><a href=""><span>Introduction</span></a></li>
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Oui oui je sais, c'est pas fini encoreRomuald a écrit :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/
Vais essayer le dégradé.
C'est au cas où je voudrais remplacer les liens du menu par des images. Du coup il ne me reste plus qu'à faire :SIBELIUS a écrit :C'est très sympa, mais ... pourquoi tu mets des <span> dans les balises de liens ?
Code : Tout sélectionner
#menu li span {
display:none
}
#menu li {
background-image...
}
Dernière modification par olab le 16 sept. 2003, 01:57, modifié 4 fois.
OK pour le remplacement par des images : c''est une excellente technique pour rester compatible avec les navigateurs-textes
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
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
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
Re: Centrage d'une image
Pour aligner, centrer une image j'utilise "text-align:center", et ça marche très bien, en plus d'être valide.olab a écrit :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
Code : Tout sélectionner
<div style="text-align:center"><img src="" alt="" /></div>
Re: Centrage d'une image
C'est effectivement Valide, mais :Tann a écrit :Pour aligner, centrer une image j'utilise "text-align:center", et ça marche très bien, en plus d'être valide.
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)
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
En effet, mais ça n'empêche pas que ce ne soit pas propre sémantiquementTann a écrit :Euh, ça marche très bien sous mozilla (firebird) chez moi.
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Je préfère utiliser la bonne méthode des marges auto, quitte à utiliser le text-align pour pallier au bug d'IETann a écrit :J'avoue que moi aussi j'étais pas convaincu d'utiliser ça, et puis je m'y suis résigné.
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Oui exactement (http://www.alsacreations.com/articles/centrer/)Tann a écrit :Tu veux dire : margin-left/right:auto ? Je n'y avais pas pensé...
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
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.
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité