Bannière et logo, taille, redimensionnement

[SwissDavid]

Bonjour à tous.

désolé mais j'ai cherché partout et je n'arrive pas à trouver.

J'ai une bannière que j'aimerais mettre en haut du forum, j'aimerais que cette bannière prenne toute la place du rectangle gris et que quand on reduise la page elle s'ajuste et ne reste pas fixe comme actuellement.

Comment faire s'il vous plait ?

J'ai crut comprendre qu'il fallait que je modifie la feuille CSS mais pour le moment je ne sais pas comment et avec quoi.

Merci d'avance.

J'ai mis l'image dans "logo du forum" afficher titre non et laissé vide la description du forum.

Est ce correct ou dois je faire autrement ? (Ce n'est pas à un problème si je n'ai pas de description de forum ?)

Encore merci pour votre aide,

David

[SwissDavid]

Bonjour, quelqu'un peut il m'aider s'il vous plait ?

Je pense que ce doit être assez facile mais faut connaitre comment...

Merci d'avance,

David

[SwissDavid]

Désolé mais up

[adam_sfp]

bonjour
avez vous essayez en la mettant dans description de site??

[SwissDavid]

Bonjour,

merci pour ta réponse.

si je le met dans description de site j'ai juste l'adresse de l'image.
j'ai essayé avec [img] avec <img> et sans rien

[adam_sfp]

bonjour
essayez ceci

Code:


<img src="http://i86.servimg.com/u/f86/14/36/00/59/forum_14.jpg">


[SwissDavid]

Merci encore.
Alors avec ce code j'arrive à mettre l'image mais j'ai toujours le meme probleme, càd quand on diminue la fenetre, la taille de l'image reste fixe.

J'ai essayé dans le titre aussi idem

[babarette33]

Bonjour,
Dans ton CSS, tu cherches:

.logo-desk

et tu colles ceci

Code:

background-position: center top;
background-image: url(http://i86.servimg.com/u/f86/14/36/00/59/forum_14.jpg);
background-repeat: no-repeat;
height: 57px;

[SwissDavid]

Merci à toi,

je sens que c'est plutôt par la en effet que je vais trouver ma solution.

J'ai remis le logo dans logo du forum, enlever la description et ne pas afficher le titre.

Voici ce que j'ai dans mon css

Code:

html div#logo-desc #logo {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://i86.servimg.com/u/f86/14/36/00/59/forum_14.jpg');
   height: 45px;
   width: 274px;
   cursor: hand;
   }


Sachant qu'il faut m'expliquer aussi comment modifier le CSS,
j'ajoute juste le code ou je dois desactiver le css de base et copier coller le css de base modifié dans l'emplacement ?

Donc il me faudrait ce qu'il faut modifier dans le CSS puis comment le faire.
Désolé si je suis un boulet

Encore merci

[adam_sfp]

bonjour
avez vous essayez en supprimant cette partie de ccs justement?
(en faisant une sauvegarde avant..)

[SwissDavid]

Pour le moment, rien de tout cela fonctionne.

Je crois avoir comprise que je copie colle le css entier modifié dans la feuille de style et je laisse activer le css de base.

Néanmoins je n'arrive pas à changer un code qui résoudrait mon problème, càd que le logo change de dimension quand on diminue la fenêtre ou quôn a un écran plus petit, qu'il s'adapte à la fenêtre quoi.

Rappel du code ou est placé le logo:

Code:

* html div#logo-desc #logo {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://i86.servimg.com/u/f86/14/36/00/59/forum_14.jpg');
   height: 45px;
   width: 274px;
   cursor: hand;
   }


Merci d'avance pour votre aide

[babarette33]

Bonsoir Swissdavid,
Tu l'as mis où ce code?
Pour travailler sur ton CSS, tu dois ouvrir;
Panneau d'administration
Affichage
Couleurs
Feuille de style CSS
Voir le css de base de mon forum
une fenêtre s'ouvre --> tu sélectionnes TOUT puis Copier
tu fermes cette fenêtre et COLLER dans la zone en principe vierge de ton CSS
Valider

Et tu contrôles si Désactiver le CSS de base est bien sur NON

Ensuite tu devrais trouver quelque chose présenté comme ceci où tu retrouves bien ton logo-desk, tu y rajoutes le code que t'ai donné plus haut

Code:

/* Header-------------------------------------------------*/
.headerbar {
   background-color: #ffffff;
   background-image: url('http://illiweb.com/fa/vide.gif');
   margin-bottom: 4px;
   padding: 0pt 5px;
   background-repeat: repeat-x;
   }
* html .headerbar {
   height: 1%;
   
/* Hack IE layout */
}
*+ html .headerbar {
   min-height: 1px;
   }
#logo-desc {
   margin: 0px;
   padding: 0px;
   text-align: left;
   }
#logo {
   float: left;
   padding: 5px;
   }
a#logo:hover {
   text-decoration: none;
   }


[SwissDavid]

Ça y est j'ai suivi !!! Merci déjà !!

Par contre maintenant ça ne dépasse plus, c'est super mais ça mange au fur et à mesure l'image quand on réduit la fenêtre.

Est ce qu'il n'y pas moyen que l'image devienne de plus en plus petite en gardant toutes les informations de l'image, juste qu'elle devienne plus petite ?

Merci beaucoup déjà !

[babarette33]

Oui mais elle est très large (un peu plus de 1000 px) donc c'est inévitable.
Je l'ai déclarée en position center donc elle est tronquée à gauche et à droite.
Tu peux la positionner à gauche elle ne sera ainsi tronquée qu'à droite. Pour ce faire tu modifies cette ligne

background-position: left top;

[Irina]

Bonjour,

Aucune relance de la part du créateur du sujet depuis plus de 5 jours! Je considère donc ce problème comme étant résolu et je le déplace dans la corbeille pour céder la place aux problèmes en cours.

Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.