Atoma - background repeat multiple

**lepirlouit** · 15/07/2008, 22h14

Bonjour,

je suis en train de creer un template pour joomla,
et on aimerais creer un truk genre cahier atoma,

un seul problème qu'on rencontre, c'est comme le contenu des pages est variable en hauteur, l'arrière plan devrait être répété X fois en entier, pour éviter d'avoir un demi anneau.

est-ce-que cela est-il possible ?

**Bisûnûrs** · 15/07/2008, 22h17

A la limite tu peux calculer la hauteur du conteneur qui doit avoir l'image en fond en Javascript, ou mieux encore avec un langage serveur comme PHP pour que celle-ci tombe juste X fois le nombre d'anneaux, mais ce n'est pas faisable en CSS uniquement.

**lepirlouit** · 15/07/2008, 22h39

il restera toujours une différence entre firefox et internet explorer

**Bisûnûrs** · 15/07/2008, 22h43

Pourquoi il resterait une différence ?

Si tu dis à ton conteneur de faire 300px de haut, il fera 300px de haut que ce soit sur IE ou sur Firefox. Cela exclut bien évidemment les différents padding que tu peux mettre à ce conteneur, et cela inclut que tu utilises un DOCTYPE complet et valide.

**lepirlouit** · 15/07/2008, 22h51

oki, donc j'devrait plus me tourner vers une solution javascript,

y a plus qu'a s'informer de ce coté là.

le doctype est celui de joomla :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?><html xmlns="http://www.w3.org/1999/xhtml">

--------------

donc en gros en pseudo langage:
- je demande la hauteur de la div,
- puis je calcule l'entier supérieur et
- après je set.

c'est tout bête en fait ?

-------

dsl, je réfléchit à haute voix.

**Bisûnûrs** · 15/07/2008, 23h08

C'est tout à fait ça.

Et si tu pouvais arriver à éditer le fichier de Joomla pour enlever le prologue XML dans les deux lignes que tu viens de montrer, ça serait parfait.

**lepirlouit** · 16/07/2008, 11h57

quel est le problème avec le prologue xml ?

sinon pour ajuster la taille, j'ai aucun idée comment récupérer la taille qu'il y a déjà

j'ai bien trouvé ceci pour changer la taille :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 var xpath = function(query) {
  return document.evaluate(query, document, null,
         XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
 };
 
  var tas = xpath('//div[@class="content_middle"]');
  var ta = tas.snapshotItem(0);
  document.write("Hello World");
  document.write(ta.style.height);
  ta.style.height = '3000px';

donc ceci affiche juste Hello World sans afficher la taille
ps : je suis un n00b en javascript, je me débrouille.

======================

edit :

j'ai trouvé :
- clientHeight

quand j'aurai fini mon code, je le posterai et je mettrai résolu.

merci à toi Bisûnûrs

**Bisûnûrs** · 16/07/2008, 12h18

Le prologue XML fait passer IE en mode Quirks : en gros, il ne calcule plus de la même manière la hauteur que Firefox.

Pour récupérer la hauteur en Javascript, tu peux faire simplement :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

var hauteur = document.getElementById('id_de_ton_div').offsetHeight;

**lepirlouit** · 16/07/2008, 12h39

(selon le forum http://www.geekzone.fr/ipb/lofiversi...hp?t37099.html
(offsetHeight ne fonctionnait pas sous firefox
(et ils conseillent d'utiliser clientHeight
(j'utilise donc clientHeight

voici la solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
  const h=66;
 
 var xpath = function(query) {
  return document.evaluate(query, document, null,
         XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
 };
 
  var tas = xpath('//div[@class="content_middle"]');
  var ta = tas.snapshotItem(0);
  var division;
  division=ta.clientHeight/h;
  division=Math.floor(division);
  division++;
  division*=h;
  ta.style.height = division + 'px';
} 
 
</script>

**Halex78** · 18/09/2008, 21h36

Bonsoir, quelqu'un pourrait il m'expliquer le code ci dessus (je ne fais pas de javascript), j'ai l'impression que c'est la solution à mon problème qui se pose depuis le début de l'été

Je souhaite en fait afficher un fond avec des motifs, mais ils ne s'afficheraient qu'en entier (ce sont des motifs crénelés qui ne se suivent pas lorsqu'ils ne sont pas entiers), il y en a sur les deux côtés du div, et en haut et en bas des motifs similaires, ce sont les bords du parchemin qui fait office de fond de page.

Sauriez vous m'aider ? Cela fait un cetain nombre de fois que je crée des sujets pour ce problème, mais probablement pas dans la bonne section (css auparavant).
http://www.developpez.net/forums/d61...otifs-entiers/

Merci de votre réponse... Enfin j'espère

Atoma - background repeat multiple

JavaScript

Discussions similaires

Partager

Partager