CSS et Opera

Marsh Posté le 27-05-2004 à 10:47:01

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

mes CSS :

Code :

.image
{
float: left;
margin-right: 20px;
margin-top: 5px;
margin-left: 5px;
border: none 0px;
}
.image2
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: none 0px;
}

Code :

<div id="principal"><h2>Les photos de l'assemblée générale 2004</h2>
<h3>Cliquez sur l'image de votre choix pour l'agrandir</h3>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</div>

avec Mozilla et IE aucun problèmes mais opéra me mélange tout !

http://flyman30.dyndns.org/Assoc_Sempe/photos.asp

Reply

Marsh Posté le 27-05-2004 à 10:47:01

Reply

Marsh Posté le 27-05-2004 à 10:50:19

pourquoi ce float left ?

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 27-05-2004 à 10:52:12

antp a écrit :

pourquoi ce float left ?

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

Reply

Marsh Posté le 27-05-2004 à 10:53:49

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:

Reply

Marsh Posté le 27-05-2004 à 10:55:13

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

Reply

Marsh Posté le 27-05-2004 à 10:57:12

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

CSS

Code :

.image2
{
border: none 0px;
}

Message édité par Flyman30 le 27-05-2004 à 10:59:56

Reply

Marsh Posté le 27-05-2004 à 11:01:53

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

Reply

Marsh Posté le 27-05-2004 à 11:11:16

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

Reply

CSS et Opera

Sujets relatifs:

Leave a Replay