Page 1 sur 1

calque

Publié : 24 juin 2007, 15:15
par blabla
bonjour,

Je débute sur NVU et je voudrais savoir comment créer un calque et si est-ce possible. Merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Publié : 24 juin 2007, 16:08
par Mongo Bob
Impossible. Ni NVU ni Kpz n'incluent la notion de calque, tu as dû essayer et échouer à trouver où serait mentionné le mot "calque".
La notion de "calque" a été inventée par l'éditeur web Dreamweaver en mélangeant les utilisations de 3 balises : <layer>, <div> et <span>, ceci sans souci d'une quelconque cohérence par rapport au langage html. Ce qui n'enlève rien à quelques solides qualités que possède le Dreamweaver en question, par ailleurs.
Mais on s'en passe trés bien, de la notion de calque...
http://css.alsacreations.com/Bases-et-i ... -un-calque

Essaie d'échanger NVU contre Kpz, et les choses deviendront plus faciles :
http://www.geckozone.org/forum/viewtopic.php?t=51228

Bon courage :wink:

Publié : 25 juin 2007, 21:22
par blabla
merci Mongo Bob pour ton info qui m'a bien éclairé.

Je ne connais pas le css, comment créer un "calque", pourriez-vous me dire quel script y correspond. merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Publié : 25 juin 2007, 21:45
par Ymai
Bonjour
blabla a écrit :merci Mongo Bob pour ton info qui m'a bien éclairé.
Il me reste un petit doute:
Mongo Bob a écrit :Impossible. Ni NVU ni Kpz n'incluent la notion de calque,
Bref, il faut abandonner l'idée et travailler autrement. Pouvons-nous connaître le but? Cela permettra sans doute de préciser une méthode de travail possible.

[edit]J'ai sérieusement grillé MB sur ce coup-là. Diable, servons-lui une http://www.bierebel.com/index.php?page=duvel pour le consoler[/edit]

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)

Publié : 25 juin 2007, 23:02
par Mongo Bob
blabla a bien dit :
1/
merci Mongo Bob pour ton info qui m'a bien éclairé.
et

2/
Je ne connais pas le css, comment créer un "calque", pourriez-vous me dire quel script y correspond. merci

:?: Y'a pas un smiley pour un type qui se gratte la tête :?:


:!: Soyons insistants : pas de notion de calque dans les propriétés css :!:

Publié : 26 juin 2007, 12:25
par blabla
Salut,

J'avais compris que les calques n'existent pas avec nvu mais je voulais savoir si avec les scripts css il y a une manière d'arriver a quelque chose de similaire.

Je souhaite mettre une image et par dessus y inscrire "entrée" de manière à ce que ce mot soit cliquable permettant aux visiteurs de passer à la page d'accueil. Est-ce qu'il y a un moyen d'y arriver avec ce logiciel sinon comment je peux faire ? merci. Je dois reconnaitre que l'informatique n'est pas mon point fort. :oops:


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Publié : 26 juin 2007, 14:49
par Mongo Bob
Ymai a raison, il fallait commencer par ça :
blabla a écrit :Je souhaite mettre une image et par dessus y inscrire "entrée" de manière à ce que ce mot soit cliquable permettant aux visiteurs de passer à la page d'accueil.
vu que c'est pas un calque. Le mot "entrée" est dans un bloc, ce mot est lié à la page d'accueil, le bloc est déclaré en css comme disposant de l'image de fond que tu as choisi, mais je sens que ça ne suffira pas, faudrait un bout de code... un peu à la bourre, là, moi, repasserai par ici, à moins que Ymai ou chinon m'ait grillé (ce qui m'arrangerait, d'ailleurs).



Merci pour les bières virtuelles, c'est toujours ça... :?

Publié : 26 juin 2007, 17:09
par Ymai
Bonjour
Plus je connais KompoZer, plus je me dis que ceux qui cherchent une solution permettant de réaliser une page web en trois clics ne peuvent qu'être déçus.
Pour terminer cette minute d'introspection, je dirai encore que ce que j'apprécie, c'est qu'il n'est que difficilement possible de réaliser quelque chose de correct sans comprendre ce que l'on fait. C'est donc un bon outil didactique.

Tout ceci pour en venir à dire qu'il n'y a rien à faire: je crains que personne ici ne parviendra à donner des trucs et astuces pour faire ceci ou cela en sélectionnant telle ou telle commande dans tel sous-menu.
Tout est possible -et même facilement- avec KompoZer, à condition de savoir ce que l'on fait.
Pour finalement répondre à la question, un bout de code, mais dont je me demande s'il peut être utile sans un cours complet à côté.

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
  <style type="text/css">
#calque {
border: 2px solid green;
width: 150px;
height: 100px;
background-color: red;
background-repeat: no-repeat;
background-image: url(image.gif);
font-size: 2em;
text-align: center;
padding-top: 1em;
}
  </style>
</head>
<body>
<div id="calque"><a href="lapage.html">Entrer</a></div>
</body>
</html>
J'ai donc défini un bloc (que j'ai coloré en rouge pour le rendre visible) et dont le fond serait occupé par l'image nommée "image.gif" qui se trouverait dans le même répertoire que le document HTML.
A partir de là, toutes les variantes sont possibles.

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)

Publié : 26 juin 2007, 19:26
par chinon37
j'ajouterais (mais ça fera redondance) que ce que demande notre invité blablateur consiqte uniquement à créer un conteneur générique. On applique ensuite une image de fond à ce conteneur (css). Ensuite on entre le texte dans ce conteneur de façon classique et basique. On applique à ce texte un lien qui envoie vers la page d'accueil.

En fait quelques clics droits et le tour est joué... pour un débutant.
Si non débutant, il est possible d'affiner avec une superbe feuille de style.
En commençant par quelques bons tutoriels ...