[ AVIS ] Enfin mon site en CSS, besoin de votre avis...merci

[lekouti]

Bonsoir a tous,

Suite à un topic laissé il y a environ 2 semaine sur le language CSS, et j'en profite pour remercier tt ceux qui mon donner les liens et les conseil pour arriver a faire ce que je voulais...merci..,j'aimerai donc vous montrer le resulta et avoir vos avis et conseil.

http://www.apoilleux.com

Néanmoin, quelques questions subsiste.

A savoir :

1) Est ce que <h1>.......<em>.......</em>.......</h1> est bien lu comme une balise <h1> a part entiere ??

2) vous remarquerai que dans la <div> ou sont placé les vignette, celles ci sont centré horisontalement mais pas verticalement...comment puis je faire pour palier à ce probleme ??

3) et enfin, j'ai vu en controlant mon sit sur mozilla que chaque images etait entouré, ceci est modifiable ou alors propre a mozilla ??

Merci d'avance pour vos avis et conseil, si vous surfer avec autre chose que IE ou Mozilla dite moi si ça passe bien...

un grand merci a tous

[rafe]

Tout d'abord bravo, j'aime beaucoup le site ainsi que les photos

Pour ta question 1: Oui, c'est une balise "a part entière".

Et pour la 3:

Code: Tout sélectionner

a,img {
border:0;
}


[blman]

Dans tes liens : "<a href="#" onClick="open('popupphoto.php?img=/couleur/114.jpg','popup','width=700, height=500')">", je te conseil de remplacer le "#" par "javascript:void(0);"

[lekouti]

Merci pour le compliment Rafe... !!
Merci egalement pour le code ca marche nikel, les bordure on disparu.

Blman, quelle est la differrance ??

[George Abitbol]

je te conseil de remplacer le "#" par "javascript:void(0);"

Et moi je te conseille de ne surtout pas le faire
Par contre, ajoute un return false après le open(....);

Pour ce qui est du HREF, plusieurs solutions :

- mettre l'url du fichier :

Code: Tout sélectionner

<a href="popupphoto.php?img=/couleur/114.jpg" onclick="window.open(this.href,'popup','width=700, height=500'); return false;">

C'est la meilleure solution. Ses avantages : les internautes qui n'ont pas activé le javascript pourront quand même voir ton image, ceux qui ont un navigateur type Mozilla pourront la visionner dans un nouvel onglet en faisant un glisser-déposer du lien, et puis les moteurs pourront le suivre (même si ici ce n'est qu'une image, pas très important question référencement)

- mettre l'url d'un fichier qui explique pourquoi il est nécessaire d'activer le Javascript pour que le lien fonctionne, et aussi comment procéder.

Code: Tout sélectionner

<a href="no_js.html" onclick="window.open('popupphoto.php?img=/couleur/114.jpg', 'popup', 'width=700, height=500'); return false;">

A réserver uniquement aux cas où on ne peut pas faire autrement qu'en JS. Des cas très rares, donc.

Fred

[BadProcESs]

Le javascript:void(0); ou javascript:; empèche le rechargement de la page, ce qui est utile dans ton cas.

[George Abitbol]

Le javascript:void(0); ou javascript:; empèche le rechargement de la page, ce qui est utile dans ton cas.

C'est le return false qui doit empêcher ça, les solutions ci-dessus peuvent provoquer par exemple un blocage des animations, ou encore l'ouverture de la console Javascript dans Mozilla...

Fred

[lekouti]

olalalalala que d'avis contraire... que faire ??

J'ai fai la modif sur mes pages avec javascript:void(0);

Je le garde ??

[George Abitbol]

Non non...
http://openweb.eu.org/articles/popup/

[BadProcESs]

Effectivement il faut bien le return false pour empécher l'execution du lien,j'avais oublié de le préciser.
Quand je parlai du javascript:;, c'était en fait pour éviter les erreurs de script.

[lekouti]

okaiiii, je met ça en place...merci !!

Vous avais d'autre avis ?? d'autre conseil ??

[yanhl]

ouais,tu peux modifier le code de george:
<a href="popupphoto.php?img=/couleur/114.jpg" target="_blank" onclick="window.open(this.href,this.target,'width=700, height=500'); return false;">

Pour que ça s'ouvre obligatoirement dans une fenètre supplémentaire. Ceci dit, je préfère le code de george...

[pistonocus]

Juste un truc,
As-tu pensé à ceux qui ont une resolution 800x600?
Ton site est ilisible à celle-ci.

[lekouti]

Non effectivement, j'ai pas pensé au resolution 800x600.
Mais seul 15% de mes visiteur sont dans cette resolution contre 60% en 1024x768...

Qu'entend tu pas "illisible" ?

Merci

[easy_zik]

je te conseil de remplacer le "#" par "javascript:void(0);"

Et moi je te conseille de ne surtout pas le faire

Moi je te conseille de ne pas utiliser la balise <a> quand c'est un lien en javascript.
L'attribut "onclick" peut se mettre directement sur l'image (ou le span) et c'est encore le mieux selon moi.
voir aussi l'attribut CSS "cursor" pour modifier l'aperçu du curseur et ainsi permettre à l'utilisateur de visualiser correctement ce "faux" lien.