Probleme de lien pour mon site
linesa
Messages postés
2
Statut
Membre
-
linesa Messages postés 2 Statut Membre -
linesa Messages postés 2 Statut Membre -
Bonjour,
Je suis sur un projet de site web dont voici le plan :
[img]http://ww38.zepload.com/images/1210076504_Plan du site.png[/img]
http://ww38.zepload.com/images/1210076504_Plan du site.png
Dans le menu, qui est un tableau à 14 cellules, j'ai des liens, je voudrais que lorsque je clique sur ceux-ci, le résultat s'affiche dans la partie corps, qui est un tableau à une cellule.
De plus, je n'arrive pas à centrer le design sur la page.
Je voudrais aussi savoir s'il existe une propriété css pour faire des bords de tableau arrondis.
Voici le code html utilisé :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Accueil 2</title>
<link rel="stylesheet" media="screen" type="text/css" title="Accueil" href="Style.css">
</head>
<body>
<div id="en_tete">
<table style="width: 908px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody align="center">
<tr align="center">
<td style="width: 893px; text-align: center; vertical-align: middle;"><img style="width: 892px; height: 100px;" alt="" src="Accueil/Banniere.jpg"></td>
</tr>
</tbody>
</table>
<br>
</div>
<div id="menu">
<table style="width: 125px; height: 416px; text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-weight: bold;">
<td style="text-align: left;">Site</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Accueil.html" target="fenetre">Accueil</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined">Forum</td>
</tr>
<tr>
<td align="undefined" valign="undefined">Top-sites</td>
</tr>
<tr>
<td align="undefined" valign="undefined">Livre
d'or</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liens.html" target="">Liens</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Me%20lier.html" target="fenetre">Me lier</a></td>
</tr>
<tr style="font-weight: bold;">
<td align="undefined" valign="undefined">Sailor
Moon</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Histoire.html" target="fenetre">L'histoire</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Timeline.html" target="fenetre">La timeline</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20episodes.html" target="fenetre">Liste
des épisodes</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20personnages.html" target="fenetre">Personnages</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20galeries.html" target="fenetre">Galeries</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20gifs.html" target="fenetre">Gifs</a></td>
</tr>
</tbody>
</table>
</div>
<div id="corps">
<table style="width: 765px; text-align: center;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<div style="text-align: left;">Bienvenue sur
TheCyberMoonWorld !<br>
</div>
<br>
<div style="text-align: left;">C'est un petit
site axé sur la version animée de Sailor
Moon.<br>
<br>
Vous trouverez des images, des gifs, des fiches persos,...<br>
<br>
Bonne visite !<br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="pied_de_page">
<table style="text-align: left; width: 908px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<div style="text-align: center;">©Bishôjo
Senshi Sailor Moon : Naoko Takeuchi / Toei Animations / Kodansha /
Bandaï Visual / Ab Productions / MMP /</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Et aussi le code css utilisé :
body
{
margin: center;
margin-top: 20px;
margin-bottom: 20px;
background-color:#FFC0FF;
font-family: "Monotype Corsiva","Time New Roman", "Arial",serif;
}
table
{
margin: auto;
border-collapse: collapse;
border: 1px solid red;
}
td
{
border: 1px solid red;
}
#en_tete
{
margin: auto;
}
#menu
{
float: left;
width: 120px;
margin-top: 10px;
}
#corps
{
margin-left: 140px;
widht: 618px;
height: auto;
text-align: left;
margin-top: 30px;
margin-bottom: 40px;
}
#pied_de_page
{
margin: auto;
text-align: auto;
}
Je suis sur un projet de site web dont voici le plan :
[img]http://ww38.zepload.com/images/1210076504_Plan du site.png[/img]
http://ww38.zepload.com/images/1210076504_Plan du site.png
Dans le menu, qui est un tableau à 14 cellules, j'ai des liens, je voudrais que lorsque je clique sur ceux-ci, le résultat s'affiche dans la partie corps, qui est un tableau à une cellule.
De plus, je n'arrive pas à centrer le design sur la page.
Je voudrais aussi savoir s'il existe une propriété css pour faire des bords de tableau arrondis.
Voici le code html utilisé :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Accueil 2</title>
<link rel="stylesheet" media="screen" type="text/css" title="Accueil" href="Style.css">
</head>
<body>
<div id="en_tete">
<table style="width: 908px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody align="center">
<tr align="center">
<td style="width: 893px; text-align: center; vertical-align: middle;"><img style="width: 892px; height: 100px;" alt="" src="Accueil/Banniere.jpg"></td>
</tr>
</tbody>
</table>
<br>
</div>
<div id="menu">
<table style="width: 125px; height: 416px; text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-weight: bold;">
<td style="text-align: left;">Site</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Accueil.html" target="fenetre">Accueil</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined">Forum</td>
</tr>
<tr>
<td align="undefined" valign="undefined">Top-sites</td>
</tr>
<tr>
<td align="undefined" valign="undefined">Livre
d'or</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liens.html" target="">Liens</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Me%20lier.html" target="fenetre">Me lier</a></td>
</tr>
<tr style="font-weight: bold;">
<td align="undefined" valign="undefined">Sailor
Moon</td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Histoire.html" target="fenetre">L'histoire</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Timeline.html" target="fenetre">La timeline</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20episodes.html" target="fenetre">Liste
des épisodes</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20personnages.html" target="fenetre">Personnages</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20galeries.html" target="fenetre">Galeries</a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a href="Liste%20des%20gifs.html" target="fenetre">Gifs</a></td>
</tr>
</tbody>
</table>
</div>
<div id="corps">
<table style="width: 765px; text-align: center;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<div style="text-align: left;">Bienvenue sur
TheCyberMoonWorld !<br>
</div>
<br>
<div style="text-align: left;">C'est un petit
site axé sur la version animée de Sailor
Moon.<br>
<br>
Vous trouverez des images, des gifs, des fiches persos,...<br>
<br>
Bonne visite !<br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="pied_de_page">
<table style="text-align: left; width: 908px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<div style="text-align: center;">©Bishôjo
Senshi Sailor Moon : Naoko Takeuchi / Toei Animations / Kodansha /
Bandaï Visual / Ab Productions / MMP /</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Et aussi le code css utilisé :
body
{
margin: center;
margin-top: 20px;
margin-bottom: 20px;
background-color:#FFC0FF;
font-family: "Monotype Corsiva","Time New Roman", "Arial",serif;
}
table
{
margin: auto;
border-collapse: collapse;
border: 1px solid red;
}
td
{
border: 1px solid red;
}
#en_tete
{
margin: auto;
}
#menu
{
float: left;
width: 120px;
margin-top: 10px;
}
#corps
{
margin-left: 140px;
widht: 618px;
height: auto;
text-align: left;
margin-top: 30px;
margin-bottom: 40px;
}
#pied_de_page
{
margin: auto;
text-align: auto;
}
A voir également:
- Probleme de lien pour mon site
- Site de telechargement - Accueil - Outils
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
