image de fond de bannière

[kooga]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://leclubhalieutis.forumactif.org

Description du problème

bonjour,
comme vous pouvez le voir sur l'imprim-écran, de part et d'autre de la bannière c'est inégal: côté gauche j'ai un montant gris (couleur de fond de bannière)et de l'autre pas.
comment faire pour soit rajouter un bord gris a droite, soit ôter celui de gauche ?

merci

[◦Jay◦]

Bonjour kooga, dans votre css, cherchez : #logo img et ajoutez :

Code:

margin-left:-4px;

Comme ceci :

Code:

#logo img {
    width: 100%;
 margin-left:-4px;
}

Bien à vous.

[kooga]

je pense que j'ai du faire des conneries car ça ne marche pas.
de plus j'ai suivi un tuto pour augmenter les palettes de couleurs mais ça ne marche pas non plus (vous le voyez dans le CSS)

une question, dans le CSS, on met tout à la file quand on a plusieurs lignes pour des opérations différentes ou il faut créer un autre CSS ?

[img][/img]


merci

[Ancients]

Bonjour

Pour ta CSS, tu mets tout sur cette page. A toi de bien l'organiser :

>> Tu choisis ta sélection,

Ex : une classe, un id, etc..

Code:

.class {}

Code:

#id {}

Tu dois bien mettre ta sélection entre :

Code:

{}

>> Ensuite tu mets toutes les proprioétés à appliquer à ta selection en les séparants de

;

>> Exemple :

Code:

.class {
    background-color: #fff; /* Couleur de fond */
    background-image: url([i]url de ton image[/i]); /* Image de fond */
    background-position: 0 0; /* Position de ton image */
    background-repeat: repeat-x; /* Répétition de ton image horizontale */
    border: 2px solid #fff; /* Bordure */
    margin-bottom: 4px; /* Marge extérieure */
    padding: 0 5px; /* Marge intérieure */
}

Pour bien organiser ta page, utilise des commentaires pour chaque sélections :

Code:

/*** TITRE GENERAL ***/
/* Action de sélection 1 */
.sélection1 {
propriété1: ;
propriété2: ;
propriété3: ;
}

/* Action de sélection 2 */
.sélection2 {
propriété1: ;
propriété2: ;
propriété3: ;
}

C'est important car tu n'as qu'une seule page CSS pour faire tes modifications, à toi de bien l'organiser.

J'espère que ceci t'as aidé

Bonne journée

[◦Jay◦]

Bonjour kooga, avez-vous bien validé la feuille CSS, je ne voies pas le code sur votre forum !

Veuillez déposer une copie de votre css ici entre balise code s'il vous plait.

Bien à vous.