Div qui prend trop de place

Question

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 :
#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.

Configuration: Windows 7 / Firefox 35.0

codeurh24 · Answer

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.

totoyo47 · Answer

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.

animostab · Answer

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

Div qui prend trop de place

3 réponses

Votre réponse

Discussions similaires