image dans le bandeau

**dropthem** · 19/11/2009, 15h34

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

**copin** · 19/11/2009, 15h39

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

**dropthem** · 19/11/2009, 15h58

voici les codes de mon bandeau:

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
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

**copin** · 19/11/2009, 16h18

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 :

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

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 :

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

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 :

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
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 :

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
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.

**dropthem** · 19/11/2009, 16h29

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.

**copin** · 19/11/2009, 16h42

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.

image dans le bandeau

HTML

Vue hybride

Discussions similaires

Partager

Partager