28172 sujets

CSS et mise en forme, CSS3

[Résolu] Mettre un lien

bonjour,

mon souhait SVP c'est de mettre un lien, l'image comme intro mais il me manque de mettre un lien dans le code voilà comme suit:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Fabinta Ndiyae</title>
	<meta name="description" content="" />
	<meta name="keywords" content="fabinta,ndiaye,sénégal,chant,islamique,islamique" />
<style>
html, body, #bg, #bg table, #bg td {
	height:100%;
	overflow:hidden;
	width:100%;
}
#bg {
	height: 200%;
	left: -50%;
	position: absolute;
	top: -50%;
	width: 200%;
	z-index: -200;
}
#bg td {
	text-align:center;
	vertical-align:middle;
}
#bg img {
	min-height:0%;
	min-width:0%;
}
.conteneur {
	position:relative;
	width:1024px;
	height:600px;
	margin:auto;
}
.texte {
	border:1px solid #000;
	background:#FFF;
	padding:5px;
	position:absolute;
	top:430px;
	left:10px;
	opacity:0.7;
	filter : alpha(opacity=70);
	color:blue;
	font-weight:bold;
}
body {
	background-image: url();
	background-repeat: no-repeat;
}
</style>
<link href="tablette.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="conteneur" id="bg">
  <table cellspacing="100" cellpadding="100">
		<tr>
			<td><a href="accueil.html"><img src="images/intro5.png" alt="">
		</tr>
  </table>
</div>
</body>
</html>





merci infiniment Smiley decu Smiley ohwell
Modifié par 6l20 (08 Mar 2013 - 09:28)
Salut,

tu veux bien encadrer ton code entre les bonnes balises, et reformule ton besoin, car là comprend rien...

peut etre que tu veux mettre une image (intro) en tant que lien ? si c'est ça il suffit de mettre une balise a et de mettre une balise <img> entre l'ouvrante (<a> ) et la fermante (</a> )
Bonjour,

regardez du côté des tutos sur alsacreations pour parfaire votre apprentissage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fabinta Ndiyae</title>
<meta name="description" content="" />
<meta name="keywords" content="fabinta,ndiaye,sénégal,chant,islamique,islamique" />
<style>
html, body, #bg, #bg table, #bg td {
height:100%;
width:100%;
}
#bg td {
text-align:center;
vertical-align:middle;
}
#bg img {
min-height:0%;
//min-width:0%;
}
.conteneur {
position:relative;
width:1024px;
height:600px;
margin:auto;
}
.texte {
border:1px solid #000;
background:#FFF;
padding:5px;
position:absolute;
top:430px;
left:10px;
opacity:0.7;
filter : alpha(opacity=70);
color:blue;
font-weight:bold;
}
body {
background-image: url();
background-repeat: no-repeat;
}
</style>
<link href="tablette.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="conteneur" id="bg">
<table cellspacing="100" cellpadding="100">
<tr>
<td><a href="accueil.html"><img src="http://lorempixel.com/200/200" alt=""/></a></td>
</tr>
</table>
</div>
</body>
</html>
upload/48681-Capturedec.png


le code s'est bien mis mais juste les deux scrolls qui dérange un peu Smiley decu

ça peux se faire sans scrolls svp, que sa viens automatique, tout dépend de navigateur?


merci d'avance
Sujet clos
Aller à