Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
726 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Avoir deux styles d'images différentes

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Avoir deux styles d'images différentes

n°1389327
yulbrinner
Posté le 16-06-2006 à 18:07:18  profilanswer
 

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

mood
Publicité
Posté le 16-06-2006 à 18:07:18  profilanswer
 

n°1389333
nargy
Posté le 16-06-2006 à 18:27:25  profilanswer
 

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

n°1389373
yulbrinner
Posté le 16-06-2006 à 20:07:49  profilanswer
 

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

n°1389377
nargy
Posté le 16-06-2006 à 20:16:13  profilanswer
 

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

Code :
  1. <HTML>
  2. <HEAD>
  3.   <TITLE>Titre</TITLE>
  4.   <STYLE TYPE="text/css">
  5.     IMG.menu { border: solid 1px white }
  6.     IMG.normal { border-width: 0px }
  7.   </STYLE>
  8. </HEAD>
  9. <BODY>
  10.    <!-- début du menu avec 2 options -->
  11.   <IMG CLASS=menu src="image1.jpg" alt="Option Menu 1">
  12.   <a href="page2.html"><IMG CLASS=menu src="image2.jpg" alt="Option Menu 2"></a>
  13.    <!-- fin du menu -->
  14.   <IMG CLASS=normal src="image1.jpg" alt="Option Menu 1"> Titre option 1
  15.    <p> blab bla blabl alb lbalbla
  16. </BODY>
  17. </HTML>

n°1389388
yulbrinner
Posté le 16-06-2006 à 20:38:56  profilanswer
 

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

n°1389882
yulbrinner
Posté le 18-06-2006 à 11:37:44  profilanswer
 

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 :D
 
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
n°1389893
nargy
Posté le 18-06-2006 à 12:04:18  profilanswer
 

Tu ajoute ça dans ton HEAD:

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


Ça dans les images avec bord:

Code :
  1. <IMG class=menu ...>


Ça dans les images sans bord:

Code :
  1. <IMG class=normal ...>

n°1389894
nargy
Posté le 18-06-2006 à 12:10:17  profilanswer
 

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
n°1390263
yulbrinner
Posté le 19-06-2006 à 09:42:47  profilanswer
 

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 ;)

n°1390264
yulbrinner
Posté le 19-06-2006 à 09:43:30  profilanswer
 

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 ;)

mood
Publicité
Posté le 19-06-2006 à 09:43:30  profilanswer
 

n°1390275
nargy
Posté le 19-06-2006 à 10:04:42  profilanswer
 

Code :
  1. #
  2.       IMG.menu { border: solid 4px white }
  3. #


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 #############

n°1390279
yulbrinner
Posté le 19-06-2006 à 10:08:21  profilanswer
 

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

n°1390281
yulbrinner
Posté le 19-06-2006 à 10:10:16  profilanswer
 

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

n°1390293
nargy
Posté le 19-06-2006 à 10:23:49  profilanswer
 

É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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Avoir deux styles d'images différentes

 

Sujets relatifs
[Php] Miniatures d'images (à la imageshack)images defilantes php
Help : Check des dimensions d'images lors d'un Upload[HTML/CSS] Firefox et images non dispo
[C] SDL_Image.h ect... problème de compilation il aime po mes images..galerie d'images : upload par zip puis extraction par lots
gérer le pb des images non-chargées lors de l'affichage d'1 page webImages et frames
[HTML] euh, je voudrais un pixel entre 2 images, et pas 2 pixels entreInsertion d'images en boucle
Plus de sujets relatifs à : Avoir deux styles d'images différentes


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR