[CSS] Balise imbriqué
Fermé
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
-
2 nov. 2005 à 02:19
Adi... Messages postés 22 Date d'inscription samedi 13 novembre 2004 Statut Membre Dernière intervention 5 novembre 2005 - 5 nov. 2005 à 21:21
Adi... Messages postés 22 Date d'inscription samedi 13 novembre 2004 Statut Membre Dernière intervention 5 novembre 2005 - 5 nov. 2005 à 21:21
A voir également:
- [CSS] Balise imbriqué
- Balise br ✓ - Forum Webmastering
- Balise <br> avec l'attribut class ✓ - Forum CSS
- Trait css ✓ - Forum CSS
- Css lien non souligné - Astuces et Solutions
- Taille bouton css - Forum HTML
12 réponses
<ita>mais tu veut dire que avec firefox il affiche les liens du menu gris foncé quand on passe dessus ? parceque chez moi ils sont rouge...
Oui, ils sont bien gris, à tout hasard, as tu vidé le cache de ton navigateur ?
Edit : je viens de le tester avec Opera, je vois les liens du menu en rouge quand je passe la souri dessus..
Pareil, chez moi ils sont bien gris avec opera.
Et au fait, quand tu veut positionner des éléments avec css, ça marche avec IE mais pas avec firefox...
Aurais tu un exemple ?
Ca fonctionne très bien avec ff, bien mieux qu'avec ie d'ailleurs.
il marche avec IE mais pas avec firefox (remarque ça tombe bien, là ou il les a laissé je voulais justement les laisser...
Ce css fonctionne avec tous les navigateurs.
Pour le doctype, ton site utilisant les frames, il me semble que c'est celui qu'il faut que tu mettes.
Oui, ils sont bien gris, à tout hasard, as tu vidé le cache de ton navigateur ?
Edit : je viens de le tester avec Opera, je vois les liens du menu en rouge quand je passe la souri dessus..
Pareil, chez moi ils sont bien gris avec opera.
Et au fait, quand tu veut positionner des éléments avec css, ça marche avec IE mais pas avec firefox...
Aurais tu un exemple ?
Ca fonctionne très bien avec ff, bien mieux qu'avec ie d'ailleurs.
il marche avec IE mais pas avec firefox (remarque ça tombe bien, là ou il les a laissé je voulais justement les laisser...
Ce css fonctionne avec tous les navigateurs.
Pour le doctype, ton site utilisant les frames, il me semble que c'est celui qu'il faut que tu mettes.
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
3 nov. 2005 à 19:37
3 nov. 2005 à 19:37
up...
Je précise que j'utilise FireFox, personne n'a d'idée ?
Je précise que j'utilise FireFox, personne n'a d'idée ?
Salut !!
Les frames :-(
Si tu nous montrais le css et le html concernés ?
J'ai cherché dans tes répertoires, mais j'ai pas trouvé de fichier css.
Et faudrait peut-être penser à mettre un doctype à ta page.
Les frames :-(
Si tu nous montrais le css et le html concernés ?
J'ai cherché dans tes répertoires, mais j'ai pas trouvé de fichier css.
Et faudrait peut-être penser à mettre un doctype à ta page.
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
3 nov. 2005 à 22:03
3 nov. 2005 à 22:03
Désolé, c'est pour mon nom de domaine, je cherche toujours un nom de dommaine gratuit sans frames (j'ai éssayé .c.la et .fr.st etpuis .tk)
Donc pour le css : http://adi.le.site.free.fr/Groupe/style.css
là on a la page sans les frames : http://adi.le.site.free.fr/Groupe/index.php
Et c'est quoi un Doctype ?
Voilà le code html généré par mon script php : (j'ai pas tout mis, ça se répete, c'est généré par une boucle ^^)
Voilà merci
Donc pour le css : http://adi.le.site.free.fr/Groupe/style.css
là on a la page sans les frames : http://adi.le.site.free.fr/Groupe/index.php
Et c'est quoi un Doctype ?
Voilà le code html généré par mon script php : (j'ai pas tout mis, ça se répete, c'est généré par une boucle ^^)
<TR align="center" Class="menu" style="A:hover{color:#555555;}">
<TD Class="menu" ONMOUSEOUT="quitte(this, '#000000')" ONMOUSEOVER="survol(this, '#909090')" WIDTH="9%"> <B><a href="index.php?p=Groupe"> Le Groupe </B> </a></TD>
<TD BGCOLOR="#444444" ONMOUSEOUT="quitte(this, '#444444')" ONMOUSEOVER="survol(this)" WIDTH="9%"> <B><a href="index.php?p=Musiciens">Les Musiciens</B> </a></TD>
<TR>
Voilà merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bah, je vois pas ce qui ne va pas :-/
C'est bien le survol de ton menu horizontal dont tu parles ?
Chez moi la couleur change bien en #555555, par contre pourquoi utiliser du js pour changer le background de tes liens ?
Je l'avais pas vu du premier coup, car chez moi il est off.
Fais le également en css.
Doctype :
http://blog.alsacreations.com/2005/08/01/183-choix-dune-dtd-le-doctype-switching-nest-pas-pour-nous
http://www.w3.org/QA/2002/04/valid-dtd-list.html
C'est bien le survol de ton menu horizontal dont tu parles ?
Chez moi la couleur change bien en #555555, par contre pourquoi utiliser du js pour changer le background de tes liens ?
Je l'avais pas vu du premier coup, car chez moi il est off.
Fais le également en css.
Doctype :
http://blog.alsacreations.com/2005/08/01/183-choix-dune-dtd-le-doctype-switching-nest-pas-pour-nous
http://www.w3.org/QA/2002/04/valid-dtd-list.html
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
3 nov. 2005 à 23:57
3 nov. 2005 à 23:57
Tu utilise IE ?
J'ai l'impression que le css et Firefox ne font pas bon ménage...
Mais effectivement le menu marche avec IE, mais par contre on voit un cadre bleu tout moche autour de mes images ^^
Au fait j'ai pas bien compris, pour le doctype, moi ce serait plutot
ou
Merci !
J'ai l'impression que le css et Firefox ne font pas bon ménage...
Mais effectivement le menu marche avec IE, mais par contre on voit un cadre bleu tout moche autour de mes images ^^
Au fait j'ai pas bien compris, pour le doctype, moi ce serait plutot
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
ou
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Merci !
Tu utilise IE ?
Non !!!
Soit ff, soit opera, soit netscape, IE jamais !!!
J'ai l'impression que le css et Firefox ne font pas bon ménage...
Alors là, c'est tout le contraire, je ne dirais pas que firefox est exempt de tout reproche, mais utilise le couple html/css pendant une semaine, et tu va t'aperçevoir que ie est une grosse .....
Impossible de faire un truc sans qu'il y est un bug.
Mais effectivement le menu marche avec IE, mais par contre on voit un cadre bleu tout moche autour de mes images ^^
Css:
Et ton menu, affiche chez moi exactement le même chose que ce soit avec ie ou ff.
Pour ton doctype, je pencherais plutôt pour celui-ci :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Non ?
Non !!!
Soit ff, soit opera, soit netscape, IE jamais !!!
J'ai l'impression que le css et Firefox ne font pas bon ménage...
Alors là, c'est tout le contraire, je ne dirais pas que firefox est exempt de tout reproche, mais utilise le couple html/css pendant une semaine, et tu va t'aperçevoir que ie est une grosse .....
Impossible de faire un truc sans qu'il y est un bug.
Mais effectivement le menu marche avec IE, mais par contre on voit un cadre bleu tout moche autour de mes images ^^
Css:
a img{
border: none;
}
Et ton menu, affiche chez moi exactement le même chose que ce soit avec ie ou ff.
Pour ton doctype, je pencherais plutôt pour celui-ci :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Non ?
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
4 nov. 2005 à 01:19
4 nov. 2005 à 01:19
Euh la page avec les frames c'est dot.tk (pour mon adresse.tk) qui me la fait, je peut pas la modifier, mais sinon j'ai fait expres de faire mon site en PHP pour qu'il n'y ai pas de frames.... donc si c'est un DoctType expres pour les frames :D...
En tout cas merci pour le css.
mais tu veut dire que avec firefox il affiche les liens du menu gris foncé quand on passe dessus ? parceque chez moi ils sont rouge...
En tout cas merci pour le css.
mais tu veut dire que avec firefox il affiche les liens du menu gris foncé quand on passe dessus ? parceque chez moi ils sont rouge...
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
4 nov. 2005 à 01:30
4 nov. 2005 à 01:30
Et au fait, quand tu veut positionner des éléments avec css, ça marche avec IE mais pas avec firefox... c'est dommage, perso je n'utilise IE que pour tester mes sites pour les rares visiteurs qui l'utiliseraient, et-puis pour quelques tests, et la le
a img{
border: none;
}
il marche avec IE mais pas avec firefox (remarque ça tombe bien, là ou il les a laissé je voulais justement les laisser...)
Edit : je viens de le tester avec Opera, je vois les liens du menu en rouge quand je passe la souri dessus..
Edit2 : Avec Mozilla (pas FireFox) les liens sont biens gris comme je l'ai demandé ^^
a img{
border: none;
}
il marche avec IE mais pas avec firefox (remarque ça tombe bien, là ou il les a laissé je voulais justement les laisser...)
Edit : je viens de le tester avec Opera, je vois les liens du menu en rouge quand je passe la souri dessus..
Edit2 : Avec Mozilla (pas FireFox) les liens sont biens gris comme je l'ai demandé ^^
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
4 nov. 2005 à 18:05
4 nov. 2005 à 18:05
En fait j'ai vu, le probleme pour le positionnement, c'est que j'arrive pas à l'afficher en Absolute :
http://adi.le.site.free.fr/Groupe/tests/position-css.html
ça marche avec IE mais pas avec Firefox (ça doit donner : http://adi.le.site.free.fr/Groupe/tests/Screen.jpg )
J'ai vidé le cache de mon navigateure et je vois toujours les liens en rouge quand je passe dessus, j'utilise la version 1.0.7 de firefox...
Et pour le doctype, mon site n'utilise pas les frames ;)
j'ai voulu prendre une adresse gratuite, et tous les noms de domaines gratuit que j'ai trouvé utilisent les cadres, mais mes pages n'utilisent pas de cadre, et la page www.moonlaw.tk (qui contient une frame avec la page dedans, et qui n'est pas modifiable) n'est utilisé que pour les nouveaux utilisateurs, ensuite ils utilisent http://adi.le.site.free.fr/Groupe/ qui ne contient pas de frames...
(désolé si je me répette, mais je n'ai pas l'impression d'être très clair..)
http://adi.le.site.free.fr/Groupe/tests/position-css.html
ça marche avec IE mais pas avec Firefox (ça doit donner : http://adi.le.site.free.fr/Groupe/tests/Screen.jpg )
J'ai vidé le cache de mon navigateure et je vois toujours les liens en rouge quand je passe dessus, j'utilise la version 1.0.7 de firefox...
Et pour le doctype, mon site n'utilise pas les frames ;)
j'ai voulu prendre une adresse gratuite, et tous les noms de domaines gratuit que j'ai trouvé utilisent les cadres, mais mes pages n'utilisent pas de cadre, et la page www.moonlaw.tk (qui contient une frame avec la page dedans, et qui n'est pas modifiable) n'est utilisé que pour les nouveaux utilisateurs, ensuite ils utilisent http://adi.le.site.free.fr/Groupe/ qui ne contient pas de frames...
(désolé si je me répette, mais je n'ai pas l'impression d'être très clair..)
Je vais pas te faire un cours sur le css je ne serais pas assez qualifié sur ça, mais il faut que tu revois les bases.
En premier lieu, ne jamais tester avec des chaînes des caractères aussi longues, sépares tes phrases/mots par des espaces, afin qu'il y ai un retour à la ligne automatique.
Tu utilises les <span> qui sont de type inline,ils sont pour moi inapropriés ici, utilises soit le <p> ou soit le <div>, tous deux de type block.
le positionnement absolute, se positionne par rapport à l'élément parent, donc dans ton exemple le body, il lui faut des coordonnées (top ou bottom, left ou right) sinon le top et le left sont tous les deux à 0, ensuite il perd ses propriétés de type block(il n'occupera plus toute la largeur de son élément parent) donc il faut lui donner des dimensions (width, height).
Et faire une mise en page en positionnement absolute ne sert à rien et va te faire rencontrer beaucoup de problèmes.
Utilises le flux normal de ta page pour tes blocs principaux, ensuite si tu veux positionner une image, un texte, etc.. à un endroit précis, là utilises ce positionnement, il faudra aussi par contre préciser le positionnement de son élément parent (position relative en général), afin qu'il se positionne par rapport à lui.
Dans ton exemple de page, c'est ie qui se plante royalement.
Tu mets 4 images de 450px de large à la suite, pourquoi faire ?
Les balises <br> sont à proscrirent en dehors des paragraphes, spécifies des marges.
Quelques sites intéressant en ce qui concerne le css :
http://www.pompage.net/pompe/cssdezero-1/
http://ljouanneau.com/standards/tutoriel/index.html
http://www.yoyodesign.org/doc/w3c/css2/cover.html#minitoc
http://wiki.media-box.net/documentation/css
http://mammouthland.free.fr/cours/css/
Alors pour ton dotype, utilises le transitionnal.
Pour le survol de tes liens, je ne vois vraiment pas pourquoi chez toi ils sont en rouge :-|
En premier lieu, ne jamais tester avec des chaînes des caractères aussi longues, sépares tes phrases/mots par des espaces, afin qu'il y ai un retour à la ligne automatique.
Tu utilises les <span> qui sont de type inline,ils sont pour moi inapropriés ici, utilises soit le <p> ou soit le <div>, tous deux de type block.
le positionnement absolute, se positionne par rapport à l'élément parent, donc dans ton exemple le body, il lui faut des coordonnées (top ou bottom, left ou right) sinon le top et le left sont tous les deux à 0, ensuite il perd ses propriétés de type block(il n'occupera plus toute la largeur de son élément parent) donc il faut lui donner des dimensions (width, height).
Et faire une mise en page en positionnement absolute ne sert à rien et va te faire rencontrer beaucoup de problèmes.
Utilises le flux normal de ta page pour tes blocs principaux, ensuite si tu veux positionner une image, un texte, etc.. à un endroit précis, là utilises ce positionnement, il faudra aussi par contre préciser le positionnement de son élément parent (position relative en général), afin qu'il se positionne par rapport à lui.
Dans ton exemple de page, c'est ie qui se plante royalement.
Tu mets 4 images de 450px de large à la suite, pourquoi faire ?
Les balises <br> sont à proscrirent en dehors des paragraphes, spécifies des marges.
Quelques sites intéressant en ce qui concerne le css :
http://www.pompage.net/pompe/cssdezero-1/
http://ljouanneau.com/standards/tutoriel/index.html
http://www.yoyodesign.org/doc/w3c/css2/cover.html#minitoc
http://wiki.media-box.net/documentation/css
http://mammouthland.free.fr/cours/css/
Alors pour ton dotype, utilises le transitionnal.
Pour le survol de tes liens, je ne vois vraiment pas pourquoi chez toi ils sont en rouge :-|
Adi...
Messages postés
22
Date d'inscription
samedi 13 novembre 2004
Statut
Membre
Dernière intervention
5 novembre 2005
5 nov. 2005 à 21:21
5 nov. 2005 à 21:21
Ok, merci pour tout !
les images c'était juste pour tester avec des images... les 3 de suite je sais pas pourquoi...
Pour le positionnement absolute, si je n'indique pas les coordonées du BODY c'est à 0-0 et moi c'est comme ça que je les veut, mais je vais rajouter left:0 ; top:0
Et pour le <span> ou <div> je savait pas lequel choisir, et je savait pas non plus que ça marchait avec <p>
les images c'était juste pour tester avec des images... les 3 de suite je sais pas pourquoi...
Pour le positionnement absolute, si je n'indique pas les coordonées du BODY c'est à 0-0 et moi c'est comme ça que je les veut, mais je vais rajouter left:0 ; top:0
Et pour le <span> ou <div> je savait pas lequel choisir, et je savait pas non plus que ça marchait avec <p>
