vincz51 | Bonjour à tous et merci de m'accueillir, je suis actuellement en train de réaliser un site internet (pas de problème jusque là...). Cependant mes talents en Css ne s'arrête que pour la mise en forme des liens, c'est pas grand chose mais ça aide...
Ma question concerne ce site : www.ikki63.fr dont voici le code de la page d'accueil (j'ai remis le menu dans le code car il est en principe en php sur un fichier à part).
Code :
- <html>
- <head>
- <title>IKKI63.fr, Le site de la communauté Saint Seiya</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <meta name="description" content="conception de logos boutons lignes publicité interface pour page web">
- <meta name="keywords" content="gratuit,image,images,photo,photos,sms,internet,mp3,interface,kit,recherche,gif,referencement,gifs,bouton,france,logos,logo,pub,publicité,">
- <meta name="Author" content="phil by www.imalog.fr.st">
- <link rel="stylesheet" type="text/css" href="ikki63-1.css" /></head>
- <BODY BGCOLOR="#F4F4F4"BGPROPERTIES=FIXED LEFTMARGIN=5 MARGINWIDTH=5 TOPMARGIN=5 MARGINHEIGHT=5>
- <script language="Javascript"><!-- window.defaultStatus="---------------------- VOTRE NOM DE SITE ICI-------------------------- "; //-->
- </script>
- <TABLE width=828 align=center font color="black" >
- <TBODY>
- <TR vAlign=top>
- <TD width="933" height="923" vAlign=top class=navigation>
- <TABLE width="96%" height="895" cellPadding=0 bgcolor="#FFEEDD">
- <TBODY>
- <TR vAlign=top>
- <TD width=150 height="19"> </TD>
- </TR>
- <TR vAlign=top>
- <TD vAlign=top width=150 rowSpan=2><TABLE width="150" height="836" align=center>
- <TR borderColor=#ffffff>
- <TD width="143" height="830" align="left" valign="top" bgcolor="#FFEEDD"><p> </p>
- <p><font face="tahoma" size="2"><img src="design/ikki.gif" width="36" height="41" />Manga</font><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">L'oeuvre originale</font></em></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Episode G</font></em></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Next Dimension</font></em></a><br>
- <img src="design/menu-puce3.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Lost Canvas</font></em></a></p>
- <p><font face="tahoma" size="2"><img src="design/ikki.gif" width="36" height="41" />Animé</font><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">La série télé</font></em></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Le Sanctuaire</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Asgard</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Poséidon</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Hadès</font></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Les films</font></em></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Eris</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Asgard</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Abel</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Lucifer</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"> <a href="#"><font face="Book Antiqua" size="2">Tenkaï - Hen</font></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Les projets</font></em></a><br>
- <img src="design/menu-puce3.gif" width="9" height="14" align="left"> <a href="#"><em><font face="Book Antiqua" size="2">Les DVD</font></em></a></p>
- <p><font face="tahoma" size="2"><img src="design/ikki.gif" width="36" height="41" />Figurines</font><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"><a href="#"><em><font face="Book Antiqua" size="2">Les Vintages</font></em></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Rééditions</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Bootlegs</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Décors</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Customs</font></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"><a href="#"><em><font face="Book Antiqua" size="2">Les Myth Cloth</font></em></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Saint de Bronze</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Saint d'Argent</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Saint d'Or</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Marina</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2" >Les Spectres</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2" >Les Décors</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Customs</font></a><br>
- <img src="design/menu-puce2.gif" width="9" height="14" align="left"><a href="#"><em><font face="Book Antiqua" size="2">Divers Goodies</font></em></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Cellulo</font></a><br>
- <img src="design/menu-puce4.gif" width="26" height="14" align="left"><a href="#"><font face="Book Antiqua" size="2">Les Art Book</font></a><br>
- </p> </TD>
- </TR>
- <TBODY>
- </TBODY>
- </TABLE></TD>
- <TD width="676" height="835">
- <HR COLOR="#000080">
- <!-- PETITE TABLE LOGO 88 31 & 468 60-->
- <TABLE width="661" height="83" bgcolor="">
- <TR VALIGN="TOP" BORDERCOLOR="#000000">
- <TD WIDTH=651><DIV align=center><img src="design/banniere1-copie.jpg" width="656" height="120" align="absmiddle"></DIV></TD>
- </TR>
- </TABLE>
- <!-- FIN PETITE TABLE LOGO 88 31 468 68-->
- <HR COLOR="#000080">
- <TABLE width="99%" bgcolor="#FFEEDD">
- <TBODY>
- <TR vAlign=top>
- <TD height="23" colSpan=2 vAlign=top bgcolor="#FFEEDD">
- <DIV align=left>
- <DIV align=left><a href="http://www.ikki63.fr" target="_top"><font face="Book Antiqua" size="2">Accueil</font></a> - <a href="http://www.forum-ikki63.com/" title="Allez vers le forum" target="_top"><font face="Book Antiqua" size="2">Forum</font></a> - <a href="http://www.ikki63.fr/ikkior.php" target="_top"><font face="Book Antiqua" size="2">Ikki d'Or</font></a></DIV></TD></TR>
- <TR vAlign=top>
- <TD width=449 height="622" align="center" vAlign=top bordercolor="#FFFFFF" bgcolor="#FFEEDD">
- <DIV align=center>
- <P>
- <TABLE width="83%" align=center bordercolor="#FFFFFF">
- <TBODY>
- <TR vAlign=top>
- <TD width=355 height="247" align="center" bgcolor="#FFEEDD">
- <p>
- <TABLE width="90%" border=1 align="center" borderColor=#000000>
- <TBODY>
- <TR borderColor=#ffffff>
- <TD align="center" valign="top" bgcolor="#FFFFFF"><CENTER>
- <?
- if(!isset($_GET['page'])) { $i = '1'; } else { $i = $_GET['page']; }
- include('http://www.ikki63.fr/news/index.php?page='.$i);
- ?>
- </CENTER></TD></TR></TBODY></TABLE><BR>
- <!-- -->
- <BR>
- <!-- -->
- <BR>
- <!-- -->
- <BR>
- <!-- -->
- <!-- -->
- <BR>
- <!-- -->
- <HR COLOR="#000080">
- <font face="verdana" color="#000000" size="1" style="text-decoration:none">
- <DIV ALIGN="center"><!-- merci de laisser ma petite pub -->
- </DIV>
- </FONT></TD>
- </TR></TBODY></TABLE></P> </DIV></TD>
-
- <!-- TABLE MENU DROIT -->
- <TD width=196 vAlign=top bgcolor="#FFEEDD">
- <p> </p>
- <TABLE WIDTH=93% BORDER=1 align="center" BORDERCOLOR="#FFFFFF" BGCOLOR="#FFFFFF">
- <TR VALIGN="TOP" BORDERCOLOR="#000000">
- <TD bordercolor="#FFFFFF" bgcolor="#FFEEDD"><DIV align=CENTER><font face="verdana" color="#000000" size="1" style="text-decoration:none"><FONT
- color=#000000>
- <div align="center">
- <p><strong>CHAT</strong><BR>
- </p>
- <p><?php
- define('MYSPEACH_TEST', 1);
- $my_ms['root']="/home/www/509deb4638439704f72efea607403400/web/myspeach";
- include($my_ms['root'].'/chat.php');
- ?><BR>
- </p>
- </div></TD>
- </TR>
- </TABLE>
- <!-- FIN TABLE MENU DROIT --></TD>
- </TR></TBODY></TABLE></TD></TR>
- <TR></TR>
- <TR>
- <TD width=150 height="37"><div align="center"><font face="verdana" color="#000000" size="1" style="text-decoration:none">designed By <a href="mailto:dautel.vincent1@free.fr">Vincz</a></FONT></div></TD>
- </TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
- </BODY></HTML>
|
Comme vous pouvez le voir j'ai utilisé le code CSS suivant qui ce situe à la racine de mon site sur une feuille à part
Code :
- @charset "windows-1252";
- a:link {color: #000000; text-decoration: none}
- a:visited {color: #000000; text-decoration: none}
- a:hover {color: #666666; text-decoration: none}
- TABLE { border: 1px solid #F87136; }
|
Cependant avec ce code table, tous mes cadres sont mis en avant avec la bordure. Or ce n'ai pas du tout ce que je recherche, je souhaite juste pouvoir sélectionner le cadre dont j'ai seulement besoin afin de lui appliquer la bordure adéquate et non obtenir l'ensemble des bordures de mes tableaux comme cela est le cas actuellement est qui et vraiment peu esthétique.
S'il y a un moyen de réaliser ça je suis preneur. En fait je recherche juste la manière afin de comprendre pourquoi je n'y arrive pas, j'ai surfer pas mal sur le net, mais je n'ai trouver qu'une sombre histoire de balise <class> et <div> auquel je n'ai absolument rien compris car le vocabulaire est vraiment obscure et je n'arrive même pas à comprendre pourquoi il faut remettre le CSS dans le code de la page principale alors que pour pas mal d'autres ça marche sur un fichier à part ?
J'ai bien sur rechercher sur le forum, mais je n'ai pas du tout trouver une explication m'indiquant ne serai-ce la marche à suivre ou offrant une timide explication sur ce thème bien précis.
merci pour vos futurs réponses
cordialement
|