Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Lun 15 Juil 2019 - 22:53

1 résultat trouvé pour i

Header et logo sur toutes les résolutions d'écran. [Merci à ceux qui liront]

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://twistyraintest.forumactif.com/

Description du problème

Bonjour/soir à vous tous cheers !

Déjà, je tiens à vous remercier car ce n'est pas la première fois que je poste un problème ici et que vous êtes d'une grande aide.

Pour faire court, sur mon forum j'ai des bannières aléatoires en css en background et un cadre de forum avec le logo ressorti de celui-ci. Tout se passe très bien sur mon ordinateur (capture), mais c'est lorsque l'on passe à une résolution plus grand que le cadre du forum cache le header de fond comme cela : https://media.discordapp.net/attachments/490320332415172608/490962026206855177/unknown.png?width=954&height=473
https://media.discordapp.net/attachments/490320332415172608/490962038143582210/unknown.png?width=715&height=473
https://media.discordapp.net/attachments/490320332415172608/490958046256824340/unknown.png?width=960&height=449
https://media.discordapp.net/attachments/490320332415172608/490948553385050136/unknown.png?width=960&height=469

J'ai tout essayé ce que je savais : min-width, max-width, media query, #i logo et même de mettre un height et un width spécifique au background. Rien n'a fonctionné.

Voici ici mon css utilisé :
Code:
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

td.bodyline {
  padding: 0 0 10px 0;
}

div#page-body {
  margin: 0 10px;
}

@media (min-width: 1200px) {
    body {
        background-size: 100%;
    background-repeat: no-repeat;
    }
}
#i_logo { height: 450px; width: 100%;position:relative;z-index:999;margin-top:-7px !important;}
@media (min-width: 1200px) {
        .ban1 { background-image: url('https://zupimages.net/up/18/37/57vs.png'); }
        .ban2 { background-image: url('https://zupimages.net/up/18/37/kr2z.png'); }
        .ban3 { background-image: url('https://zupimages.net/up/18/37/iyiw.png'); }
        .ban4 { background-image: url('https://zupimages.net/up/18/37/0gpu.png'); }
}


Merci énormément à ceux qui m'ont lu et veulent m'aider, vous êtes des anges I love you.
par ssamiiex
le Dim 16 Sep 2018 - 22:57
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Header et logo sur toutes les résolutions d'écran. [Merci à ceux qui liront]
Réponses: 11
Vues: 414

Revenir en haut

Sauter vers: