image dans le bandeau

Version imprimable

19/11/2009, 15h34
dropthem

image dans le bandeau

J'ai mis une image dans le bandeau, mais il y a un scoll et l'image est trop grande. Comment faire pour quelle prenne juste la taille du bandeau et que je puisse mettre des liens vers d'autres pages html que j'ai faites( les liens devraient être sur l'image du bandeau et non pas plus bas).
merci d'avance
19/11/2009, 15h39
copin

Bonjour,

Pourrais-tu nous fournir un peu de code?

A la lecture de la description de ton problème, tu devrais te pencher sur l'utilisation d'une css afin:
-De mettre tes liens dans un élément (Exemple <div></div)
-De mettre ton image en background via la css

:mrgreen:

voici les codes de mon bandeau:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!-- Déclaration de type de document. -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
	<head>
		<!-- Déclaration du codage de caractères -->
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>bandeau</title>
 
		<style>
                        body
                                {
                                        font-family: blue, Arial, sans-serif;
                                        margin: 0px;
                                        
                                }
                        .titre
                                {       
                                        color: purple;
                                        font-size: 150%;
                                        font-variant: small-caps;
                                        font-weight: bold;
                                }
 
                                   
                </style>
	</head>
	<body>
	<img src="fond-ecran-montagne-enneigee.jpg" width="50%" height="50%" target="_top" scroll="none">
			<table width="100%" height="100%">
				<tr>
					<td valign="top" width="12%"><a href="Diff-marques.html" target="PageDeGarde">Différentes marques</td>
					<td valign="bottom" align="right"><a href="index.html" target="_top"><img src="home.gif" width="32" height="32" border="0" alt="Index"></td>
	  			</tr>
 
			</table>
	</body>
	</head>
</html>

pourriez vous me proposer des codes.
merci d'avance

Re,

Pense à utiliser les balise lorsque tu insères du code dans le forul

Ton code comporte quelques erreurs.
- Tes balise <a href=""> ne sont pas fermées. N'oublie pas de mettre </a>

Code:

1
2
 
<a href="Diff-marques.html" target="PageDeGarde">Différentes marques</a>

Pour mettre en place le background, il faut spécifier celui-ci dans la balise <table ....>

Le code

Code:

target="PageDeGarde"

n'est pas valide. Le target d'un lien peu prendre uniquement les valeurs; _blank, _parent, _self ou _top

Pour obtenir ceci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<!-- Déclaration de type de document. -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<!-- Déclaration du codage de caractères -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bandeau</title>
 
<style>
body
{
font-family: blue, Arial, sans-serif;
margin: 0px;
 
}
.titre
{
color: purple;
font-size: 150%;
font-variant: small-caps;
font-weight: bold;
}
 
 
</style>
</head>
<body>
<table width="100%" height="100%" background="fond-ecran-montagne-enneigee.jpg">
<tr>
	<td valign="top" width="12%"><a href="Diff-marques.html" target="_blank">Différentes marques</a></td>
	<td valign="bottom" align="right"><a href="index.html" target="_top"><img src="home.gif" width="32" height="32" border="0" alt="Index"></a></td>
</tr>
 
</table>
</body>
</head>
</html>

Si tu souhaites faire quelques choses d'un peu plus propre. Tu peux exploiter les styles. Comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!-- Déclaration de type de document. -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<!-- Déclaration du codage de caractères -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bandeau</title>
 
<style>
body
{
font-family: blue, Arial, sans-serif;
margin: 0px;
 
}
.titre
{
color: purple;
font-size: 150%;
font-variant: small-caps;
font-weight: bold;
}
 
.table{ background-image:url(fond-ecran-montagne-enneigee.jpg); 
 width:100%;
 height:100%;
}
 
</style>
</head>
<body>
<table class="table">
<tr>
	<td valign="top" width="12%"><a href="Diff-marques.html" target="_blank">Différentes marques</a></td>
	<td valign="bottom" align="right"><a href="index.html" target="_top"><img src="home.gif" width="32" height="32" border="0" alt="Index"></a></td>
</tr>
 
</table>
</body>
</head>
</html>

Pour connaitre un peu mieux le language html/css, je te conseille la lecture des turoriaux Ici.

:mouarf:

19/11/2009, 16h29
dropthem

Merci beaucoup. LA seule chose, pour le target de Diff-marques, j'ai du mettre PageDeGarde pour que ca s'affiche dans le body et non sur une autre page.
Mais merci beaucoup pour tout.
19/11/2009, 16h42
copin

Si tu souhaites afficher le contenu de ton lien dans la même page tu ne mets pas l'option target="" celle-ci est facultative et n'est utile que lorsque tu souhaites ouvrir le lien dans une nouvelle fenêtre ou un autre élément.

:mrgreen: