Discussion :

[Isfates]

Bonjour à tous,

J'ai une page web dans laquelle j'ai une image de fond et j'utilises des div qui ont également leur propre image de fond sur laquelle il y a du texte (une sorte de cadre).

Pour du texte standard, tout se passe bien, mais dès que j'ai une nouvelle balise (lien, titre,...) à l'intérieur de ma div l'image de fond de la div s'efface sur la zone concernée.

Voilà le résultat


Voilà monde code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="cadre_texte2">
This is a test<br/>
<a href="#">This is a link</a><br/>
<h1>This is a title></h1>
</div>

Et mon code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
#cadre_texte2{
	width:800px;
	height:300px;
	margin:0 auto;	
	color:#000;
	text-align:left;
	background-attachment: scroll ;
	background-position:50% top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url(cadre.PNG);
{
	width:800px;
	height:20px;
	margin:0 auto 0 auto ;	color:#000;
	text-align:center;
	background-attachment: scroll ;
	background-position:50% top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url(baniere2.PNG);
}

Comment dois-je m'y prendre?

Merci d'avance.

[Invité]

Bonjour,


1/ erreur dans le CSS : trop d'accolades, ou il manque un bout !

2/ on ne peut pas avoir 2 fois id="border".
Un id doit être unique.
Sinon, on utilise une class.

[Isfates]

Cela dit, en enlevant les 'div id="border"' et l'accolade de trop, le problème reste le même

[Invité]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

	height:20px;

Il faut ouvrir les yeux... et être plus rigoureux.

• Les meilleurs cours et tutoriels pour apprendre le CSS