Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2942 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS et Opera

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS et Opera

n°741172
Flyman30
Posté le 27-05-2004 à 10:47:01  profilanswer
 

J'ai un soucis sous Opéra avec un page de miniature.
 
mes CSS :
 

Code :
  1. .image
  2. {
  3. float: left;
  4. margin-right: 20px;
  5. margin-top: 5px;
  6. margin-left: 5px;
  7. border: none 0px;
  8. }
  10. .image2
  11. {
  12. float: left;
  13. margin-right: 5px;
  14. margin-bottom: 5px;
  15. border: none 0px;
  16. }


 

Code :
  1. <div id="principal"><h2>Les photos de l'assemblée générale 2004</h2>
  2.   <h3>Cliquez sur l'image de votre choix pour l'agrandir</h3>
  3. <a href="pop-up.asp?src=Images/peche006.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche006-1.jpg' alt='peche006-1.jpg' title='peche006-1.jpg' /></a>
  4.     <a href="pop-up.asp?src=Images/peche008.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche008-1.jpg' alt='peche008-1.jpg' title='peche008-1.jpg' /></a>
  5. <a href="pop-up.asp?src=Images/peche017.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche017-1.jpg' alt='peche017-1.jpg' title='peche017-1.jpg' /></a>
  6. <a href="pop-up.asp?src=Images/peche009.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche009-1.jpg' alt='peche009-1.jpg' title='peche009-1.jpg' /></a>
  7. <a href="pop-up.asp?src=Images/peche010.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche010-1.jpg' alt='peche010-1.jpg' title='peche010-1.jpg' /></a>
  8. <a href="pop-up.asp?src=Images/peche019.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche019-1.jpg' alt='peche019-1.jpg' title='peche019-1.jpg' /></a>
  9. <a href="pop-up.asp?src=Images/peche021.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche021-1.jpg' alt='peche021-1.jpg' title='peche021-1.jpg' /></a>
  10. <a href="pop-up.asp?src=Images/peche026.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche026-1.jpg' alt='peche026-1.jpg' title='peche026-1.jpg' /></a>
  11. <a href="pop-up.asp?src=Images/peche027.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche027-1.jpg' alt='peche027-1.jpg' title='peche027-1.jpg' /></a>
  12. <a href="pop-up.asp?src=Images/peche013.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche013-1.jpg' alt='peche013-1.jpg' title='peche013-1.jpg' /></a>
  13. <a href="pop-up.asp?src=Images/peche012.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche012-1.jpg' alt='peche012-1.jpg' title='peche012-1.jpg' /></a>
  14. <a href="pop-up.asp?src=Images/peche004.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche004-1.jpg' alt='peche004-1.jpg' title='peche004-1.jpg' /></a>
  15. <a href="pop-up.asp?src=Images/peche030.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche030-1.jpg' alt='peche030-1.jpg' title='peche030-1.jpg' /></a>
  16.  <a href="pop-up.asp?src=Images/peche043.jpg" class='image' onclick='window.open(this.href);return false;'><img class='image2' src='Images/peche043-1.jpg' alt='peche043-1.jpg' title='peche043-1.jpg' /></a>
  17. </div>


 
avec Mozilla et IE aucun problèmes mais opéra me mélange tout !
 
http://files.shawt.net/users/flyman30/opera.png
 
http://flyman30.dyndns.org/Assoc_Sempe/photos.asp

mood
Publicité
Posté le 27-05-2004 à 10:47:01  profilanswer
 

n°741180
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-05-2004 à 10:50:19  profilanswer
 

pourquoi ce float left ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°741184
Flyman30
Posté le 27-05-2004 à 10:52:12  profilanswer
 

antp a écrit :

pourquoi ce float left ?

pour que les miniatures se mettent les une à côté des autres  :sweat:

n°741186
Flyman30
Posté le 27-05-2004 à 10:53:49  profilanswer
 

Flyman30 a écrit :

pour que les miniatures se mettent les une à côté des autres  :sweat:


 
Ha ben vi t'as raison en virant float: left ça marche  
 
merci  :jap:

n°741189
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-05-2004 à 10:55:13  profilanswer
 

par défaut les images ne sont pas des blocs mais des éléments en ligne, donc pas de retour à la ligne avant & après ;)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°741195
Flyman30
Posté le 27-05-2004 à 10:57:12  profilanswer
 

Au fait quelqu'un peut-il me dire pourquoi l'espace latéral entre les images est si grand ???  :??:  
 
CSS
 

Code :
  1. .image2
  2. {
  3. border: none 0px;
  4. }


Message édité par Flyman30 le 27-05-2004 à 10:59:56
n°741205
antp
Super Administrateur
Champion des excuses bidons
Posté le 27-05-2004 à 11:01:53  profilanswer
 

Entre chaque image il y a plusieurs espaces dans ton code, qui se résume à une seule. Si tu ne veux pas d'espace du tout, il faut que tout le code soit sur une ligne je pense :/


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°741228
Flyman30
Posté le 27-05-2004 à 11:11:16  profilanswer
 

antp a écrit :

Entre chaque image il y a plusieurs espaces dans ton code, qui se résume à une seule. Si tu ne veux pas d'espace du tout, il faut que tout le code soit sur une ligne je pense :/


 
J'aurais souhaité un espace de 5px donc je vais regarder ce que tu me dit, merci  :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS et Opera

 

Sujets relatifs
Probleme de CSS / liens à moitié cliquables [Résolu][CSS] superposition de DIV
[CSS] <-- 2 questions -> [HTML][JS/CSS] Probleme sous mozilla pas sous IE d'action sur CSS dans un JS
[css]onmouseout excessifCSS indentation relative [résolu]
[css]changer le style d'un autre elementCSS : pb input radio et input text
Fait ch..r opera grrrrr :( :( [CSS inside]CSS, IE, Opera et .... Netscape grrrrr...
Plus de sujets relatifs à : CSS et Opera

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.060 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)