Encadrer une image

lxpounet · Encadrer une image

Bonjour

Je viens de m'inscrire je vous remercie de votre accueil.

J'ai créé un cadre avec Paint Shop Pro que j'ai fractionné et monter dans un tableau de 3 lignes et 3 colonnes.
Le but est d'affiché une image dans ce cadre.
J'ai plusieurs images, de différent dimension, à montrer et je veux montrer une seule image par page, il faudrait donc que se cadre s'adapte a chaque fois.
Si ma page s'affiche bien sous IE il en n'ai pas de même sous firefox et opéra

http://sfrancois71.free.fr/bb/expo/DSC00769.html

Voici mon code

Code:

<table width="53%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="36" height="41" align="center" valign="top"><img src="images/c_1x1.jpg" width="36" height="41" /></td>
    <td align="center" valign="top" background="images/c_1x2.jpg"></td>
    <td width="38" height="41" align="center" valign="top"><img src="images/c_1x3.jpg" width="38" height="41" /></td>
  </tr>
  <tr>
    <td align="center" valign="top" background="images/c_2x1.jpg"></td>
    <td align="center" valign="top"><img src="../images/bb/acrylique/DSC00769_800x658.jpg" width="800" height="658" /></td>
    <td align="center" valign="middle" background="images/c_2x2.jpg"></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><img src="images/c_3x1.jpg" width="36" height="45" /></td>
    <td align="center" valign="top" background="images/c_3x2.jpg"></td>
    <td align="center" valign="top"><img src="images/c_3x3.jpg" width="38" height="45" /></td>
  </tr>
</table>

Et mon Style css

Code:

<style type="text/css">
<!--

*{
SCROLLBAR-ARROW-COLOR: #8752a0;
SCROLLBAR-TRACK-COLOR: #8752a0;
SCROLLBAR-BASE-COLOR:#8752a0;
SCROLLBAR-SHADOW-COLOR:#8752a0;
scrollbar-highlight-color: #ffdec1;
scrollbar-darkshadow-color: #ffdec1
scrollbar-3dlight-color: #ffdec1
}

body {  cursor: url(flower25-1.ani);
    font-family: "Comic Sans MS";
    font-size: 12px;
    color: #ffdec1;
    background-color: #8752a0;
    margin: 0px;
    padding: 0px;
}
a {cursor: ne-resize;}
a:link {
    color: #FFFFFF;text-decoration: underline;
}
a:visited {
    color: #66FFFF;text-decoration: underline;
}
a:hover {
    color: #FFFF00;
    text-decoration: line-through; cursor: crosshair;
}
a:active {
    color: #00FF99;text-decoration: underline;
}
-->
</style>

Il y a surement une solution mais la quelle

Merci pour votre aide

Bonne soirée

lxp@+

Dernière modification par c00lman (01-06-2010 08:12:19)

Mister $$$ · 31-05-2010 18:03:06

c00lman · Re Encadrer une image

Bonjour et bienvenu lxpounet,

Sans m'être vraiment penché sur votre soucis, pourquoi ne pas faire simple en redimensionnant vos images? Ainsi, pas besoin de se casser la tête inutilement à vouloir redimensionner automatiquement le tableau en fonction de vos images ... Non?

Personnellement, j'aurais procédé ainsi :
1-Image de fond via css (cadre).
2-Redimensionnement des images adapté au cadre.
3-Ouverture de l'image via le script "lightbox" si besoin.

C'est simple, rapide, esthétique et sans trop de prise de tête ^^ !

lxpounet · Re Encadrer une image

Bonjour c00lman

Je te remercie pour ta remercie pour ta réponse

C'est une bonne idée mais je ne peux pas, j'ai une centaines d'image qui représente des tableaux de différente dimension dont certain son tout longueur et d'autre tout en hauteur, la dimension la plus grande de chaque tableau est de 800px et les autre ont de trop grand écart qui varie entre 800px et 500px.

Je pensais plutôt à y ajuster des pourcentages mais je ne connais le code a utiliser.

Je viens de trouver la solution au moment ou j'édite ce message, je n'avais pas vue sur ma première ligne de code "width="53%"" que j'ai tout de suite modifier a 46% et ça marche.

Merci

Bonne journée

lxp@+

c00lman · Re Encadrer une image

Bhaaa ravit de t'avoir aidé content (130) .

Annonce

#1 Encadrer une image du 31-05-2010 18:03:06

Code:

Code:

31-05-2010 18:03:06

#2 Re Encadrer une image du 01-06-2010 10:02:55

Re: Encadrer une image

#3 Re Encadrer une image du 01-06-2010 10:45:04

Re: Encadrer une image

#4 Re Encadrer une image du 01-06-2010 21:51:09

Re: Encadrer une image

Partenaires de « créer un site internet »