28202 sujets

CSS et mise en forme, CSS3

Bonsoir
J'ai pu realiser l'habilage. J'ai un probleme au niveau des images sur lesquelles cliquer pour avoir le style, elles sont tres grande bien que j'ai pris la peine de les reduire a 13*11 pixels, je me demande maintenant si CSS ne peu pas prendre parti dans cette affaire et leurs donner leur vraie taille, aussi est ce que css peut imposer une taille au bordure et images? le site est http://ikoutoubi.afrikart.net/ et les image aussi ne s'affiche pas je sais pas kel dois etre le probleme. Merci pour votre aide.
Modérateur
Bonsoir ikoutoubi, Smiley smile

Les images devraient se trouver dans un dossier img situé à la racine de ton site et ce n'est pas le cas actuellement. Je pense que tu as du faire une erreur. Smiley cligne

Etant donné que ces images ont leur place dans le html, tu n'as qu'à mettre des balises de ce type :
<a href="/index.php?style=bleu">
     <img src="img/bleu.jpg" width="13" height="11" alt="bleu" />
</a>
<a href="/index.php?style=marron">
     <img src="img/marron.jpg" width="13" height="11" alt="marron" />
</a>
...


Le redimensionnement des images via CSS est déconseillé. Mieux vaut mettre tes images aux dimensions correctes dans ton éditeur graphique puis indiquer ces dimensions directement dans chaque balise. Pour les bordures, tu peux mettre un identifiant ou une classe sur le paragraphe qui contient les images :
<p id="tonidentifiant">...</p>

ou
<p class="taclasse">...</p>
puis ajouter dans ton css :
#tonidentifiant img { border: 3px solid green; }

ou
.taclasse img { border: 3px solid green; }
suivant ce que tu choisis.

Je te conseille de regarder ce tutoriel pour mieux comprendre.
Modifié par koala64 (24 Sep 2007 - 21:36)