Les menus de gauche ne sont pas encore regroupés...
Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de préférence...
Guy
SAM
Le 1/26/10 11:12 AM, Guy a écrit :
Premier projet :
http://www.grenault.net/index_new.htm
Les menus de gauche ne sont pas encore regroupés...
Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de préférence...
<http://marcarea.com/tuto/menu-deroulant-css/> <http://css.maxdesign.com.au/listamatic/horizontal01.htm> et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!) <http://www.cssplay.co.uk/menus/flyoutt.html> <http://www.cssplay.co.uk/menus/latest-flyout.html> <http://www.cssplay.co.uk/menus/drop_definition.html> etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
-- sm
Le 1/26/10 11:12 AM, Guy a écrit :
Premier projet :
http://www.grenault.net/index_new.htm
Les menus de gauche ne sont pas encore regroupés...
Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de
préférence...
<http://marcarea.com/tuto/menu-deroulant-css/>
<http://css.maxdesign.com.au/listamatic/horizontal01.htm>
et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!)
<http://www.cssplay.co.uk/menus/flyoutt.html>
<http://www.cssplay.co.uk/menus/latest-flyout.html>
<http://www.cssplay.co.uk/menus/drop_definition.html>
etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
Les menus de gauche ne sont pas encore regroupés...
Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de préférence...
<http://marcarea.com/tuto/menu-deroulant-css/> <http://css.maxdesign.com.au/listamatic/horizontal01.htm> et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!) <http://www.cssplay.co.uk/menus/flyoutt.html> <http://www.cssplay.co.uk/menus/latest-flyout.html> <http://www.cssplay.co.uk/menus/drop_definition.html> etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
-- sm
Guy
On 26 jan, 13:10, SAM wrote:
Le 1/26/10 11:12 AM, Guy a écrit :
> Premier projet :
>http://www.grenault.net/index_new.htm
> Les menus de gauche ne sont pas encore regroupés...
> Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de > préférence...
<http://marcarea.com/tuto/menu-deroulant-css/> <http://css.maxdesign.com.au/listamatic/horizontal01.htm> et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!) <http://www.cssplay.co.uk/menus/flyoutt.html> <http://www.cssplay.co.uk/menus/latest-flyout.html> <http://www.cssplay.co.uk/menus/drop_definition.html> etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
On 26 jan, 13:10, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Le 1/26/10 11:12 AM, Guy a écrit :
> Premier projet :
>http://www.grenault.net/index_new.htm
> Les menus de gauche ne sont pas encore regroupés...
> Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de
> préférence...
<http://marcarea.com/tuto/menu-deroulant-css/>
<http://css.maxdesign.com.au/listamatic/horizontal01.htm>
et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!)
<http://www.cssplay.co.uk/menus/flyoutt.html>
<http://www.cssplay.co.uk/menus/latest-flyout.html>
<http://www.cssplay.co.uk/menus/drop_definition.html>
etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
> Les menus de gauche ne sont pas encore regroupés...
> Il faut d'ailleurs que j'apprenne à faire des sous-menus sans JS de > préférence...
<http://marcarea.com/tuto/menu-deroulant-css/> <http://css.maxdesign.com.au/listamatic/horizontal01.htm> et voir les liens vers soluces compatibles IE à l'aide de hta/htc
Tous navigateurs et qu'en CSS (qque fois un peu casse-tête!) <http://www.cssplay.co.uk/menus/flyoutt.html> <http://www.cssplay.co.uk/menus/latest-flyout.html> <http://www.cssplay.co.uk/menus/drop_definition.html> etc. etc. etc. ... <http://www.cssplay.co.uk/menus/>
Je n'ai pas de IE8 pour tester en général je fais l'économie du div car on a déjà le ul premier comme conteneur
On devrait aussi arriver à se dispenser de 'niveau1' 'niveau2' ul li { } ul li ul { none } ul li:hover ul, ul li.sfhover ul { block } ul li li { } ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block } (bon ... faut arriver à s'y retrouver ... )
Là, à cause de l'espace entre menu et sous-menu, c'est difficile à manier dans mon Fx.
Préférer dimensionner le A et lui mettre une marge si on veut espacer (ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]> <script type="text/javascript"> // Fonction destinée à remplacer le "LI:hover" pour IE 6
function ie(what) { var c = what.className; what.className = c.indexOf('sfhover')>0? c.replace(' sfhover','') : c + ' sfhover'; } window.attachEvent("onload", function() { var sfEls = document.getElementById("monmenu"); sfEls = sfEls.getElementsByTagName("li"); if(sfEls) for(var i=0, n = sfEls.length; n>i; i++) { sfEls[i].onmouseover = function() { ie(this); }; sfEls[i].onmouseout = function() { ie(this); }; } } ); </script> <style type="text/css"> #monmenu li {width: 144px;} </style> <![endif]-->
-- sm
Le 1/26/10 1:19 PM, Guy a écrit :
Merci Sam,
J'avais trouvé ça :
Je n'ai pas de IE8 pour tester
en général je fais l'économie du div
car on a déjà le ul premier comme conteneur
On devrait aussi arriver à se dispenser de 'niveau1' 'niveau2'
ul li { }
ul li ul { none }
ul li:hover ul, ul li.sfhover ul { block }
ul li li { }
ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block }
(bon ... faut arriver à s'y retrouver ... )
Là, à cause de l'espace entre menu et sous-menu, c'est difficile à
manier dans mon Fx.
Préférer dimensionner le A et lui mettre une marge si on veut espacer
(ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]>
<script type="text/javascript">
// Fonction destinée à remplacer le "LI:hover" pour IE 6
function ie(what) {
var c = what.className;
what.className = c.indexOf('sfhover')>0?
c.replace(' sfhover','') : c + ' sfhover';
}
window.attachEvent("onload", function() {
var sfEls = document.getElementById("monmenu");
sfEls = sfEls.getElementsByTagName("li");
if(sfEls)
for(var i=0, n = sfEls.length; n>i; i++) {
sfEls[i].onmouseover = function() { ie(this); };
sfEls[i].onmouseout = function() { ie(this); };
}
} );
</script>
<style type="text/css">
#monmenu li {width: 144px;}
</style>
<![endif]-->
Je n'ai pas de IE8 pour tester en général je fais l'économie du div car on a déjà le ul premier comme conteneur
On devrait aussi arriver à se dispenser de 'niveau1' 'niveau2' ul li { } ul li ul { none } ul li:hover ul, ul li.sfhover ul { block } ul li li { } ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block } (bon ... faut arriver à s'y retrouver ... )
Là, à cause de l'espace entre menu et sous-menu, c'est difficile à manier dans mon Fx.
Préférer dimensionner le A et lui mettre une marge si on veut espacer (ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]> <script type="text/javascript"> // Fonction destinée à remplacer le "LI:hover" pour IE 6
function ie(what) { var c = what.className; what.className = c.indexOf('sfhover')>0? c.replace(' sfhover','') : c + ' sfhover'; } window.attachEvent("onload", function() { var sfEls = document.getElementById("monmenu"); sfEls = sfEls.getElementsByTagName("li"); if(sfEls) for(var i=0, n = sfEls.length; n>i; i++) { sfEls[i].onmouseover = function() { ie(this); }; sfEls[i].onmouseout = function() { ie(this); }; } } ); </script> <style type="text/css"> #monmenu li {width: 144px;} </style> <![endif]-->
-- sm
Guy
On 26 jan, 16:36, SAM wrote:
Le 1/26/10 1:19 PM, Guy a crit :
> Merci Sam,
> J'avais trouv a :
Je n'ai pas de IE8 pour tester en g n ral je fais l' conomie du div car on a d j le ul premier comme conteneur
On devrait aussi arriver se dispenser de 'niveau1' 'niveau2' ul li { } ul li ul { none } ul li:hover ul, ul li.sfhover ul { block } ul li li { } ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block } (bon ... faut arriver s'y retrouver ... )
L , cause de l'espace entre menu et sous-menu, c'est difficile manier dans mon Fx.
Pr f rer dimensionner le A et lui mettre une marge si on veut espacer (ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]> <script type="text/javascript"> // Fonction destin e remplacer le "LI:hover" p our IE 6
function ie(what) { var c = what.className; what.className = c.indexOf('sfhover')>0? c.replace(' sfhover','') : c + ' sfhover';}
Vouai ce n'est pas aussi simple que je le pensais au départ tout ça !
IE nous emm... comme d'habitude.
Il va me faloir plus de temps que prévu mais ça avance quand même à part ce problème de menu déroulant.
Merci.
Guy
On 26 jan, 16:36, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Le 1/26/10 1:19 PM, Guy a crit :
> Merci Sam,
> J'avais trouv a :
Je n'ai pas de IE8 pour tester
en g n ral je fais l' conomie du div
car on a d j le ul premier comme conteneur
On devrait aussi arriver se dispenser de 'niveau1' 'niveau2'
ul li { }
ul li ul { none }
ul li:hover ul, ul li.sfhover ul { block }
ul li li { }
ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block }
(bon ... faut arriver s'y retrouver ... )
L , cause de l'espace entre menu et sous-menu, c'est difficile
manier dans mon Fx.
Pr f rer dimensionner le A et lui mettre une marge si on veut espacer
(ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]>
<script type="text/javascript">
// Fonction destin e remplacer le "LI:hover" p our IE 6
function ie(what) {
var c = what.className;
what.className = c.indexOf('sfhover')>0?
c.replace(' sfhover','') : c + ' sfhover';}
Je n'ai pas de IE8 pour tester en g n ral je fais l' conomie du div car on a d j le ul premier comme conteneur
On devrait aussi arriver se dispenser de 'niveau1' 'niveau2' ul li { } ul li ul { none } ul li:hover ul, ul li.sfhover ul { block } ul li li { } ul li:hover li:hover ul, ul li.sfhover li.sfhover ul { block } (bon ... faut arriver s'y retrouver ... )
L , cause de l'espace entre menu et sous-menu, c'est difficile manier dans mon Fx.
Pr f rer dimensionner le A et lui mettre une marge si on veut espacer (ainsi il n'y a pas d'espace - sans over - entre les ul ou li)
<!--[if lt IE 7]> <script type="text/javascript"> // Fonction destin e remplacer le "LI:hover" p our IE 6
function ie(what) { var c = what.className; what.className = c.indexOf('sfhover')>0? c.replace(' sfhover','') : c + ' sfhover';}
Vouai ce n'est pas aussi simple que je le pensais au départ tout ça !
IE nous emm... comme d'habitude.
Il va me faloir plus de temps que prévu mais ça avance quand même à part ce problème de menu déroulant.
Merci.
Guy
SAM
Le 1/26/10 5:07 PM, Guy a écrit :
Il va me faloir plus de temps que prévu mais ça avance quand même à part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent) les menus principaux *DOIVENT* aussi ouvrir une page où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais ! S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
-- sm
Le 1/26/10 5:07 PM, Guy a écrit :
Il va me faloir plus de temps que prévu mais ça avance quand même à
part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent)
les menus principaux *DOIVENT* aussi ouvrir une page
où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais !
S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
Il va me faloir plus de temps que prévu mais ça avance quand même à part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent) les menus principaux *DOIVENT* aussi ouvrir une page où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais ! S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
-- sm
Guy
On 26 jan, 18:17, SAM wrote:
Le 1/26/10 5:07 PM, Guy a écrit :
> Il va me faloir plus de temps que prévu mais ça avance quand même à > part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent) les menus principaux *DOIVENT* aussi ouvrir une page où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais ! S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
-- sm
Vouai mais beaucoup sont des "primaires", si cela ne marche pas, c'est de votre faute, c'est un site de merde ! Ils ne se posent même pas la question "Et si c'était chez moi le problème ?", ça jamais !
Guy
On 26 jan, 18:17, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Le 1/26/10 5:07 PM, Guy a écrit :
> Il va me faloir plus de temps que prévu mais ça avance quand même à
> part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent)
les menus principaux *DOIVENT* aussi ouvrir une page
où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais !
S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
--
sm
Vouai mais beaucoup sont des "primaires", si cela ne marche pas, c'est
de votre faute, c'est un site de merde ! Ils ne se posent même pas la
question "Et si c'était chez moi le problème ?", ça jamais !
> Il va me faloir plus de temps que prévu mais ça avance quand même à > part ce problème de menu déroulant.
Pour des questions d'accessibilité (JS oblige si absent) les menus principaux *DOIVENT* aussi ouvrir une page où on trouvera le sous-menu (déjà déroulé !!)
donc, au pire, les vieux IE passeront par ce détour.
Faut pas non plus exagérer ! non mais ! S'ils utilisent des bouses n'ont qu'à en supporter les conséquences!
-- sm
Vouai mais beaucoup sont des "primaires", si cela ne marche pas, c'est de votre faute, c'est un site de merde ! Ils ne se posent même pas la question "Et si c'était chez moi le problème ?", ça jamais !
Guy
Eugène Godille
Guy a écrit :
Non, c'est en cours et je pense que le site s'appellera Guides Pratiques pour les Loisirs" ou quelque chose de ce genre. Cela permettra de justifier la présence de sujets apparemment disparates et en même temps de faire la liaison avec l'Annuaire des Guides Pratiques. Si on regarde bien on trouve sur le site :
[snip] En votant vous m'aideriez à choisir le design... Merci.
Ben très franchement, ton site est trop confus dès la page d'accueil, beaucoup trop de liens dans le texte central par exemple. Ca fait fuir, ce bordel, tous ces liens soulignés (les liens ne sont plus aussi lourdement soulignés depuis... 2000 à peu près). La solution de tout mettre dans un CMS est la meilleure pour toi, car les thèmes sont conçus par des gens qui ont (souvent...) un talent pour le graphisme et la mise en page, ce qui n'est pas donné à tout le monde, contrairement à ce qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moins agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les liens en gras dans une couleur pas trop (pas du tout !) flashy, sans soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne veut strictement rien dire et est à peu près aussi "sexy" que "Fédération nationale d'achat des cadres". Sauf que le tien ne peut même pas se prononcer comme un acronyme.
Guy a écrit :
Non, c'est en cours et je pense que le site s'appellera Guides
Pratiques pour les Loisirs" ou quelque chose de ce genre. Cela
permettra de justifier la présence de sujets apparemment disparates et
en même temps de faire la liaison avec l'Annuaire des Guides
Pratiques. Si on regarde bien on trouve sur le site :
[snip]
En votant vous m'aideriez à choisir le design... Merci.
Ben très franchement, ton site est trop confus dès la page d'accueil,
beaucoup trop de liens dans le texte central par exemple. Ca fait fuir,
ce bordel, tous ces liens soulignés (les liens ne sont plus aussi
lourdement soulignés depuis... 2000 à peu près). La solution de tout
mettre dans un CMS est la meilleure pour toi, car les thèmes sont conçus
par des gens qui ont (souvent...) un talent pour le graphisme et la mise
en page, ce qui n'est pas donné à tout le monde, contrairement à ce
qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moins
agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les
liens en gras dans une couleur pas trop (pas du tout !) flashy, sans
soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne
veut strictement rien dire et est à peu près aussi "sexy" que
"Fédération nationale d'achat des cadres". Sauf que le tien ne peut même
pas se prononcer comme un acronyme.
Non, c'est en cours et je pense que le site s'appellera Guides Pratiques pour les Loisirs" ou quelque chose de ce genre. Cela permettra de justifier la présence de sujets apparemment disparates et en même temps de faire la liaison avec l'Annuaire des Guides Pratiques. Si on regarde bien on trouve sur le site :
[snip] En votant vous m'aideriez à choisir le design... Merci.
Ben très franchement, ton site est trop confus dès la page d'accueil, beaucoup trop de liens dans le texte central par exemple. Ca fait fuir, ce bordel, tous ces liens soulignés (les liens ne sont plus aussi lourdement soulignés depuis... 2000 à peu près). La solution de tout mettre dans un CMS est la meilleure pour toi, car les thèmes sont conçus par des gens qui ont (souvent...) un talent pour le graphisme et la mise en page, ce qui n'est pas donné à tout le monde, contrairement à ce qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moins agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les liens en gras dans une couleur pas trop (pas du tout !) flashy, sans soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne veut strictement rien dire et est à peu près aussi "sexy" que "Fédération nationale d'achat des cadres". Sauf que le tien ne peut même pas se prononcer comme un acronyme.
Guy
On 28 jan, 09:26, Eugène Godille wrote:
Ben très franchement, ton site est trop confus dès la page d'accueil, beaucoup trop de liens dans le texte central par exemple. Ca fait fuir, ce bordel, tous ces liens soulignés (les liens ne sont plus aussi lourdement soulignés depuis... 2000 à peu près). La solution de tou t mettre dans un CMS est la meilleure pour toi, car les thèmes sont con çus par des gens qui ont (souvent...) un talent pour le graphisme et la mise en page, ce qui n'est pas donné à tout le monde, contrairement à ce qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moi ns agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les liens en gras dans une couleur pas trop (pas du tout !) flashy, sans soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne veut strictement rien dire et est à peu près aussi "sexy" que "Fédération nationale d'achat des cadres". Sauf que le tien ne peut m ême pas se prononcer comme un acronyme.
Modifié ;-)
Merci pour tes remarques.
Guy
On 28 jan, 09:26, Eugène Godille
<cXaXnXaXlX.XhXiXsXtXoXrXiXqXu...@ZgZoZoZgZlZeZmZaZiZlZ.com> wrote:
Ben très franchement, ton site est trop confus dès la page d'accueil,
beaucoup trop de liens dans le texte central par exemple. Ca fait fuir,
ce bordel, tous ces liens soulignés (les liens ne sont plus aussi
lourdement soulignés depuis... 2000 à peu près). La solution de tou t
mettre dans un CMS est la meilleure pour toi, car les thèmes sont con çus
par des gens qui ont (souvent...) un talent pour le graphisme et la mise
en page, ce qui n'est pas donné à tout le monde, contrairement à ce
qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moi ns
agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les
liens en gras dans une couleur pas trop (pas du tout !) flashy, sans
soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne
veut strictement rien dire et est à peu près aussi "sexy" que
"Fédération nationale d'achat des cadres". Sauf que le tien ne peut m ême
pas se prononcer comme un acronyme.
Ben très franchement, ton site est trop confus dès la page d'accueil, beaucoup trop de liens dans le texte central par exemple. Ca fait fuir, ce bordel, tous ces liens soulignés (les liens ne sont plus aussi lourdement soulignés depuis... 2000 à peu près). La solution de tou t mettre dans un CMS est la meilleure pour toi, car les thèmes sont con çus par des gens qui ont (souvent...) un talent pour le graphisme et la mise en page, ce qui n'est pas donné à tout le monde, contrairement à ce qu'on essaye de nous faire croire.
En commençant par changer le style de tes liens, ce serait déjà moi ns agressif pour l'oeil, typographiquement parlant. Mieux vaut mettre les liens en gras dans une couleur pas trop (pas du tout !) flashy, sans soulignement, et en mettre beaucoup moins !
"Trop de liens tue le lien."
Ahem.
E.
PS : "Guides pratiques pour les loisirs" est un mauvais titre qui ne veut strictement rien dire et est à peu près aussi "sexy" que "Fédération nationale d'achat des cadres". Sauf que le tien ne peut m ême pas se prononcer comme un acronyme.