2017-07-27 1 views
-1

J'ai utilisé Cincopa pour créer un curseur d'image en plein écran pour mon blogger. J'ai utilisé ce code:Comment créer un espace sous le gadget HTML/widget de sorte qu'il se situe entre l'en-tête et les articles de blog principaux?

#HTML4 { 
    position: relative; 
    top: 0; 
     right: 0; 
     bottom: 0; 
     left: 0; 


} 

Et il a fini par ressembler à ceci: image of their issue #1

Cependant, si vous faites attention, il y a encore des marges blanches sur les côtés. Ce qui signifie que ce n'est pas un vrai en-tête plein écran. Depuis que je sais que les positions fixes ne sont pas réalisables, et je veux être en mesure de faire défiler le widget, j'ai utilisé une position absolue.

#HTML4 { 
position: absolute; 
top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 


} 

Cependant, il a fini par ressembler à ceci: derrière mon blog principal et sa barre latérale.

image of their issue #2

Je changé le Z-index, et encore, il chevauche mes principaux postes. Cette fois-ci, cependant, c'est devant/au-dessus de mes messages principaux, plutôt que derrière. Tout sur le curseur est déjà parfait - il est interactif, il est plein écran, etc. Cependant, peu importe combien j'essaie de modifier le haut et le bas du nouveau code, il ne bougera pas vers le haut. Je veux que le curseur soit entre mon en-tête et ma barre latérale + le corps principal du corps du blog, sans bouger mon corps principal du blog et la barre latérale tout le long. Oui, je sais que je devrais faire la position relative pour que cela se produise, mais comme vous pouvez le voir, quand je fais la position relative, le widget pour le curseur ne passe pas en plein écran. Ce n'est que lorsque la position est définie sur absolu qu'elle devient en plein écran. Cependant, en position absolue, elle chevauche les messages principaux et la barre latérale de mon blog, au lieu d'avoir assez d'espace pour pousser les messages principaux et la barre latérale comme si la position était relative.

Comment puis-je y remédier? Mon objectif est de créer un curseur d'image plein écran, ce qui signifie que HTML4 ne devrait avoir aucune marge latérale, mais il devrait également être positionné relativement afin que vous puissiez le défiler, etc.

Merci si jamais!

Répondre

0

Pouvez-vous ajouter plus de code à la question?

Par ailleurs essayer

position:relative; 

dans la barre latérale ..

Mais apprécierions si vous ajoutez plus de code pour visualiser.