Atoma - background repeat multiple

Version imprimable

15/07/2008, 22h14
lepirlouit

Atoma - background repeat multiple

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 ?
15/07/2008, 22h17
Bisûnûrs

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.
15/07/2008, 22h39
lepirlouit

il restera toujours une différence entre firefox et internet explorer
15/07/2008, 22h43
Bisûnûrs

Pourquoi il resterait une différence ? :koi:
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.
15/07/2008, 22h51
lepirlouit

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.
15/07/2008, 23h08
Bisûnûrs

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.

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:

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

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

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:

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

(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:

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>

18/09/2008, 21h36
Halex78

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é :cry:
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