Probleme affichage

Résolu/Fermé
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018 - Modifié par nox979 le 19/02/2013 à 18:38
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018 - 20 févr. 2013 à 18:34
Bonjour,

je suis en train d'etudier comment cree un site et j'ai un livre de ca, je fais exactement ce qu'il me dit j'ai tout verifier mais rien ne ce passe ... peut-etre que il ya une erreur dans le livre...
le probleme c'est que l'arriere plan s'affiche pas: dans le livre il me dit voila telecharge cette image il et 40pix de large , 30pix en bleu et 10pix en blanc.
Normalement le resultat doit etre que cette image ce mets en arriere plan avec 24 kolonne de 30px de large.
donc ce que je met dans le mijnstylesheet.css :

body {
text-align:

}

#container {
margin: 0 auto;
width: 950px;
background: url('grid.gif');
}

puis je dois mettre un autre fichier qui s'appele reset.css
qui contient: ( a ca j'ai pas toucher car il me dit met le dans filezille)

html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

et dans le HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Lenteconcert</title>
<link rel="stylesheet" href="reset.css" type="text/css" media="screen"
title="no-title" charset="utf-8" />
<link rel="stylesheet" href="mijnstylesheet.css" type="text/css"
media="screen" title="no title" charset="utf-8" />
</head>
<body>
<div id="container">
<div id="intro">
<h1>Lenteconcert Mei</h1>
<p>Welkom op onze fantastiche pagina over het lenteconcert. Zoals
steeds hebben we grootste zorg besteed aan de selectie
van de muzikanten</p>
<p>We zijn er van overtuigd dat u een fantastiche concert
tegemoet gaan</p>
</div>
<div id="muzikanten">
<ul>
<li>
<h2><span class="instrument">Cello</span> Kurt Fransen</h2>
<img src="kurt.jpg" width="230" height="347" alt="Kurt" />
<p>Kurt Fransen is een begenadigd Cellospeler die door zijn
jaranelangs ervaring de mooiste klanken uit zijn instrument haalt</p>
<p>Hij heeft al jarenlang ervaring en is één van onze vaste
waarden</p>
</li>
<li>
<h2><span class:"instrument">Pauken</span>Jan Hendrickx</h2>
<img src="jan.jpg" width="230" height="258" alt"jan" />
<p>De pauken zijn in goede handen bij jan. Met veel kracht
zet hij de ritme onder elk muziekstuk</p>
</li>
<li>
<h2><span class="instrument">Viool</span>jef Haantjes</h2>
<img src="jef.jpg" width="230" height="302" alt="jef" />
<p>Jef haantjes is nor zo'n oudgediende die een echte meerwaarde
geeft aan ons gezelschap.</p>
<p>We zijn heel blij dat hij ook dit jaar zijn kunsten ten berde brengt
</p>
</li>
<li>
<h2><span class="instrument">Fagot</span> Bert Cuypers</h2>
<img src="bert.jpg" width="230" heigth="308" alt="Bert" />
<p>In internationale orkesten is Bert een graag gezien
gast. We zijn vereerd dat we één van de beste fagotspellers
ter wereld in onze rangen hebben</p>
</li>
</ul>
</div><!-- einde muzikanten -->
</div><!-- einde container -->
</body>
</html>

j'ai verifier 3x pour voir si j'ai mal recopie met tout et identique
merci a celui qui a du temps a perdre pour m'aider




4 réponses

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
20 févr. 2013 à 08:34
Salut,

background: url('grid.gif'); //affiche l'image qu'une seule fois.
background: url('grid.gif') repeat; //l'image se répète.
background: url('grid.gif') repeat-x; // l'image se répète horizontalement.
background: url('grid.gif') repeat-y; // l'image se répète verticalement.

Si vous n'utilisez pas de class css sur la balise "body", il est inutile de la laisser incomplète dans votre feuille style .
0
bg62 Messages postés 23640 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 septembre 2024 2 381
20 févr. 2013 à 12:05
:)
mais ...
- 1 pourquoi mettre tout cela en 'gras' ( = hurler !!! )
- 2 le code donné, ben finalement ... on s'y perd complétement 7
... donc "cool" + une chose à la fois, merci ;)
0
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018
20 févr. 2013 à 12:43
comme je l'ai dit j'ai du copier tout ca sur pspad pour voir ce que ca fait pour me montre comment ca fonctionne , ( comme je suis des cours)
mais quand je vois que il me donne pas le resultat je me demande ce que je fait de faux,

je vais essayer ce que tryan44 me dit avec le background.

mais j'ai pas compris "Si vous n'utilisez pas de class css sur la balise "body", il est inutile de la laisser incomplète dans votre feuille style . "

tout ce que j'ai fais ce de recopier.

Merci
0
nox979 Messages postés 61 Date d'inscription mercredi 27 juin 2007 Statut Membre Dernière intervention 20 septembre 2018
20 févr. 2013 à 18:34
ok , je tester avec repeat-y
rien ne ce passe ...
0