Image de travers

kiliwia2 Messages postés 2 Statut Membre -  
mamiemando Messages postés 34182 Statut Modérateur -

Bonjour,

depuis qq temps l'insertion de mes images dans dreamweawer 3 se positionnent horizontalement au lieu de verticalement alors que dans le fichier "image" c'est normal, que dois-je faire pour rétablir la position de mon image, merci

sylvie

***@***Windows / Firefox 142.0

A voir également:

2 réponses

Azrety
 

Bonjour,

DW 3...ça date d'un autre millénaire ça.

Et Dreamweaver même ses versions plus récentes a été abandonné car pas assez performant ce type de programme:

WYSIWYG = vous obtenez ce que vous voyez = what you see is what you get .

En utilisant ce genre de logiciel, de plus une version aussi ancienne, vous vous exposez à de nombreux problèmes de compatibilité(des bugs, autrement dit affichage infâme rendant le site illisible) ainsi qu'un non respect des normes qui nuira grandement au référencement et la qualité du site.

Quoi qu'il en soit sans voir le code ou les paramètres de réglages impossible de dire quoi que ce soit, p-e un style par défaut ou recadrage selon l'espace restant...mais bon n'étant pas devin mieux vaut ne rien dire.

Notez qu'il existe des éditeurs WYSIWYG(tout par interface graphique) gratuit et open source et maintenu à jour qui seront meilleur, probablement pas tous en français.

La meilleure alternative est d'aller vers des CMS, plus complexe mais restant abordable pour une personne sans connaissances techniques poussées. C'est d'ailleurs la norme actuelle pour la création de site. Le principe est d'utiliser un modèle et personnaliser celui ci. Ils sont tous basé sur l'utilisation d'une base de données ce qui est indispensable depuis plus de 20 ans à moins que pour le moindre changement vous ayez envie de refaire toute la page à la main.

Wordpress et Joomla sont parmi les plus utilisés.

Sinon vous avez des plate-formes de blog ou création de site, pas recommandé pour plusieurs raison dont celle que le site ne vous appartient pas et être tributaire de leur bon vouloir mais certaines ont une bonne réputation en étant gratuit, blogger/google Blog par exemple.

0
mamiemando Messages postés 34182 Statut Modérateur 7 888
 

Bonjour,

Si on reste sur la solution actuelle, il est peut être possible d'adapter le code HTML/CSS généré par Dreamweaver. Voici un exemple qui montrer comment centrer verticalement et horizontalement une image tout en la redimensionnant pour quelle entre dans son contenant (ici un <div>) et tout en préservant son ratio (rapport hauteur/largeur).

toto.html

<html>
<head>
    <style>
        .bordure {
            border: 1px solid black; /* For visibility */
            width: 300px; /* Largeur arbitraire */
            height: 200px; /* Heuteur arbitraire */
        }

        .centrage {
            display: flex;
            justify-content: center; 
            align-items: center; 
        }

        .centrage img {
            width: 90%; /* L'image prend si possible la largeur du contenant */
            height: 90%; /* L'image prend si possible la hauteur du contenant */
            object-fit: contain; /* L'image est redimensionnée pour tenir dans le contenant */
            margin: auto; /* Centré horizontalement / verticalement */
        }
    </style>
</head>
<body>
    <div class="bordure centrage" style="width: 300px; height: 200px;">
        <img src="chat.jpg"/>
    </div>
    <div class="bordure centrage" style="width: 200px; height: 300px;">
        <img src="chat.jpg"/>
    </div>
</body>
</html>

Pour tester, on place une image -ici chat.jpg- de taille arbitraire, dans le même dossier, puis on ouvre toto.html avec un navigateur. L'image est étirée de sorte à occuper 80% de la hauteur ou de la largeur du contenant sous réserve que cela ne la déforme pas.

Bonne chance

0