27191 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai codé un site en HTML/CSS afin d'y exposer mes photos sous l'URL https://imagenature.art . Après avoir dessiné un logo (renard), ce dernier a été mis en arrière-plan du menu principal qu'on retrouve, en outre, en bas à droite de la page d’accueil.
Dans le CSS (https://imagenature.art/css/style.css), les types de pages sont différenciés par un identifiant au niveau de la balise body comme il suit :
<body id="top">
pour la page d'accueil ;
<body id="top-2">
pour une page contenant du texte (liste des galeries par exemple) ;
<body id="top-3">
pour les miniatures des photos ;
<body id="top-4">
pour les photos seules.

Il se trouve que sur les pages contenant les miniatures (de même que les pages contenant les photos seules, dont le code est proche) le logo apparaît allongé pour une raison que j'ignore...

D'avance merci pour vos lumières,
Raphaël
Modifié par Foxy (27 Jun 2020 - 14:30)
Salut,
En examinant ou inspectant l'élément depuis un click droit, selon ton navigateur, tu verras la liste des styles appliqués à ton image. tu devrais trouver une ligne qui modifie la taille de l'image. En la désactivant, l'image reprendra une proportion correcte.
Meilleure solution
Salut Ostara,
Tu as fait d'une pierre 2 coups : j'ai résolu mon problème et me suis familiarisé avec cette fonction du navigateur. Un grand merci Smiley smile

Raphaël
Modifié par Foxy (27 Jun 2020 - 18:38)