Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2009-01-19 16:14:10

pierreL
Membre
Inscription : 2005-09-04
Site Web

CSS, hauteurs des blocs par paliers

Bonjour,

Peut-on fixer la hauteur de la page,  le bloc , par paliers de 20px , par exemple ?

C'est juste pour accorder un motif ( les images des blocs entre elles )


Quelques notes sur DotClear: http://www.111reportages.net/dot2008/a8/

Hors ligne

#2 2009-01-19 21:04:30

jmh2o
Membre
Lieu : Charleroi
Inscription : 2009-01-05
Site Web

Re : CSS, hauteurs des blocs par paliers

pierreL a écrit :

Peut-on fixer la hauteur de la page,  le bloc , par paliers de 20px , par exemple ?

En CSS-feuille de style, par bloc de 20px, non je ne vois pas.

C'est juste pour accorder un motif ( les images des blocs entre elles )

Ta question n'est pas très compréhensible. Un exemple peut-être ?

Hors ligne

#3 2009-01-20 06:09:47

Mirovinben
M comme Mathusalem
Lieu : Dole (Jura)
Inscription : 2007-02-06
Site Web

Re : CSS, hauteurs des blocs par paliers

Si on peut contraindre la largeur d'un bloc, il est bien plus difficile d'en forcer la hauteur. Car, généralement les navigateurs se débrouillent pour afficher entièrement le contenu, soit en augmentant cette hauteur soit en "passant par dessus" les bordures.

Quant à un incrément fixe... je ne vois pas comment faire via des CSS. Grosso modo et pour faire simple, je dirais que les CSS, dans leur version actuelle, savent afficher en fonction de valeurs (forcées ou implicites) mais pas lire/calculer/modifier ces valeurs.

Hors ligne

#4 2009-01-20 08:00:54

pierreL
Membre
Inscription : 2005-09-04
Site Web

Re : CSS, hauteurs des blocs par paliers

C'est pas grave.

Je voulais juste un background raccord aussi sur la hauteur , pour un tartan.

Et des hauteurs fixes  ?


Quelques notes sur DotClear: http://www.111reportages.net/dot2008/a8/

Hors ligne

#5 2009-01-20 09:12:56

jmh2o
Membre
Lieu : Charleroi
Inscription : 2009-01-05
Site Web

Re : CSS, hauteurs des blocs par paliers

Mais çà, justement, c'est possible.
Par exemple, dans le thème "Noviny", les lignes verticales "tirets" qui séparent les catégories sur la page d'accueil.

En CSS, il s'agit de travailler sur le background (arrière plan). Il est possible de mettre l'URL d'une image qui se possitionnera à l'arrière plan. Et cette image peut être répétée horizontalement et/ou verticalement.

<div id="monBonFond">...</div>

#monBonFond {
background-color : transparent ;
background-image : url(img/image.png) ;
background-position : top left ;
background-repeat  : repeat-y ;
}

Dans l'exemple, l'arrière plan du div dont l'id = MonBonFond sera :
* transparent
* affichera l'image image.png
* l'origine de l'image sera en haut à gauche
* l'image sera répétée en hauteur en fonction de la hauteur que prendra la division

Pour plus d'explication, voyez les nombreux tutoriel présent sur le web.

Hors ligne

#6 2009-01-20 09:29:52

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : CSS, hauteurs des blocs par paliers

jpho, d'après ce que j'ai compris, PierreL souhaitait savoir s'il y avait moyen en css de dire à un bloc : "tu dois prendre une hauteur qui soit un multiple de 20px" pour que la répétition de son image de background tombe toujours pile poil  (et la réponse est non, PierreL, ça doit être faisable avec du javascript mais est-ce si nécessaire ?)


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#7 2009-01-20 10:29:18

pierreL
Membre
Inscription : 2005-09-04
Site Web

Re : CSS, hauteurs des blocs par paliers

Oui c'est de la coquetterie . Tu lis en moi Koz. Mais j'adore les tissus écossais.

Et en fixe ?


Quelques notes sur DotClear: http://www.111reportages.net/dot2008/a8/

Hors ligne

#8 2009-01-20 10:30:34

jmh2o
Membre
Lieu : Charleroi
Inscription : 2009-01-05
Site Web

Re : CSS, hauteurs des blocs par paliers

Effectivement, l'image ne tombera pas pile poil, comme vous dites. Mais effectivement en css pur, pas de solution en vue.

Hors ligne

#9 2009-01-20 10:33:20

pierreL
Membre
Inscription : 2005-09-04
Site Web

Re : CSS, hauteurs des blocs par paliers

******* l'image sera répétée en hauteur en fonction de la hauteur que prendra la division**********

C'est le contraire que je cherche , si je t'ai compris.


Quelques notes sur DotClear: http://www.111reportages.net/dot2008/a8/

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map