Un peu d'aide css svp

Résolu
drogba7213 Messages postés 1550 Statut Membre -  
drogba7213 Messages postés 1550 Statut Membre -
Bonjour,

Je sais que je suis ridicule mais ca fait lontemps que j'ai pas fait de css et html et je galère
Je ne vois pas pourquoi le code css ne fonctionne sur ma page auriez vous une idée svp?

identification.css

#claas
{
background-image: "banniere.bmp";
max-height: 700px;
max-width: 400px;
}

identification.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>authetification</title>

<link rel="stylesheet" media="screen" type="text/css" title="identification" href="identification.css">

</head>

<body>
<body onLoad="Javascript: self.resizeTo(700,400);">

<img src="banniere.bmp" alt="Logo claas" id="claas" />

<div style="text-align: center; margin-left: 18px; width: 953px;">
<div style="text-align: center;">
<form style="margin-left: 34px; width: 517px;">
<select name="nom" size="1">
<option>Utilisateur </option>
<option>Indicateur </option>
<option>Superviseur </option>
</select>
</form>
</div>
<br>
</div>
<div style="text-align: center;">Mot de passe :
 <input name="mdp"> </div>
<br>

</body>
</html>

ps : mes fichiers sont tous dans le même dossier
merci d'avance 
Configuration: Windows 2000
Internet Explorer 6.0

18 réponses

  1.
    Smoking bird Messages postés 911 Statut Membre 58
     
    background-image:url('banniere.bmp');
    0
  2. Skeletyon Messages postés 1622 Date d'inscription   Statut Membre Dernière intervention   157
     
    J'ai pas fait beaucoup de css mais ici
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    il doit y avoir un problème de "" Si je ne m'abuse il n'y a pas besoin de ; dans la meta.

    <body onLoad="Javascript: self.resizeTo(700,400);">
    Pourquoi un ; à la fin? Appel Java?
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut,

      Si je ne m'abuse il n'y a pas besoin de ; dans la meta
      tu t'abuses, il sépare deux instructions.

      Pourquoi un ; à la fin?
      parce que les lignes de codes se terminent par un point virgule en JS.
      0
  3. arthezius Messages postés 3756 Statut Membre 475
     
    Déjà chose a pas faire sur le web c'est mettre des images bmp. Elles font partie des plus lourdes surtout avec ces dimensions là. Met là en jpg.

    Sinon effectivement: 
    background-image:url('banniere.bmp');
    0
  4. drogba7213 Messages postés 1550 Statut Membre 22
     
    Dite moi si je fais erreur mais ce que je fais la avec le background devrait bien me permettre de mettre mon image en fond?
    Et donc je devraity pouvoir écrire dessus sans problème non?
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. arthezius Messages postés 3756 Statut Membre 475
     
    Si tu met ça correctement comme on t'a dit de faire oui ça devrai fonctionner correctement.
    0
  7. drogba7213 Messages postés 1550 Statut Membre 22
     
    identification.css

    #claas
    {
    background-image:url('banniere.jpg');
    max-height: 10%;
    max-width: 10%;
    }

    identification.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>authetification</title>
    <link rel="stylesheet" media="screen" type="text/css"
    title="identification" href="identification.css">
    </head>
    <body onload="Javascript: self.resizeTo(700,400)">
    <img src="banniere.jpg" alt="Logo claas" id="claas">
    <div style="text-align: center; margin-left: 18px; width: 953px;">
    <div style="text-align: center;">
    <form style="margin-left: 34px; width: 517px;">
    <select name="nom" size="1">
    <option>Utilisateur </option>
    <option>Indicateur </option>
    <option>Superviseur </option>
    </select>
    </form>
    </div>
    <br>
    </div>
    <div style="text-align: center;">Mot de passe :
     <input name="mdp"> </div>
    <br>
    </body>
    </html>

    ca devrait le faire comme ca non?
    0
  8. arthezius Messages postés 3756 Statut Membre 475
     
    Le mieux est peut-être encore de tester ce code non ? Mais pour moi oui ça devrai marcher.
    0
  9. drogba7213 Messages postés 1550 Statut Membre 22
     
    j'ai tester avant de reposter quand même lol

    et non ca ne fonctionne pas hélas
    0
  10. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    vous êtes en train de mettre un arrière plan sur une <img/> ?
    faudrait choisir !

    tu veux faire quoi ?
    une bannière ?

    mets un titre dans ton HTML 
    <h1>Mon titre</h1>

    et mets le en forme avec une substitution de texte (en adaptant avec la hauteur de ton image) : 
    h1 {
background-image:url(image.png);
background-position:50% 0;
background-repeat:no-repeat;
height:120px;
overflow:hidden;
text-indent:-1000em;
}

    sémantique, valide et accessible.
    certains grincheux diront que Google aime pas le texte dissimulé mais ça reste à démontrer !
    0
  11. arthezius Messages postés 3756 Statut Membre 475
     
    Au temps pour moi.

    Met: 
    background-image:url(banniere.jpg);
    0
  12. arthezius Messages postés 3756 Statut Membre 475
     
    Tiens j'avais mal vue ton code html en fait. Je viens de réagir avec le message de Dalida. :p

    Effectivement il y a contradiction avec ce que tu cherches à faire.
    0
  13. drogba7213 Messages postés 1550 Statut Membre 22
     
    Bon alors je vais expliquer cette page doit afficher l'image qui serait en fond d'écran qui prend toute la fenêtre et cette fenêtre est réduite en 700 par 400.
    Ensuite par dessus l'image je veux insérer la liste déroulante ainsi que le mot de passe avec la cellule de saisie.

    Je ne voit pas trop où sont les contradiction.

    Par contre je veut bien que vous continuez à m'aider car si comme vous dites je suis à coter de la plaque j'aimerais avancé quand même
    0
  14. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    la contradiction c'est que quand l'image fait parti du contenu de la page (comme la photo du petit chat ou de mamie) on utilise une balise <img/>. alors que quand on utilises une image comme décoration de la page, on met l'image en arrière plan (background) de n'importe quelle balise (<body>, <div>, <p>…).

    tu as fait les deux à la fois !

    pour commencer tu ajoutes ça à ta CSS, en modifiant le chemin d'accès à ton image : 
    body{
background-image:url(image.png);
background-position:50% 50%;
background-repeat:no-repeat;
}

    et tu nous dit si l'image apparait bien, après on verra exactement ce que tu veux.
    0
  15. freto Messages postés 1543 Date d'inscription   Statut Membre Dernière intervention   165
     
    Je cherche pas midi a quatorze heure mais dès le départ: 
    #claas
...

    C'est pas plutot 
    #class
...

    ???
    0
  16. arthezius Messages postés 3756 Statut Membre 475
     
    Non écris comme il l'a fait, #claas et le nom qu'il donne à un id="".
    0
    1. freto Messages postés 1543 Date d'inscription   Statut Membre Dernière intervention   165
       
      Au temps (autant, au taon, haute an, eau than) pour moi alors, oubliez et en espérant que sa n'aie pas bouleversé l'avancement du schmillblick
      0
  17. drogba7213 Messages postés 1550 Statut Membre 22
     
    impecable dalida je sais pas ce que t'as changé, j'avais essayé de faire ca mais ca n'avait jamais fonctionné merci

    alors maintenant est ce possible de réduire cette image en css?

    height et width?
    0
  18. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    non tu ne peux pas modifier la taille avec CSS, ce ne serait pas logique.

    l'image va être téléchargée par tes visiteurs donc il faut la retailler avant sinon tu ferais télécharger une grande image pour ensuite la réduire pas très économique en bande passante !

    pour retailler ton image tu peux utiliser Gimp par exemple.

    bon courage pour la suite !
    et si c'est le cas, pense à cocher "résolu" !
    0
  19. drogba7213 Messages postés 1550 Statut Membre 22
     
    merci beaucoup tout le monde bonne journée
    0

Discussions similaires

Mettre du texte à côté d'une image
yuls13 -
yuls13 -

3 réponses
indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Superposer du texte sur une image (HTML/CSS)
bh_france -
Semev -

1 réponse
Comment aligner des éléments html css
eligame -
Hawkfram -

1 réponse