Probleme de lien pour mon site

Fermé
linesa Messages postés 2 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 6 mai 2008 - 6 mai 2008 à 14:41
linesa Messages postés 2 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 6 mai 2008 - 6 mai 2008 à 14:53
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;
}

2 réponses

HostOfSeraphim Messages postés 6746 Date d'inscription jeudi 2 février 2006 Statut Contributeur Dernière intervention 31 juillet 2016 1 610
6 mai 2008 à 14:47
Pour les tableaux arrondis, regarde ici :

http://www.amaryllidaceae.org/web-jardin/CSS/moz-border-radius.htm

Attention, ça ne marche pas sur IE.
0
linesa Messages postés 2 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 6 mai 2008
6 mai 2008 à 14:53
Merci pour ton lien HostOfSeraphim.
(Si les liens ne marchent pas, copier-collez-les dans votre navigateur web.)
0