EDForum :: Voir le sujet - [Extrait] XHTML, CSS, IE, FF et les autres :o

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 25 Déc 2005 21:10

Citation :

L'Explorer Internet connaît un attribut supplémentaire bgproperties="fixed" dans le repère d'introduction <body>, à l'aide de laquelle vous créez une image d'arrière plan qui ne bouge pas lors du déroulement (écran suivant/précédent). Cet attribut n'a cependant jamais fait partie du standard HTML et peut aussi être remplacé par une mention de feuilles de style, par exemple comme ceci:
Code :
<body style="background-image:url(arrplan.jpg); background-attachment:fixed;">

Trouvé là : ~lien~

_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Concours graphiques - Médaille d'or : première place

Séries favorites : BTVS - Friends

Posté le : 25 Déc 2005 22:06

Oué mais nan

Le bg-attachement ou bgproperties, ça a le même effet, j'utilise les 2 sans distinction.
D'ailleurs, même en changeant, ça ne change rien :-/

Et le bgproperties marche normalement, donc je dois créer un conflit quelque part dans la page, je vais trouver :we:

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 25 Déc 2005 22:19

Oué ben faut pas les utiliser sans distinction

Le CSS est bien, l'autre est MAL :mock:

_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 25 Déc 2005 23:01

Rohh, et si je te dis que j'ai utilisé des frames, ton coeur tient le coup? :-D

Et si je te dis même que j'ai utilisé une iframe, elle même déjà dans une iframe, toujours vivant? :-D

EDIT : T'as finis d'éditer didiou, je l'ai vu en rouge gras souligné :-D

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 26 Déc 2005 00:34

Pfff

Comment on peut faire des sites aussi ignobles :nonnon:

Sinon, fais un ctrl+f5, tu verras c'est toujours souligné

C'est juste que j'ai fait une balise exprès

_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 26 Déc 2005 12:57

Ah exact

C'est très beau les sites à frame

Quelques inconvénients, presque pas majeur

Mais très beau :-D

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 26 Déc 2005 18:34

C'est ignoble les frames

- on peut pas rafraichir la page.
- c'est super pas pratique pour faire des liens.
- c'est chiant pour regarder le code source (c'est du détail ça, je te l'accorde

).
- c'est pas valide XHTML 1.1 :mock:

Quand à l'aspect graphique, si on l'aime bien c'est faisable sans problème sans frames, tu peux faire exactement la même chose avec du CSS (attribut overflow... bon, c'est sportif sous IE vu que ce con ne connait pas max-whidth et max-height (quoiqu'à la reflexion, c'est pareil avec les frames à ce niveau) mais c'est faisable).

Mais perso j'aime vraiment pas avoir plein d'éléments à défilement... Quand c'est necessaire pour éviter les déformations, ok, mais autrement, je préfère largement uen seule page qu'on fait défiler si besoin.
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 26 Déc 2005 18:39

Nan mais je sais bien tout ça

Je suis pas spécialement pour l'utilisation des frames. Mais là, c'est pour n'ava. Et tu vois beaucoup de sites graphiques sans frames?

Surtout que là, j'en avais vraiment besoin pour ce qu'elle voulait. Sinon, il fallait recharger l'image 800x600 à chaque fois (donc déjà bien lourd). Ensuite, je voulais pouvoir fixer mon arrière plan de l'iframe en coupant l'image pour que le texte ne navigue pas sur les titres... Moué enfin c'est pas clair mon truc :-D

Mais bref, frames obligatoires dans ce cas-ci :mock:

Pour ce qui est de l'attribut overflow en css, j'ai jamais essayé. Je fais rarement des sites à frames (j'en ai fait que deux je crois jusqu'ici :hum:

), sinon, j'utilise toujours les tableaux, c'est plus mieux :we:

Mais j'essayerai ton truc d'overflow quand j'aurais un moment pour voir

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 26 Déc 2005 18:44

Ben ça permet de faire ça :

le bloc englobant c'est un span avec ce style :

Citation :

border: dotted #999 3px;
margin-left: auto;
margin-right: auto;
width: 250px;
overflow: auto;
padding: 7px;
text-align: center;
font-size: 18px;
background-color: #DDD;
color:#000;
display: block;¹

Bon là j'ai fixé que la largeur mais tu peux aussi fixer la hauteur et l'effet est exactement le même qu'avec une frame...

Sinon, une image quand tu navigue, elle se recharge pas à chaque fois... Donc ça change rien à ce niveau

_________________
¹ : ça c'est juste pour que le span se comporte comme une div
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 26 Déc 2005 18:48

Tiens, au passage, je change de fond d'écran :we:

Mais c'est seulement pour les frames là? Y'a pas moyen de positionner ta frame dans la page, si?
Sinon, effectivement, c'est pas mal je dois dire

Citation :

Sinon, une image quand tu navique, elle se recharge pas à chaque fois... Donc ça change rien à ce niveau

C'pas faux :we:

EDIT : Héhé, j'ai chopé le Gégél moi :we:

re-EDIT :

Citation :

display: block;

Mici pour l'explication, je me demandais

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 26 Déc 2005 18:56

Rupert a écrit :

Mais c'est seulement pour les frames là? Y'a pas moyen de positionner ta frame dans la page, si?
Sinon, effectivement, c'est pas mal je dois dire

Ben chaque élément de type block (div, p, td, etc) que tu places, dans ta page et dont tu as spécifié au moins l'une des dimensions, tu peux définir le mode de dépassement : hidden (ce qui dépasse est masqué), auto (barres de défilement si necessaire), visible (mode par défaut : si le contenu est plus grand, ça s'étire)

Plus de détails ici : ~lien~

_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 26 Déc 2005 18:59

Humm moui d'accord

Donc en mettant en hidden, il doit y avoir moyen de mettre une grande image, avec cette "pseudo-frame" dessus, sans qu'on la voit...
Je reconnais, c'est pratique :we:

J'essayerai le prochain coup tiens

_________________

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 08 Mai 2007 15:19

Euh je remonte le truc vu que ça parle de CSS :razz:

Dans un liste "select", j'aimerai personnaliser la couleur quand une option est sélectionnée. Parce que par défaut, c'est gris.
J'ai essayé les focus, active et compagnie, mais je trouve pas, quelqu'un aurait une idée? :peur2:

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 08 Mai 2007 15:25

La couleur de quoi ? De l'option ou du select ? T'as des contraintes de navigateur ? Que du CSS ou bien du javascript peut faire l'affaire ?
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Dernière édition par Darathor le 08 Mai 2007 15:25; édité 1 fois

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 08 Mai 2007 15:31

La couleur du fond de l'option, ou du fond du select, c'est bon, j'y arrive. Mais ce que je voudrais, c'est la couleur de la selection, par défaut, toujours gris. Donc je sais pas si on peut changer ça :-/

Navigateur, bah si ça marche sur FF, c'est le principal

CSS de préférence, JS possible aussi, mais ça dépendra la forme. Car mon html ne contient pas la liste des options, je passe par JS pour les ajouter avec des "new option(...)"

EDIT : En gros, je fais document.liste.list.options[0].selected=true;
Et je voudrais que cette selection ne soit pas grise

EDIT 2 : Ou alors, je fais pas un ".selected", je fais directement un changement de fond de couleur :pense:

EDIT 3 : ah oui mais nan, car dans mon JS, je teste souvent si l'option est sélectionnée ou pas :hum:

_________________

| Profil | MP | E-mail | Site web

Dernière édition par Rupert le 08 Mai 2007 15:38; édité 4 fois

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 08 Mai 2007 17:11

Heu si c'est l'attribut selected qui t'intéresse, tu peux faire un

Code :

option[selected~="selected"]
{
...
}

Mais ça marchera pas sous IE naturellement, c'est trop compliqué pour lui

(de toutes façons les 2/3 des styles appliqués aux options sont déjà trop compliqués pour IE à la base, il se contente de les ignorer

)

Mais du coup c'est pour l'élément qui a l'attribut selected et si l'utilisateur change la sélection en cours de route, ça sera toujours le même qui sera coloré... Je sais pas si ça répond à ta question
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Dernière édition par Darathor le 08 Mai 2007 17:11; édité 1 fois

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 08 Mai 2007 17:19

Je fais un

Code :

option[selected~="selected"] {
background-color: pink;
}

Et ca me met la sélection en rose normalement? Car ça le fait pas là :peur2:

Peu importe sinon pour IE, ça restera classique pour les utilisateurs (peu nombreux) de de navigateur

EDIT : Ah voui, en fait, c'est valable si je met "selected" dans l'option? Mais comme c'est mon javascript qui dit qui est sélectionné et quand, ça ira pas? :peur2:

_________________

| Profil | MP | E-mail | Site web

Dernière édition par Rupert le 08 Mai 2007 17:24; édité 1 fois

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 08 Mai 2007 17:23

Ah oui mais tu définis comment ton attribut selected ? selected="selected" (ou setAttribute("selected", "selected")) ou bien d'une autre manière ?
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Rupert

Modérateur
Fils de Chuck Norris

Inscrit le : 23 Juil 2003
Messages : 35683
Points : 60 Concours jeux - 20e place

378

Séries favorites : BTVS - Friends

Posté le : 08 Mai 2007 17:25

D'une autre manière. Comme j'ai écris au dessus :

Code :

document.liste.list.options[0].selected=true;

C'est pour ça que je sais pas comment faire :-/

_________________

| Profil | MP | E-mail | Site web

Darathor

Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 Concours jeux - 30e place

170

Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...

Posté le : 08 Mai 2007 17:32

Ouais mais là je sais pas ce que ça fait du tout cette méthode

Si par contre tu veux colorer celui qui est actuellement sélectionné, ma solution précédent ne merchera pas

Dans ce cas là vaut mieux mettre un événement onchange sur le select du style :

Code :

changeSelectionColor(this);

Avec comme définition de la fonction un truc du genre (non testé mais c'est l'idée) :

Code :

function changeSelectionColor(node)
{
var selectedId = node.selectedIndex;
var childNodes = node.childNodes;
for (var i = 0; i < childNodes.lenght; i++)
{
   if (i = selectedId)
   {
      childNodes[i].setAttribute('class', 'selectedClass');
   }
   else
   {
      childNodes[i].removeAttribute('class');
   }
}
}

Par contre de mémoire le onchange n'est appliqué que si on change de selection manuellement... Si tu change via un script il faut qu'il applique le onchange également.
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !

| Profil | MP | E-mail | Site web

Dernière édition par Darathor le 08 Mai 2007 17:32; édité 1 fois