Sujet Précédent Sujet Suivant

Un peu d'aide css svp

Résolu/Fermé
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 - 7 janv. 2009 à 14:48
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 - 8 janv. 2009 à 11:43
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

18 réponses

Réponse 1 / 18
Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 58
7 janv. 2009 à 14:57
background-image:url('banniere.bmp');
0
Réponse 2 / 18
Skeletyon Messages postés 1552 Date d'inscription jeudi 20 novembre 2008 Statut Membre Dernière intervention 30 décembre 2013 156
7 janv. 2009 à 14:58
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
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 janv. 2009 à 15:39
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
Réponse 3 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 15:05
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
Réponse 4 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
7 janv. 2009 à 15:21
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

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

Posez votre question
Réponse 5 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 15:25
Si tu met ça correctement comme on t'a dit de faire oui ça devrai fonctionner correctement.
0
Réponse 6 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
7 janv. 2009 à 15:27
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
Réponse 7 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 15:34
Le mieux est peut-être encore de tester ce code non ? Mais pour moi oui ça devrai marcher.
0
Réponse 8 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
7 janv. 2009 à 15:39
j'ai tester avant de reposter quand même lol

et non ca ne fonctionne pas hélas
0
Réponse 9 / 18
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 janv. 2009 à 15:43
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
Réponse 10 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 15:44
Au temps pour moi.

Met: 
background-image:url(banniere.jpg);
0
Réponse 11 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 15:49
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
Réponse 12 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
7 janv. 2009 à 16:05
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
Réponse 13 / 18
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
7 janv. 2009 à 17:41
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
Réponse 14 / 18
freto Messages postés 1542 Date d'inscription vendredi 6 juillet 2007 Statut Membre Dernière intervention 8 avril 2016 161
7 janv. 2009 à 17:48
Je cherche pas midi a quatorze heure mais dès le départ: 
#claas
...

C'est pas plutot 
#class
...

???
0
Réponse 15 / 18
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 janv. 2009 à 18:02
Non écris comme il l'a fait, #claas et le nom qu'il donne à un id="".
0
freto Messages postés 1542 Date d'inscription vendredi 6 juillet 2007 Statut Membre Dernière intervention 8 avril 2016 161
7 janv. 2009 à 18:10
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
Réponse 16 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
8 janv. 2009 à 07:41
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
Réponse 17 / 18
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
8 janv. 2009 à 10:42
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
Réponse 18 / 18
drogba7213 Messages postés 1524 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 3 avril 2010 21
8 janv. 2009 à 11:43
merci beaucoup tout le monde bonne journée
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses