css avec nvu

Invité · Message par **Invité** » 24 juin 2007, 18:11

voila jŽaimerais savoir comment peut on utiliser le css avec nvu car jŽessaye de mettre un fond de page avec ce code en lŽinserant dans du HTML:

<style type="text/css">
{
width: 760px;
margin: auto; margin-top: 20px; margin-bottom: 20px; background-image:

url(
http://i18.servimg.com/u/f18/11/11/59/52/fond_
210.jpg); }
</style>

mais le fond nŽapparait pas.

merci pour votre aide.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Message par **Ymai** » 24 juin 2007, 18:48

Bonjour
La méthode la plus simple pour débuter en CSS est certainement d'utiliser KompoZer et son éditeur KaZcadeS qui améliore nettement les capacités limitées de NVU.
http://www.geckozone.org/forum/viewtopic.php?t=51228

Pour ce qui est du code proposé ici, une chose me frappe dès l'abord: les directives de styles ne sont attribuées à aucun élément.
Dans la "correction" ci-dessous, j'ai inventé le sélecteur "LeNomDunBloc" qui est, bien sûr, à remplacer par le nom du sélecteur souhaité.

Code : Tout sélectionner

<style type="text/css">
LeNomDunBloc
{
width: 760px;
margin: auto; margin-top: 20px; margin-bottom: 20px; background-image:
url(
http://i18.servimg.com/u/f18/11/11/59/52/fond_
210.jpg); }
</style>

Autre chose: la ligne contenant le n om de l'image est-elle vraiment brisée? Auquel cas, il faudrait la rassembler.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firefox/2.0.0.4 (Ubuntu-feisty)

Mongo Bob · Message par **Mongo Bob** » 25 juin 2007, 19:19

Ymai a écrit :la ligne contenant le n om de l'image est-elle vraiment brisée? Auquel cas, il faudrait la rassembler.

C'est bien pour ça que le lien ne fonctionne pas on ne peut retrouver cette image qu'en ayant ça tel que :
http://i18.servimg.com/u/f18/11/11/59/52/fond_210.jpg
Cette image devrait quand même être chargée sur le disque dur au lieu d'être liée vers le site d'images qui la propose. Chargée et travaillée pour être aux dimensions adéquates pour s'adapter à l'élément que Invité veut. On ne sait pas lequel, d'élément, peut-être le <body> puisqu'il parle de fond de page.
Ymai pour ton code faut peut-être une "id" (ou une classe, je sais pas) au sélecteur? (un oubli bien excusable après 8 h de cours?

) : Ce serait donc plutôt :

Code : Tout sélectionner

<style type="text/css">
#LeNomDunBloc
{
width: 760px; etc......}

et html :

Code : Tout sélectionner

<body id="LeNomDunBloc">
ma page s'étale fièrement
</body>

Enfin, bref, Invité, ça dépend ce que tu veux faire...

Message par **Ymai** » 25 juin 2007, 21:40

Mongo Bob a écrit : Ymai pour ton code faut peut-être une "id" (ou une classe, je sais pas) au sélecteur? (un oubli bien excusable après 8 h de cours? ) :

Le jour du Seigneur, mon fils? Mmmmhhh...

Ce serait donc plutôt :
Code : Tout sélectionner
<style type="text/css">
#LeNomDunBloc
{
width: 760px; etc......}
et html :
Code : Tout sélectionner
<body id="LeNomDunBloc">
ma page s'étale fièrement
</body>

La remarque a, bien sûr, le mérite de clarifier mon propos. Mais le sélecteur peut aussi être une balise HTML native. Je pensais à "body", par exemple.

Code : Tout sélectionner

<style type="text/css">
body
{
etc......}

et html :

Code : Tout sélectionner

<body>
ma page s'étale fièrement
</body>

Parce que, attribuer un "id" à "<body>" qui n'est forcément présent qu'à un seul exemplaire, c'est du gaspillage

.

Et hop, je renvoie la balle. C'est Wimblezone ou Geckoldon ici?
I will be the Nelson Monfort of KompoZer, sinon rien. Je serai anything else que le N.M. de KompoZer.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firefox/2.0.0.4 (Ubuntu-feisty)

Mongo Bob · Message par **Mongo Bob** » 25 juin 2007, 22:50

Ymai a écrit :j'ai inventé le sélecteur "LeNomDunBloc" qui est, bien sûr, à remplacer par le nom du sélecteur souhaité.

Certes, le nom de ce sélecteur peut être une balise native html, certes, certes...
Par ailleurs, je me retiens le droit, par pure jubilation de couper les css en 4, de disposer d'un <body> stylé "x" sur une page et d'un 2ème <body> stylé "y" sur une autre et donc, icelui, avec une "id". Mais je reconnais, c'est du vice...

et pendant ce temps, Invité est parti en vacances, sans souci des ratiocinations ainsi provoquées par lui... Tiens, une bonne bière, moi...

Message par **Ymai** » 25 juin 2007, 23:55

Mongo Bob a écrit : c'est du vice...

Allez, je sers une http://www.bierebel.com/index.php?page=fruit_defendu virtuelle en attendant...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firefox/2.0.0.4 (Ubuntu-feisty)

Geckozone

css avec nvu

css avec nvu

Qui est en ligne ?