bonjour,
voulant creer un nouveau site, surtout par volonté d'apprentissage, je me suis lancé dans le bazarre
j'essaye d'en faire le maximum par moi meme, et j'ai acheté aussi le bouquin d'alsacreation
mais il y a certains points ou je bloque complet, et donc requiers votre aide
les travaux sont ici :
http://kaillou.no-ip.info
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Kaillou.net - en construction</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="css.css" />
</head>
<body>
<div id="en_tete">
<h1>Le Portail </h1>
</div>
<div id="menu">
<div class="element_menu">
<h3>le site</h3>
<ul>
<li><a href="index.php">accueil</a></li>
<li><a href="news.php">les news</a></li>
<li>tutos</li>
<li>tests</li>
<li>services</li>
<li>forum</li>
</ul>
</div>
<div class="element_menu">
<h3>sites hebergés</h3>
<ul>
<li><a href="slac/index.html">slac</a></li>
<li>bss</li>
</ul>
</div>
<div class="element_menu">
<h3>ressources</h3>
<ul>
<li>info serveur</li>
<li>info site</li>
</ul>
</div>
<div class="element_menu">
<h3>recherche</h3>
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#F0F0F0">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25gry.gif"
border="0" alt="Google"></img></a>
<br/>
<input type="hidden" name="domains" value="kaillou.no-ip.info"></input>
<input type="text" name="q" size="20" maxlength="255" value=""></input>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked"></input>
<font size="-1" color="#000000">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="kaillou.no-ip.info"></input>
<font size="-1" color="#000000">kaillou.net</font>
</td>
</tr>
</table>
<input type="submit" name="sa" value="Rechercher"></input>
<input type="hidden" name="client" value="pub-9286901022285570"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="UTF-8"></input>
<input type="hidden" name="oe" value="UTF-8"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;blabla;"></input>
<input type="hidden" name="hl" value="fr"></input>
<input type="hidden" name="hl" value="fr"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google -->
</div>
</div>
<div id="pub">
<script type="text/javascript"><!--
google_ad_client = "pub-9286901022285570";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "000000";
google_color_bg = "F0F0F0";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="corps">
|
Citation :
<?
include("haut_de_page.php" );
?>
corps
<?
include("pied_de_page.php" );
?>
|
Citation :
</div>
</body>
</html>
|
et mon css :
Citation :
body
{
background-color: #F0F0F0;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
#en_tete
{
height: 120px;
background-color: #000000;
background-image: url("kaillou_fichiers/logo.jpg" );
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
border: 0px;
vertical-align: bottom;
}
#en_tete h1
{
text-align: right;
margin-top: 0px;
margin-right: 20px;
color: #FFFFFF;
position: relative;
top: 85px;
}
#menu
{
float: left;
width: 180px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
padding-top: 0px;
}
.element_menu
{
background-color: #F0F0F0;
border: 2px solid black;
margin-bottom: 0px;
padding-left : 0px;
padding-top : 0px;
margin-top: 0px;
padding-right: 0px;
margin-left: 5px;
margin-right: 5px;
}
.element_menu h3
{
border: 2px solid black;
background-color: #000000;
padding-left: 0px;
padding-right:0px;
padding-top: 0px;
margin-top: 0px;
}
#pub
{
margin-top: -1px;
margin-left: 180px;
padding-left: 0px;
padding-bottom: -5px;
text-align: center;
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: black; /* Les liens seront en noir au lieu de bleu */
}
#corps
{
margin-left: 200px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
padding: 5px;
text-align: justify;
background-color: #F0F0F0;
background-image: url("images/motif.png" );
background-repeat: repeat-x;
border: 2px solid black;
}
h1, h3
{
text-align:center;
}
h3
{
background-color:black;
color:white;
font-size:0.9em;
margin-bottom:0px;
}
.news p
{
background-color:#CCCCCC;
margin-top:0px;
}
.news
{
width:70%;
margin:auto;
}
|
bon presenter comme ca, j'admet que c'est un peu indigeste , desolé
gros probleme : IE n'active pas tout ce qui est dans les menus
ni les liens (il y a en pas pour chaque elements...), ni les trucs de recherches google...
alors que ca marche bien avec ff
Message édité par kaillou38 le 07-11-2005 à 11:41:17
---------------
ras