A
Leech;2156936 a dit :Les filles, j'ai besoin d'aide . Je suis en train de faire un site web à base d'html et de css. Mais je galère trop pour les liens internes.
Mes onglets sont des images, j'aimerais accéder aux pages en cliquant dessus mais j'arrive pas à trouver quel code mettre, comment le mettre en place dans mon document, etc.
Énéide;2157473 a dit :Des images cliquables si j'ai bien compris ?
Si c'est ça, il suffit d'encadrer la balise image par une balise lien :
<a href="..."><img src="..."></a>
Leech;2158812 a dit :Mais j'écris quoi pour les "....". Je mets juste "index.html" et "index.png" ou il faut que je mettre le chemin plus précis (images/....) ?? (je suis trop une buse, haha....)
Beyondzewords;2158936 a dit :Chemin plus précis, idéalement, tu remets tout le chemin depuis le http://
Leech;2159002 a dit :En chemin précis j'ai "file:///G:/1site%20web/silence/miametcinema.html" pas sûre que ça marchera avec ça... C'est un projet pour la fac, donc c'est pas destiné à être mis en ligne.
<!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" >
<head>
<title>Wolowizzard</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import 'index.css';
</style>
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu">
</div>
<div id="tardis_accueil">
<img src="tardis_accueil.png" width="306px" height="480px"alt="Tardis" id="tardis_accueil" />
</div>
<h1> It's bigger on the inside </h1>
<div id="pied_de_page">
</div>
</body>
</html>
body
{
background-image: url("background_britain.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
position:absolute;
}
h1
{
text-align:center;
font-family:"Arial Black",Georgia,serif;
font-weight:lighter;
color:black;
font-variant:small-caps;
line-height:19em;
float:right;
overflow:auto;
margin-left:50px;
}
#tardis_accueil
{
position:absolute;
top:5%;
left:50%;
margin-top:1px;
margin-left:153px;
}
Igel;2191108 a dit :Quand tu dis "le chemin est bon", tu veux dire que tout est bien dans le même dossier sur le serveur Free ? Tu as vérifié la syntaxe de la ligne
@import 'index.css';
(sur des tutos, des exemples...) c'est les bons guillemets ? Je crois que j'aurais plutôt mis un truc du genre
<link rel="stylesheet" type="text/css" href="index.css" />
Sinon, c'est du code CSS, pas du PHP
Après je peux pas vraiment en dire plus, depuis le temps que j'en ai pas fait... Comme dit un peu plus haut, tu trouveras de très bons tutos sur le site du zéro.