aide codage css/html

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

ben zut, je suis arrivée un jour trop tard : mon sujet est classé

bon donc pas grave, j'ai donc créé une feuille css à part mais j'ai un petit soucis de validation w3 pour http://www.cantzu.fr

** en effet, le validateur w3 me donne toujours la même erreur de alt que je n'ai pas indiqué car c'est des images qui servent au design ! j'ignore ou je mets quelque chose ?

** background : je ne comprends pas pourquoi ?

** à la ligne 230, je voulais mettre span au lieu de p et ça ne fonctionne pas

** il y a des erreurs sur l'audio mais je n'ose pas y toucher

:langue:

dur dur : le bordel qu'il y avait
il doit y en avoir encore :ahem:

Date d'inscription: 28/09/2010

Coucou nbcat,

nbcat a écrit:

** le validateur w3 me donne toujours la même erreur de alt que je n'ai pas indiqué car c'est des images qui servent au design ! j'ignore ou je mets quelque chose ?

Le code correct (enfin pour la validation w3c des images c'est

Code:

nbcat a écrit:

** background : je ne comprends pas pourquoi ?

C'est parce que le background ne se code pas juste background en CSS

Code:

si c'est une image : background-image:url(ADRESSE DE L'IMAGE);
si c'est une couleur : background-color: COULEUR;

nbcat a écrit:

** à la ligne 230, je voulais mettre span au lieu de p et ça ne fonctionne pas

Euh, sans le code, je vais avoir du mal à t'aider sur le coup.

Et pour l'audio, me faut le code aussi.

_________________

Spoiler:

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

oki

** mais je mets alors un alt ou non ?
car ça ne sert à rien vu que c'est du design pur

** le background est dans l'html directement car il change suivant l'emplacement dans un tableau

** hi hi le code est sur la page http://www.cantzu.fr directement : il suffit de récupérer le code avec le clic droit ou ctrl U car si je le colle ici, ça risque d'etre trop long pour mettre dans le message

Date d'inscription: 28/09/2010

nbcat a écrit:

** mais je mets alors un alt ou non ?
car ça ne sert à rien vu que c'est du design pur

Meme si c'est un design il faut le alt pour que ce soit validé par W3C.

nbcat a écrit:

** le background est dans l'html directement car il change suivant l'emplacement dans un tableau

La balise background en direct n'est pas conforme à la norme W3C, il faut que tu mettes une balise style et donc du CSS.

Citation:

You may occasionally see an old web page with code similar to this:

Code:

This is the old way of specifying a background image in HTML, and is now deprecated (outdated and not recommended) by the W3C. Instead of using this method, you should use the CSS method as described above.

nbcat a écrit:

** hi hi le code est sur la page http://www.cantzu.fr directement : il suffit de récupérer le code avec le clic droit ou ctrl U car si je le colle ici, ça risque d'etre trop long pour mettre dans le message

Oui c'est vrai... C'est quoi le souci pour le span à la place du p ?
Pour ce qui est du son, il faut que je me plonge dans le code apparemment, ca ne se coderait pas comme ca. Je vais me pencher sur le sujet.

EDIT : La balise embed n'est pas conforme à la norme W3C, c'est la balise object qu'il faut utiliser et adapter.

_________________

Spoiler:

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

Ah ça, je ne sais pas faire le dernier point

bon, oki ! j'ai encore du travail alors pale

je ne sais pas le span, ça ne fait pas ce que je veux

ps : j'adore ton kitt avatar, ça fait un moment que je l'admire ! c'est dit cheers

Date d'inscription: 28/09/2010

merci pour mon kit.

J'ai tenté un truc pour le codage audio

Code:

EDIT : Quelques infos sur la balise object : http://bernard.quevillier.pagesperso-orange.fr/toposnew/object.htm

_________________

Spoiler:

Pour la ligne 230, c'est jusque que le "p" précédent n'est pas fermé (paragraphe de la ligne 227)

C'est capricieux le W3C hein ^^

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

ah mince ! oui c'est d'autant plus difficile que j'ai éliminé pleins de balises qui ne servaient à rien. du coup ...

bon, je pense mettre tous les backgrounds dans le css mais ça ne va pas faire homogène avec les images des coins, donc il vaudrait peut-etre mieux que je mette tout dans le css en design car un coup image, un coup pas image, ça le fait pas (et ça m'enlèvera des alt en plus)

il y a-t-il un moyen de coder mes images du petit coeur autrement pour éviter cette répétition ?
sans trop alourdir ?
car pour le moment, j'ai images style"coeur" répétés plusieurs fois
autrement dit, comment répéter une image n fois sur une ligne ?

image style "coeur", c'est à dire ça : ♥ ? ou une vraie image ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

une vrai image

celle là :

je pourrais en faire une unique mais je me pose la question pour des images en général qui se répète sans pour autant etre dans un tableau
peut-on utiliser par exemple un background-repeat dans un span ? par exemple
ou j'émets l'hypothèse d'une grosse bêtise ?

Date d'inscription: 28/09/2010

Ton idée est à mon sens la bonne, sauf que je la mettrai plutot en background d'un div.

_________________

Spoiler:

Je rejoins lydie Smile

Point de vue validation, il vaut mieux utiliser un div (donc un bloc) plutôt qu'un span (qui est une balise dite "en ligne")

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

oki

merci à vous deux

dernière question, pour les images de design, je mets quoi en alt ?
je mets des mots clefs de sur la page ? ou ça ne sert à rien

par exemple, l'etoile, je ne vais pas mettre alt="etoile" mais par exemple alt"shih-tzu"

ou pas ?

Dis toi que les mots mis en alt participent au référencement de ton forum Smile

Il faut donc les choisir avec soin Smile

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

au secoursssssssssssssssss

j'essais (c'est bien le mot) de refaire le tableau en passant par le css
donc je commence par mes coins

le coin 1, je le mets en class="coinv1" pas de soucis
le coin2 , idem

mais pour le coin 3, toute ma colonne disparait si je retire l'image !!

j'ai laissé les widht et non

voici ma trame en cours

css

Code:

/* design vert/or */

.coinv1 {
background-image: url(accueil/coinhautgauche.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.coinv2 {
background-image: url(accueil/coinhautdroit.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.coinv3 {
background-image: url(accueil/coinbasgauche.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.coinv4 {
background-image: url(accueil/coinbasdroit.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

et html

Code:

et avant que ça ne disparaisse

Code:

J'ai donc mis un spacer pour remédier ! est-ce bon ?

Code: