Avoir deux styles d'images différentes

Marsh Posté le 16-06-2006 à 18:07:18

Boujou a toutes a tous,

Alors voilà moi j'ai un blog depuis peu, et je suis en train de m'occuper du Style de mon menu, j'ai crée des images OR pour mon blog j'ai mit un style par défaut qui est une bordure blanche autour, dans mon menu je la veux pas donc puis je mettre une seconde regles dans mon style.css ? Merci d'avance

Reply

Marsh Posté le 16-06-2006 à 18:07:18

Reply

Marsh Posté le 16-06-2006 à 18:27:25

oui, avec une classe.
de la doc:
http://www.w3.org/TR/CSS1#class-as-selector

Reply

Marsh Posté le 16-06-2006 à 20:07:49

Arf euh j'ai pas trop compri ^^ en plus j'avais oublié de mettre mon site => http://yuland.info/

Reply

Marsh Posté le 16-06-2006 à 20:16:13

Ok, je modifie l'exemple donné, avec deux classes d'images: <<menu>> (bord blanc 1 pixel) et <<normal>> (sans bord):
page1.html:

Code :

<HTML>
<HEAD>
<TITLE>Titre</TITLE>
<STYLE TYPE="text/css">
IMG.menu { border: solid 1px white }
IMG.normal { border-width: 0px }
</STYLE>
</HEAD>
<BODY>
<IMG CLASS=menu src="image1.jpg" alt="Option Menu 1">
<a href="page2.html"><IMG CLASS=menu src="image2.jpg" alt="Option Menu 2"></a>
<IMG CLASS=normal src="image1.jpg" alt="Option Menu 1"> Titre option 1
<p> blab bla blabl alb lbalbla
</BODY>
</HTML>

Reply

Marsh Posté le 16-06-2006 à 20:38:56

a ok j'ai compri merci t'es cool ! je vais tester ca tt de suite

Reply

Marsh Posté le 18-06-2006 à 11:37:44

Arf ca marche pas , mais en fait j'ai meme pas besoin de déclarer un nouveau style, j'ai 4 images a mettre dans mon menu et contrairement au restes des images (que j'ai mi avec un bord blanc), je voudrais juste que ces 4 là ne l'ai pas, ya t'il une balise a rajouter apre ou avant l'image ou ché pas moi ^^ Merci d'avance, et merci dvot' patience avec moi

Regardez ca fait laid => http://yuland.info

EDIT : Dans mon CSS j'ai mis donc la bordure par défaut dans la balise {img ...

Message édité par yulbrinner le 18-06-2006 à 11:57:02

nargy

Tu ajoute ça dans ton HEAD:

Reply

Marsh Posté le 18-06-2006 à 12:10:17

J'ai trouvé ça dans les sources, à retirer:
<img src="http://yuland.info/radio/radio.png"; padding=none; border=0>

Tu n'as pas ajouté de classe aux images.

Il y a aussi à ajouter:
<SCRIPT language=Javascript type="text/javascript">

Message édité par nargy le 18-06-2006 à 12:10:44

Reply

Marsh Posté le 19-06-2006 à 09:42:47

J'ai fait toutes les modifs et voila ske ca donne http://yuland.info ! help j'en ai marre de ces histoire d'images ^^, ou sinon jai ptet une solution, en fait par défaut le contour d'une image clickable c'est bleu, mais ptet que jpeu mettre ca en blanc ca fra comme un ptit contour et les images non clickables ne l'auront pas

Reply

Marsh Posté le 19-06-2006 à 09:43:30

J'ai fait toutes les modifs et voila ske ca donne http://yuland.info ! help j'en ai marre de ces histoire d'images ^^, ou sinon jai ptet une solution, en fait par défaut le contour d'une image clickable c'est bleu, mais ptet que jpeu mettre ca en blanc ca fra comme un ptit contour et les images non clickables ne l'auront pas

Reply

Marsh Posté le 19-06-2006 à 09:43:30

Reply

Marsh Posté le 19-06-2006 à 10:04:42

Code :

<STYLE TYPE="text/css">
IMG.menu { border: solid 4px white }
IMG.normal { border-width: 0px }
</STYLE>

Code :

#
IMG.menu { border: solid 4px white }
#

Bravo le copié/collé!!!
Indice: double-clique sur la zone de code du forum pour faire disparaitre les numéros de ligne avant de copier le texte.
Indice n°2: vire les #############

Reply

Marsh Posté le 19-06-2006 à 10:08:21

c'est bon j'ai viré les #########" mais ca change rien

Reply

Marsh Posté le 19-06-2006 à 10:10:16

stp dis moi ou l'on modifie les couleurs du lien d'une image clickable ...

Reply

Marsh Posté le 19-06-2006 à 10:23:49

Écoute, franchement...... c'est pas compliqué.
Je sais pas où tu t'emmèle les pinceaux, mais à mon avis ce doit être un truc tout bête.

Je t'ai déjà donné un lien, avec la doc officielle de CSS1, ça devrait te suffire pour faire ce que tu veux.

La toute première image (image 16): il manque la classe.
l'image <<snapshot>> est dans une iframe, donc le cadre est différent.
Les 2 boutons ont bien une classe <<normal>> donc sans bordure.

Pour le reste des feuilles de style, tu devrait les réexporter à partir de ton logiciel, car tu as dû les modifier et elles ne sont plus correctes.

Message édité par nargy le 19-06-2006 à 10:24:30

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *