Problème HTML-CSS

Résolu
Bonjour,

Ce code ne marche pas (au niveau du code CSS interne). Qu'est-ce qui est faux ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Untitled</title>
</head>

<body>

<img src="file:///C|/Users/Dvorak/Pictures/generique_captures/DSC09717.JPG" width="300" height="300" alt="" border="0" id="sperme">
<img src="file:///C|/Users/Dvorak/Pictures/generique_captures/DSC09913.JPG" width="300" height="300" alt="" border="0" id="chien">

	 <style type="text/css">
	   #chien {
	     border-style: solid;
		  	  }
	 </style>

</body>
</html>


Merci d'avance,
chris



--
"C'est pourquoi la cause qui fait naître la superstition, la conserve et l'alimente, est la crainte."

3 réponses

  1. Contributeur
    Salut

    les balises pour le CSS ,que ce soit un lien vers un fichier css externe ou un style embarque, ce place toujours entre les <head> .....</head> de ta page et pas dans le body comme dans ton code !!

    a+
    1. Contributeur
      EDIT MESSAGE COMPLET J AI FAIT UNE FAUSSE MANIP ;-))

      Salut

      les balises pour le CSS ,que ce soit un lien vers un fichier css externe ou un style embarque, ce place toujours entre les <head> .....</head> de ta page et pas dans le body comme dans ton code !!

      de plus , si tu donne des css contradictoire "border="0" id="chien">" sur l image , comme dans ta page , cela n iras jammais :-))

      et comme cela s applique a une image , tu devrais plutôt mettre
      <style type="text/css">
      	   img #chien {
      	     border-style: solid;
      		  	  }
      	 </style>
      


      a+
      1. Pourquoi de marquer chien ca ne va pas ? :O
        Merci en tout cas !
      2. En fait ça ne marche toujours pas :( idée ?
    2. Contributeur
      Pourquoi de marquer chien ca ne va pas ? :O 


      oui c est de ma faute ;-)) je me suis mal explique , il faut mettre l image dans une div !! oublie

      on vas simplifier ;-))
      n oublie pas d enlever le border="0" que tu avais sur l image chien !!!

      ca donne
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <title>Untitled</title>
          <style type="text/css">
      #chien {
       border: 2px  solid #000000;
       }
            </style>
      </head>
      
      <body>
      
      <img src="file:///C|/Users/Dvorak/Pictures/generique_captures/DSC09717.JPG" width="300" height="300" alt="" border="0" id="sperme">
      <img src="file:///C|/Users/Dvorak/Pictures/generique_captures/DSC09913.JPG" width="300" height="300" alt="" id="chien">
      
      
      </body>
      </html>


      a+