Problème taille d'image

[Giuska]

Bonjour,

j'ai un soucis sur mon site. Tout d'abord il est en version Joomla 3 et j'utilise le template Argo. Mais mon problème est avec une image qui apparait normalement sur les navigateur Firefox et explorer, mais celle-ci devient toute petite sur Safari!

Quelqu'un pourrait m'aider? Merci

[SimonG]

Re : Au secours!!

Bonjour,

peut on avoir un lien vers ce site ?

PS : merci de modifier le titre du post par quelque chose de plus significatif que "Au secours !!".

[Giuska]

Re : Au secours!!

oui biensûr.

http://www.scavogiuseppe.ch/v2/

[SimonG]

Re : Problème taille d'image

Ici, les images de la page d'accueil s'affichent de la même taille avec les navigateurs cités.

De quelle image exactement s'agit-il ?

[Giuska]

Re : Problème taille d'image

Sur la page "À propos" l'image avec ma foto en bd ne s'affiche pas correctement sur Safari par exemple.

[ghazal]

Re : Problème taille d'image

Salut,
le souci se situe au niveau de :

img {
/* height: auto; */
/* max-width: 100%; */
}
dans bootstrap.min.css

Le mieux serait de cibler spécifiquement cette image avec qq chose du genre :
.custom table td img

[Giuska]

Re : Problème taille d'image

Merci pour vos réponses, mais pourrais-je avoir un peu plus de précision concernant la réponse de "ghazal"? Merci

[Giuska]

Re : Problème taille d'image

J'ai repéré la ligne concernée dans bootstrap.min.css et j'ai ajouté .custom table td mais ça ne marche pas!! Que dois-je faire???

img{
width:auto\9;
height:auto;
max-width:100%;
vertical-align:middle;
border:0;-ms-interpolation-mode:bicubic
}

[ghazal]

Re : Problème taille d'image

Si j'en crois le code de cette région de ton html, tu as utilisé un module custom.
Dans ce module custom, tu as inséré un tableau avec une image dans un td. OK ?

Avec les CSS (Cascading Style Sheets), tu peux cibler (et styler) tres précisément une balise située dans une autre balise dans une autre balis, etc ....
ie
.custom table td img
ou
div.custom table td img

Pourquoi ?
Parce que le style de l'image proposé par bootstrap devrait pouvoir être conservé.
En procédant de la sorte, on n'applique la modif qu'à l'image ciblée.

De plus,
une technique simple permettant de NE PAS modifier les fichiers CSS d'origine du template est d'ajouter une feuille de style qu'on peut nommer custom.css (ou autre chose).
Il me semble qu'il existe un dossier help et un fichier index.html "wright/help/index.html" dans les templates joomlashack qui explique comment procéder à ce genre d'action.

Inside of the css folder, you will see a few css files. Any file that starts with style-***.css is one of the template styles. These are automatically loaded based on the theme you select. You may see files that are related to a browser like ie7.css, which are for those specific browsers only. Lastly, you will see css files that start with a number and underscore such as 1_template.css. Any css file with a number and underscore is automatically loaded by the template. The number prefix determines the order it is loaded in, with lower numbers first. Create a new css file and name it custom.css. This will load all css files with 1-3 prefixed first, then your file. Since CSS takes the last defined rule, it is best to make your file load last. Add any changes you need to make to this file, since you can override any CSS settings by declaring them here. All you have to do is save the file to your template's /css directory, and it will get loaded automatically