Logo responsive s'adaptant à la dimension de l'écran
Résolu
bobdaukland
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
bobdaukland Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
bobdaukland Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de réaliser une page html simple, toute la page est responsive sauf le logo. J'aimerais savoir si quelqu'un peut m'aider au niveau de la balise à utiliser pour que le logo soit aussi responsive afin que le logo s'adapte à la dimension de l'écran utilisée.
Actuellement la balise html du logo sur cette page est :
<img src="images/logo.png" alt="J**.com" style="display: block;" border="0" height="70" width="545">
Merci d'avance pour votre aide :)
Je suis en train de réaliser une page html simple, toute la page est responsive sauf le logo. J'aimerais savoir si quelqu'un peut m'aider au niveau de la balise à utiliser pour que le logo soit aussi responsive afin que le logo s'adapte à la dimension de l'écran utilisée.
Actuellement la balise html du logo sur cette page est :
<img src="images/logo.png" alt="J**.com" style="display: block;" border="0" height="70" width="545">
Merci d'avance pour votre aide :)
A voir également:
- Responsive logo
- Logo .net - Télécharger - Études & Formations
- Logo jeu - Télécharger - Jeux vidéo
- Logo n - Guide
- Logo on off ✓ - Forum Loisirs / Divertissements
- Comment écrire le symbole On/Off - Forum Facebook
2 réponses
Salut,
pour cela il ne faut pas mettre de hauteur et de largeur fixe à ton logo !
utilise les pourcentage !
width :100%;
et ne met rien pour la hauteur, elle s'adaptera automatiquement en fonction de la largeur.
Du coup :
<img src="images/logo.png" alt="J**.com" style="display: block;" border="0" width="100%">
pour cela il ne faut pas mettre de hauteur et de largeur fixe à ton logo !
utilise les pourcentage !
width :100%;
et ne met rien pour la hauteur, elle s'adaptera automatiquement en fonction de la largeur.
Du coup :
<img src="images/logo.png" alt="J**.com" style="display: block;" border="0" width="100%">
