Div qui prend trop de place
totoyo47
Messages postés
260
Date d'inscription
Statut
Membre
Dernière intervention
-
totoyo47 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
totoyo47 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je crée un blog personnel. Pour mes billets, il y a une image sur laquelle est superposée le titre. Jusque là, j'ai le résultat escompté.
Par contre, la div du titre est toujours présente sous la div image, et je n'arrive pas à me débarrasser de ce gros carré vide, comme vous pouvez le constater sur la capture ci-dessous :
http://image.noelshack.com/fichiers/2015/06/1423411731-billet.png
Le CSS de l'image :
Et celui du titre :
Je vous remercie d'avance de votre aide et reste à votre disposition pour toutes informations complémentaires.
Je crée un blog personnel. Pour mes billets, il y a une image sur laquelle est superposée le titre. Jusque là, j'ai le résultat escompté.
Par contre, la div du titre est toujours présente sous la div image, et je n'arrive pas à me débarrasser de ce gros carré vide, comme vous pouvez le constater sur la capture ci-dessous :
http://image.noelshack.com/fichiers/2015/06/1423411731-billet.png
Le CSS de l'image :
#image-titre-billet div img {
position: relative;
max-width: 100%;
max-height: auto;
width: auto\9;
height: auto;
}
Et celui du titre :
#image-titre-billet #billet-titre h2{
position: relative;
display: inline-block;
bottom: 180px;
padding: 16px;
color: white;
background-image:linear-gradient(to right, rgba(0,0,0,1) 35%, rgba(0,0,0,0.2));
width: 100%;
}
Je vous remercie d'avance de votre aide et reste à votre disposition pour toutes informations complémentaires.
3 réponses
bonsoir,
Je ne suis pas sûr d'avoir compris le problème mai je pense que si j'avais l'url de la page je m'apercevrai qu'il y a un fichier javascript qui force le z-index ou autre et que toute tentative en css échouera.
Je ne suis pas sûr d'avoir compris le problème mai je pense que si j'avais l'url de la page je m'apercevrai qu'il y a un fichier javascript qui force le z-index ou autre et que toute tentative en css échouera.
Désolé, je ne peux pas vous fournir d'url car le site n'est pas encore en ligne.
Pour le CSS, j'utilise Bootstrap 3.3.2 qui a besoin de JQuery (2.1). Je ne sais pas si ces informations suffiront à vous aiguiller :/
En dehors de cela, je ne me sers pas de javascript car je ne le maitrise pas.
Pour le CSS, j'utilise Bootstrap 3.3.2 qui a besoin de JQuery (2.1). Je ne sais pas si ces informations suffiront à vous aiguiller :/
En dehors de cela, je ne me sers pas de javascript car je ne le maitrise pas.
salut
bien qu'il serait bon d'avoir le code complet au lieu d'un image pas du tout compréhensible, je pense qu'il s'agit de ca
bottom: 180px;
supprimes cette ligne et remplace par un margin-top
bien qu'il serait bon d'avoir le code complet au lieu d'un image pas du tout compréhensible, je pense qu'il s'agit de ca
bottom: 180px;
supprimes cette ligne et remplace par un margin-top