Probleme position background

Fermé
Utilisateur anonyme - 22 déc. 2016 à 15:00
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 23 déc. 2016 à 12:35
bonjour sur mon site otakuplayer.fr



j'ai descendu le block pour avoir un meilleur rendu avec le fon d'écran .. hors malgres les tentatives avec z-index la partie du background est caché avait vous des astuces ? merci a vous



code utilisé : <div style="height:250px;display:block;"> </div>
A voir également:

1 réponse

Salut,

quand je regarde votre page(accueil):


<html lang="fr" itemscope="" itemtype="//schema.org/Blog">
<head> <script>


Est à la ligne 87.Ce qui veut dire que tout ce qui se trouve avant est faux!

Commencez par apprendre HTML et l'utiliser correctement avant d'avoir à utiliser CSS.
Le mieux est d'utiliser une feuille de style externe(pour le réutiliser sur toute les pages, pouvoir le changer sans toucher au HTML, varier les feuilles de styles...).

Mais ça ne change rien aux règles de HTML:
La balise <html>(ouvrante) indique le début de la page. La balise <head>(ouvrante et fermante même si la fermeture n'est plus obligatoire en HTML5 ) contient les informations de configuration de la page, comme le CSS(via style en interne - mais ce n'est pas recommandé) ou le lien vers la feuille de style(soit avec l'élément <link /> soit @import).

Pour commencer je vous conseille ceci:

https://www.google.fr/search?q=apprendre+HTML5


Que vous pouvez compléter par
https://www.google.fr/search?q=apprendre+CSS

Une fois compris le principe et en sachant l'appliqué(c'est assez simple mais implique de la rigueur comme toute syntaxe et grammaire) vous pouvez utiliser le manuel officiel des langages.

Pour z-index par exemple:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Sans oublier que si vous indiquez une valeur pour z-index cela changera les valeurs des autres z-index des éléments.

"la partie du background est caché" N'est ce pas la définition même d'un background(arrière plan)? Si l'arrière plan est au dessus des autres ce n'est plus l'arrière plan mais un élément de la page donc traitez le en conséquences.
1
Vous n'avez pas très bien compris z-index il me semble. En regardant votre code catastrophique(mal fait, mal placé et lourd à utiliser comme à lire:
utilisez les class et id CSS ça coûte rien et ça permet beaucoup!

z-index définit UNE position lorsque des éléments se superposent.
Imaginez une pile de feuille de papier. Chacune à un ordre 1 pour la feuille du fond, 2 pour celle au dessus etc... jusqu'à la dernière.
Dans votre code on lit:

<p><a style="position: fixed;z-index: 9; left : 34.2% "

Déjà il manque le point virgule qui indique la fin d'une propriété CSS. Comme dans une pile de feuilles plusieurs feuilles peuvent avoir la même position(ill n'y aura qu'une seule 9ème position )? Cela montre que vous n'avez pas compris la propriété.
Vos connaissances en HTML et CSS étant déplorable je vous conseille de commencer par les bases(accessible à un enfant de 10 ans en quelques minutes!) afin de partir sur quelque chose de correct. En clair vu la qualité de votre travail le plus simple est de recommencer plutôt que de perdre du temps à vouloir faire quelque chose avec un travail qui n'est pas correct.
Une fois les bases acquises vous pouvez vous intéressé à des choses plus spécifiques, p.e:

https://www.google.fr/search?q=le+positionnement+en+CSS
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
23 déc. 2016 à 12:35
lut;)
effectivement un codage, surtout au niveau de la CSS plus que HS ... :)
0