supprimer le cadre autour des images ( pc)

supprimer le cadre autour des images ( pc) - Web design - Graphisme

Marsh Posté le 22-02-2008 à 09:59:01    

Hello,
 
je suis en train de monter un site en CSS sur mac, je teste sous safari et firefox; nikel.
par contre sur pc ( IE et firefox) j'ai un cadre autour des images qui possèdent un lien.
l'attribut  border à 0 px n'est pas Xhtml strict ( bon j'ai décidé d'opter pour ce standard.... même si ça fait bien chier des fois...)
 pour ouvrir en blank tout en faisant plaisir au w3c, j'utilise un script ...onclick="window.open(this.href,'_blank');return false;
 
j'ai bien essayé de faire une ID img avec border opx , mai j'au du foirer quelque chose!
quel est l'astuce  svp?
 
merci


---------------
« Si ou trouve mangé lé pa bon pou ou, pouss ton zassiette su coté… Na manz ali pou toué. »
Reply

Marsh Posté le 22-02-2008 à 09:59:01   

Reply

Marsh Posté le 22-02-2008 à 11:08:51    

"l'attribut  border à 0 px n'est pas Xhtml strict"
si si dans la feuille de style.
Une id ne sert à rien ici, une class suffit largement et une seule pour le lien et les images d'ailleurs.
<a class="xyz" href=blabla"><img src="blablabla"... /></a>
et
A.xyz{border:0;text-decoration:none;...}
A.xyz IMG{border:0;...}


---------------
Studio CréeAll
Reply

Marsh Posté le 22-02-2008 à 11:36:00    

yes merci bien pour le coup de main!


---------------
« Si ou trouve mangé lé pa bon pou ou, pouss ton zassiette su coté… Na manz ali pou toué. »
Reply

Marsh Posté le 22-02-2008 à 14:04:25    

tu sais, si le _blank n'est pas valide Xhtml c'est qu'il y a une raison :o Donc contourner cette règle avec du JS, même si au final ton site est valide, c'est du pareil au même niveau accessibilité.  
Ouvre tes liens dans la même fenêtre ou alors fait un "agrandissement" de ton image en JS dans la même page comme ça se voit beaucoup actuellement.


---------------
topik Annecy - BF3 : Cadmion
Reply

Marsh Posté le 22-02-2008 à 18:06:42    

Tu as raison dans l'absolu ( et tout caourt aussi d'ailleurs)
 ( http://www.ultra-fluide.com/ressou [...] arget.htm)
mais pour moi c'est plus un exercice de style qu'autre chose, le w3c!

 


franchement c'est un peu lourdingue dans mon cas d'ouvrir un .pdf dans la même page.
par contre j'ai commencé à regarder du coté de lightbox, ça a l'air d'être valide. si c'est la cas je tenterai de l'utiliser pour présenter une mini galerie de mes photographies aériennes. d'ailleurs tu conseille quel script?


Message édité par lakeup le 22-02-2008 à 18:07:40

---------------
« Si ou trouve mangé lé pa bon pou ou, pouss ton zassiette su coté… Na manz ali pou toué. »
Reply

Marsh Posté le 23-02-2008 à 00:18:59    

ben je connais pas de script tout fait pour ce genre de chose. Il doit surement en exister, mais me concernant je le fais tout seul, c'est pas un gros script :D
 
En gros il suffit d'avoir un cadre vide (balise div avec id par exemple) dans lequel on vient charger une image dans le cas d'un clic sur une vignette.
 
Après pour parfaitement séparer le code JS du doc xhtml, il faut un fichier .js à part et dans l'absolu il faut éviter les comportements du type onClick="bidule()"
 
Si tu veux, il y a une série de traduction sur pompage au sujet de l'utilisation du JS dans des docs Xhtml. Si tu t'intéresse aux standards du w3c, je te conseille d'y jeter un oeil !  
http://www.pompage.net/pompe/javas [...] hapitre-1/


---------------
topik Annecy - BF3 : Cadmion
Reply

Marsh Posté le 23-02-2008 à 10:07:17    

merci,
finalement je vais utiliser le lightbox2
http://www.huddletogether.com/projects/lightbox2/
 
 
si ça vous intéresse je mettrai le lien dans quelques jours, quand j'auris tout monté...


---------------
« Si ou trouve mangé lé pa bon pou ou, pouss ton zassiette su coté… Na manz ali pou toué. »
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed