Je n'arrive pas a mettre l'image...à la faire s'afficher =/ c'est embetant
J'ai creer dans le dossier ou il y a mes pages HTML et Le CSS un autre dossier nommé images dans lequel j'ai mit une image s'appelant gally qui au prealable a ete enregistrer en jpeg
Voila ce que j'ai mit dans mon CSS:
[align=center]#en_tete
{
width: 760px;
height: 100px;
background-image: url("./images/gally.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}[/align]
L'image ne s'affiche pas =/
Pays-Froid.Net
Qu'est ce que Pays-Froid.Net
- C'est une communauté d'entraide à la conception et au developpement de sites web.
- C'est un site avec des tutoriaux clairs et simples, des logiciels, un forum et un annuaire.
- C'est avant tout une banquise qui accueille tous les pingouins qui le souhaitent !
Petit problème de debutant
Page 1 sur 1
Petit problème de debutant
de kurogane le 14 Déc 2007 23:06
- kurogane
- Bébé Pinguin
- Messages: 5
- Inscription: 14 Déc 2007 23:03
de Patoch le 15 Déc 2007 3:40
SAlut kurogane
Apparement tout est bon.
Essaye avec background-image: url("images/gally.jpg"); plutot.
Est ce possible d'avoir l'url de ton site ou le code entier (css + html) ?
Merci
Apparement tout est bon.
Essaye avec background-image: url("images/gally.jpg"); plutot.
Est ce possible d'avoir l'url de ton site ou le code entier (css + html) ?
Merci
-
Patoch - Administrateur
- Messages: 1343
- Inscription: 13 Nov 2006 1:53
- Localisation: Sur la Banquise
de kurogane le 15 Déc 2007 10:51
Aucun problème le voila :
html :
CSS :
EDIT: après avoir pas mal chercher j'ai trovuer ^^ l'image ne pouvait pas s'afficher car la div en tète n'existait pas dans le HTML ^^ problème réglé merci =D
je debute je risque d'avoir d'autre petit problèmes =P alors attendé vous a me revoir ^^'
html :
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<h2>Acceuil</h2>
<div id="globe">
<div id="corps">
<h3>Présentation</h3>
<p>
Bonjour et bienvenue sur mon site !<br />
Vous ètes ici sur mon site =)
Je suis Graphiste <em> amateur </em> je graph depuis plus d'un ans mais depuis plus de 6mois sur Adobe Photoshop.<br>
Qui je pense est le meilleur logiciel pour ce que je fait =) . </br>
<br>J'espère que vous aprecirez ce que je fait ;-).</br></p>
</div>
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="galeriesign.html">Signatures</a></li><br></br>
<li><a href="galerievector.html"> Vector </a></li><br></br>
<li><a href="galeriewall.html"> Wallpapers</a></li><br></br>
<li><a href="galerieautre.html"> Autres</a></li><br></br>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS :
- Code: Tout sélectionner
body /* On travaille sur la balise body, donc sur TOUTE la page */
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: RGB(38,111,244)
}
a:hover
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: RGB(114,95,224);
}
#globe
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("./images/gally.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
p
{
text-align: center;
}
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
h3
{
text-align: center;
}
EDIT: après avoir pas mal chercher j'ai trovuer ^^ l'image ne pouvait pas s'afficher car la div en tète n'existait pas dans le HTML ^^ problème réglé merci =D
je debute je risque d'avoir d'autre petit problèmes =P alors attendé vous a me revoir ^^'
- kurogane
- Bébé Pinguin
- Messages: 5
- Inscription: 14 Déc 2007 23:03
de kurogane le 24 Déc 2007 12:06
Bonjour
Me revoila =) j'aurais besoin d'aide encor une foi =P
Resultat:
http://img152.imageshack.us/img152/8836 ... enuju8.png
Voila que dois-je mettre dans el CSS pour qu'il soti centrer et que les elements du menu soit coller
Me revoila =) j'aurais besoin d'aide encor une foi =P
- Code: Tout sélectionner
<div class="element_menu">
<a href="sitekuro.html"><img src="menu/acc.png" alt="Acceuil" /></a>
<a href="galeriesign.html"><img src="menu/sign.png" alt="Signature " /></a>
<a href="galeriewall.html"><img src="menu/wall.png" alt="Wallpapers" /></a>
<a href="galerievector.html"><img src="menu/vec.png" alt="Vectors" /></a>
<a href="galerieautre.html"><img src="menu/autr.png" alt="Autre" /></a>
<a href="infolien.html"><img src="menu/infli.png" alt="Infos et Liens" /></a>
</div>
Resultat:
http://img152.imageshack.us/img152/8836 ... enuju8.png
Voila que dois-je mettre dans el CSS pour qu'il soti centrer et que les elements du menu soit coller
- kurogane
- Bébé Pinguin
- Messages: 5
- Inscription: 14 Déc 2007 23:03
de kurogane le 25 Déc 2007 12:55
Bon Noel a toi aussi =)
Désolé cela ne marche toujours pas
Je te met tout e CSS et le HTML on sait jamais et j'ai fait quelques modifications au html
Désolé cela ne marche toujours pas
Je te met tout e CSS et le HTML on sait jamais et j'ai fait quelques modifications au html
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="globe">
</div>
<ul id="menu">
</ul>
<ul id="menu_horizontal">
<li><a href="sitekuro.html"><img src="menu/acc.png" alt="Acceuil" /></a></li>
<li><a href="galeriesign.html"><img src="menu/sign.png" alt="Signature " /></a></li>
<li><a href="galeriewall.html"><img src="menu/wall.png" alt="Wallpapers" /></a></li>
<li><a href="galerievector.html"><img src="menu/vec.png" alt="Vectors" /></a></li>
<li><a href="galerieautre.html"><img src="menu/autr.png" alt="Autre" /></a></li>
<li><a href="infolien.html"><img src="menu/infli.png" alt="Infos et Liens" /></a></li>
</ul>
<div id="corps">
<h3>Présentation</h3>
<p>
Bonjour et bienvenue sur mon site !<br />
Vous ètes ici sur mon site =)
Je suis Graphiste <em> amateur </em> je graph depuis plus d'un ans mais depuis plus de 6mois sur Adobe Photoshop.<br>
Qui je pense est le meilleur logiciel pour ce que je fait =) . </br>
<br>J'espère que vous aprecirez ce que je fait ;-).</br></p>
</div>
</body>
</html>
- Code: Tout sélectionner
img
{
border: none;
}
body /* On travaille sur la balise body, donc sur TOUTE la page */
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: RGB(38,111,244)
}
a:hover
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: RGB(114,95,224);
}
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
font-family: serif;
}
#en_tete
{
width: 790px;
height: 100px;
background-image: url("./images/gally.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#corps
{
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
text-align: center;
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#textegeneral
{
text-align: center;
}
#menu
{
width: 350px;
}
h3,h4,h5
{
font-weight: bold;
}
ul#menu_horizontal li {
display : inline;
padding : 0; /* Pour espacer les boutons entre eux */
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal
{
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
img {
padding:0;
margin:0;
border:0;
}
- kurogane
- Bébé Pinguin
- Messages: 5
- Inscription: 14 Déc 2007 23:03
Page 1 sur 1
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités
