Sujet Précédent Sujet Suivant

HTML/CSS -----> au seeeeecoooouuurs !

Fermé
dabigben - 25 janv. 2010 à 14:03
baladur13 Messages postés 46973 Date d'inscription mercredi 11 avril 2007 Statut Modérateur Dernière intervention 1 décembre 2024 - 26 janv. 2010 à 11:55
Bonjour,

je suis en train de coder une page qui me rend fou :

http://skyzotronic.free.fr


il devrait y avoir un bouton sur la barre bleue, mais il ne s'affiche pas sous firefox mais sous IE oui !!! seulement sous IE, mon bouton est surmontée d'une petite icone "fichier cassé"

Je ne comprends rien, si quelqu'un pouvait jeter un oeil a mon code et m'expliquer ce qui ne va pas s'il vous plait, ça m'aiderais bien, je précise que l'affichage du bouton fonctionnait avant que je place mes balise doctype, meta et que je range mes style entre les balise head, ce que je n'avais pas fais avant. depuis que j'ai réagencé le bordel, ça ne fonctionne plus, et je ne vois pas d'ou peux venir le problème !!

Merci d'avance
A voir également:

4 réponses

Réponse 1 / 4
le père
25 janv. 2010 à 15:12
Bonjour

<img class="btn1" border="0" />

Cette balise img n'a pas de src. Or l'attribut src est obligatoire pour la balse img :
http://fr.selfhtml.org/html/reference/attributs.htm#img
0
dabigben
26 janv. 2010 à 09:05
c'est obligatoire ? même si la source est définie dans le code css ? Et sinon tu n'as rien vu d'anormal a part ça ?
0
Réponse 2 / 4
le père
26 janv. 2010 à 09:33
C'est obligatoire ? As-tu lu le lien que j'ai mis dans le message ? Selfhtml est une référence sérieuse habituellement.
même si la source est définie dans le code css Ton code css précise une image de fond, pas le contenu de la balise. Même si les deux représentent des images, les deux notions sont différentes.
Et sinon tu n'as rien vu d'anormal a part ça ? Au moins deux balises en majuscules (<META et un <TD>) en majuscules alors que XHTML prescrit les minuscules. Sinon, rien de spécial mais je ne suis pas spécialiste.
0
Réponse 3 / 4
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
26 janv. 2010 à 10:35
SALUT

Voila ta page rendue valde W3C a toi de voir si tu dois la modifier ! mais au moins tu part sur une base saine !! 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
.topbanner {
  position: absolute;
  top: 0;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 200px;
}

body {
  margin-top: 270px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
}

.t1 {
  color: #FFFFFF;
  font-weight: bold;
  width: 200px;
 background:url('img/bgt.jpg');
}

.menu1 {
  width: 600px;
  height: 35px;
  margin-top: 0px;
 background:url('img/bg2.png');
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  background-repeat: no-repeat;
 background:url('btn/btngal1.jpg');
}

.btn1 {
  width: 130px;
  height: 35px;
 background:url('btn/btngal1.jpg');
}
 .btn1  a {
 display:block;
  width: 130px;
  height: 35px;
 background:url('btn/btngal1.jpg');
}

.btn1 a:hover {
 background:url('btn/btngal1.jpg');
}

.btn1 a:active {
 background:url('btn/btngal3.jpg');
}

.btn1 a:focus {
 background:url('btn/btngal3.jpg');
}

.menu2 {
  width: 150px;
  height: 150px;
  margin-top: 0px;
 background:url('img/priz.jpg');
  background-repeat: no-repeat;
  margin-left: 0px;
}

.menu3 {
  width: 150px;
  height: 150px;
 background:url('img/sms.gif');
  background-repeat: no-repeat;
  margin-right: 0px;
  float: right;
}

.pl1 {
  margin-top: 0px;
  width: 200px;
  background-color: #000000;
  float: left;
}

.p1 {
  width: 800px;
  color: #000000;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

.para1 {
  width: 800px;
  margin-left: 221px;
  margin-top: 60px;
  background-color: #FFFFFF;
 background:url('img/25le.jpg');
  background-repeat: no-repeat;
  border-style: ridge;

}

div.cat {
background:url('btn/btngal1.jpg');
width:199px;
height:124px;
 border:1px solid;
}

div.Oeuvres {
  color: #FFFFFF;
  text-align: center;
}
/*]]>*/
</style>
</head>

<body>
  <div class="topbanner">
    <img border="0" src="img/ban.jpg" alt="img" />
  </div>

  <div class="menu1">
   <a href="gal.html" class="btn1"></a>
  </div>

  <div class="pl1">
    <br />

    <table class="t1" border="1">
      <tr>
        <td>
          <div class="Oeuvres">
            Oeuvres de<br />
            SkyzoTronic :
          </div>
        </td>
      </tr>

      <tr>
        <td>
          <div class="cat">
          </div>
        </td>
      </tr>

      <tr>
        <td>Titre : Say YES !<br />
        <object type="application/x-shockwave-flash" data=
        "players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200" height="20">
          <param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
          <param name="wmode" value="transparent" />
        </object></td>
      </tr>

      <tr>
        <td>Titre : Water Flower<br />
        <object type="application/x-shockwave-flash" data=
        "players/player_mp3.swf?mp3=mp3/water_flower.mp3" width="200" height="20">
          <param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
          <param name="wmode" value="transparent" />
        </object></td>
      </tr>

      <tr>
        <td>Titre : Crystal<br />
        <object type="application/x-shockwave-flash" data=
        "players/player_mp3.swf?mp3=mp3/crystal.mp3" width="200" height="20">
          <param name="movie" value="players/player_mp3.swf?mp3=mp3/crystal.mp3" />
          <param name="wmode" value="transparent" />
        </object></td>
      </tr>

      <tr>
        <td>Titre : Recette de grand-mère<br />
        <object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/rdgm.mp3"
        width="200" height="20">
          <param name="movie" value="players/player_mp3.swf?mp3=mp3/rdgm.mp3" />
          <param name="wmode" value="transparent" />
        </object></td>
      </tr>
    </table>
  </div>

  <div class="para1">
    <p class="p1">Bienvenue sur le site perso de SkyzoTronic ! Sur ces humbles pages, vous pourrez
    écouter gratuitement mes dernières créations musicales (protégées s'il vous plaits !),
    composées entièrement par ordinateur, à mes heures perdues (et Dieu sait qu'il y en a !).<br />
    N'hésitez pas aussi à visiter la galerie d'art, euh...de photos quoi...<br />
    Je consacre également une page à la description du matériel et des logiciels que j'utilise ou
    que j'aimerais utiliser pour faire du son, ça peut aiguiller quelqu'un on ne sait jamais
    !<br />
    Et enfin une pages sera un peu le garde-manger des logiciels puisque j'y référencerais les
    logiciels libres qui me servent souvent, et qui méritent d'être partagés...<br />
    Et en plus de tout ça, créer ce site est un peu un entraînement pour moi donc c'est cool
    !!!</p><br />
    <br />
    <br />
    <br />
    <br />
  </div>
</body>
</html>
0
Réponse 4 / 4
baladur13 Messages postés 46973 Date d'inscription mercredi 11 avril 2007 Statut Modérateur Dernière intervention 1 décembre 2024 13 472
26 janv. 2010 à 11:55
Bonjour
Doublon
on continue ici svp :
https://forums.commentcamarche.net/forum/affich-16293900-desactiver-le-surlignage-des-lien-ds-firefox
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Que veut dire <p>&nbsp;</p>?
quinn mallory -
prosthetiks -

3 réponses