Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

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

#1 17/03/2008 12:27:11

Skblllz
Membre
Inscription : 13/03/2008
Messages : 6

Comment placer un logo/image en dehors du bandeau

Bonjour,

c'est un souci de mise en page.

Voir ici pour comprendre: http://www.ccenghien.be/zite/

J'ai dû faire un bandeau de la hauteur du logo.
(J'en ai profité pour placer des images mais c'est parce que
c'est pour habiller cet espace.)

Je souhaiterais limiter le bandeau en hauteur,
mais je veux garder les dimensions actuelles du logo.

La seule possibilité - que je vois - c'est de placer ce logo
dans une boîte DIV.
Mais je dois également positionner précisément cette boîte...

Il y a - peut-être - une solution en javascript ?

Est-ce grave docteur ?

Skblllz

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

J'ai un peu cherché entretemps et en chipotant avec Web developer de Firefox, il me semble que #divbot le fait. Exact ?

Dernière modification par Skblllz (17/03/2008 12:58:43)

Hors ligne

#2 18/03/2008 00:17:37

mapaje
Membre
Inscription : 09/06/2007
Messages : 81

Re : Comment placer un logo/image en dehors du bandeau

Bonsoir,

Ce serait pas plutôt top que bot?

Essaie en div class= "bot (ou top)" qui sera enfant de div top (ou bot) tout en pouvant procéder à des ajustements de marge left et mettre en float left. Enfin si tu n'y arrives pas, envoie template et css pour qu'on puisse tester.

A+
JP

Hors ligne

#3 18/03/2008 00:39:25

Skblllz
Membre
Inscription : 13/03/2008
Messages : 6

Re : Comment placer un logo/image en dehors du bandeau

mapaje a écrit :

Bonsoir,

Ce serait pas plutôt top que bot?

Essaie en div class= "bot (ou top)" qui sera enfant de div top (ou bot) tout en pouvant procéder à des ajustements de marge left et mettre en float left. Enfin si tu n'y arrives pas, envoie template et css pour qu'on puisse tester.

A+
JP

Bonjour, je viens de recevoir votre message.

Non, non, c'est bien #bot dans la css

#bot {
    width: 900px;
    border-bottom: 1px solid #777;
    background-image: url(deco/topbg.png);
    font-size: 75%;
    text-align: center;
    margin:0;
    mapping: 0;
    color: #225;
}

mais je devais être fatigué car ça ne fait pas du tout ce à quoi je pensais.

Je "baisse les volets" pour reprendre ce WE et regarder - à tête reposée - votre proposition.
car j'ai le même souci ici http://www.ccenghien.be/ avec le logo.

Je vais avoir un "renfort caisse" ce WE également et vous transmettrai la solution - si il y a.

Merci

Skblllz

Hors ligne

Pied de page des forums