Un peu d'aide css svp
Résolu
drogba7213
Messages postés
1524
Date d'inscription
Statut
Membre
Dernière intervention
-
drogba7213 Messages postés 1524 Date d'inscription Statut Membre Dernière intervention -
drogba7213 Messages postés 1524 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Un peu d'aide css svp
- Enlever le soulignement d'un lien css - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
- Css ligne horizontale ✓ - Forum CSS
18 réponses
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?
<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?
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:
Sinon effectivement:
background-image:url('banniere.bmp');
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?
Et donc je devraity pouvoir écrire dessus sans problème non?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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?
#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?
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
et mets le en forme avec une substitution de texte (en adaptant avec la hauteur de ton image) :
sémantique, valide et accessible.
certains grincheux diront que Google aime pas le texte dissimulé mais ça reste à démontrer !
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 !
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.
Effectivement il y a contradiction avec ce que tu cherches à faire.
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
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
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 :
et tu nous dit si l'image apparait bien, après on verra exactement ce que tu veux.
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.
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?
alors maintenant est ce possible de réduire cette image en css?
height et width?
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" !
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" !
