[CSS] mon nouveau site, pleins de questions a la con

mon nouveau site, pleins de questions a la con [CSS] - HTML/CSS - Programmation

Marsh Posté le 05-11-2005 à 14:25:14    

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
Reply

Marsh Posté le 05-11-2005 à 14:25:14   

Reply

Marsh Posté le 05-11-2005 à 14:25:37    

liste des problemes resolu :
 

  • penser a ne pas mettre d'espace entre pour le px bourdel...
  • quand il y a un bug d'affichage avec  IE, ne pas chercher a comprendre, ca aura peut etre disparu d'ici la fin de la creation de la page...


Message édité par kaillou38 le 08-11-2005 à 01:45:45

---------------
ras
Reply

Marsh Posté le 05-11-2005 à 22:09:42    

C'est quoi le menu que tu veux décaler ? La pub est où ?

Reply

Marsh Posté le 05-11-2005 à 22:21:57    

ben clique sur le lien [:ddr555]
 
c'est tous les menus a gauche et la pub qui est sous la banniere
j'arrive pas a les faire bouger...


---------------
ras
Reply

Marsh Posté le 05-11-2005 à 22:23:32    

J'ai cliqué sur le lien mais euh, Adblock me l'a viré :D
Tu veux les faires bouger comment ? les mettres plus à droite ?

Reply

Marsh Posté le 05-11-2005 à 22:24:55    

oui, eviter qu'ils soit coller a gauche, quand je met un margin_left: 20px, pour la classe menu, ca bouge pas


---------------
ras
Reply

Marsh Posté le 06-11-2005 à 12:34:40    

up


---------------
ras
Reply

Marsh Posté le 06-11-2005 à 12:48:56    

Déja vire les frames :o

Reply

Marsh Posté le 06-11-2005 à 15:21:30    

Flyman30 a écrit :

Déja vire les frames :o


 
ou tu vois des frames?
 
c'est arsys qui fait ca pour avoir une redirection transparente (j'heberge sur mon serveur, localisé dans mes chiottes...)
 
si tu veux la version normale :
 
http://kaillou.no-ip.info/essai.php

Message cité 1 fois
Message édité par kaillou38 le 06-11-2005 à 15:24:10

---------------
ras
Reply

Marsh Posté le 06-11-2005 à 15:48:33    

kaillou38 a écrit :

ou tu vois des frames?
 
c'est arsys qui fait ca pour avoir une redirection transparente (j'heberge sur mon serveur, localisé dans mes chiottes...)
 
si tu veux la version normale :
 
http://kaillou.no-ip.info/essai.php


 

Code :
  1. #menu
  2. {
  3.   float: left;
  4.   width: 180px;
  5.   margin-left: 10px;
  6.   margin-right: 20px;
  7.   }


 
pas d'espaces entre le chiffre et px  :)  

Reply

Marsh Posté le 06-11-2005 à 15:48:33   

Reply

Marsh Posté le 06-11-2005 à 15:58:11    

grr, j'y avais fait gaffe jusqu'a present en plus :(
 
merci


---------------
ras
Reply

Marsh Posté le 06-11-2005 à 21:52:40    

up, nouveau probleme d'affichage avec IE, voir premier post


---------------
ras
Reply

Marsh Posté le 07-11-2005 à 08:25:27    

kaillou38 a écrit :

up, nouveau probleme d'affichage avec IE, voir premier post


 
donne une hauteur à #corp  

Reply

Marsh Posté le 07-11-2005 à 11:00:03    

je comprend pas trop pourquoi ca ferait quelquechose (j'ai essayé quand meme de mettre height:1000px; dans #corps, histoire de pas passer pour un con), puisque c'est le menu qui pose probleme et non le corps,  par contre, je l'ai aussi fait dans mon menu pour voir, mais cela ne fait rien non plus...


---------------
ras
Reply

Marsh Posté le 07-11-2005 à 11:15:11    

404 sur le lien :(

Reply

Marsh Posté le 07-11-2005 à 11:41:29    

Je@nb a écrit :

404 sur le lien :(


 
corrigé...


---------------
ras
Reply

Marsh Posté le 07-11-2005 à 11:56:11    

Tu as un problème d'encodage si tu supprime les accents ça passe... tu utilise UTF-8 vérifie que tu enregsitre bien tes pages sous ce format dans ton logiciel de création de page.  ;)

Reply

Marsh Posté le 07-11-2005 à 11:57:40    

Ha ben ça marche maintenant tu as corrigé ?

Reply

Marsh Posté le 07-11-2005 à 12:08:55    

non, j'ai rien fait de special, et chez moi ca marche toujours pas (ctrl + F5 powa...)
 
c'est qu'avec IE mon probleme...
 
(et comment en fait pour voir en quelle langue on encode, je suis sous debian)

Message cité 1 fois
Message édité par kaillou38 le 07-11-2005 à 12:10:21

---------------
ras
Reply

Marsh Posté le 07-11-2005 à 12:42:16    

kaillou38 a écrit :

non, j'ai rien fait de special, et chez moi ca marche toujours pas (ctrl + F5 powa...)
 
c'est qu'avec IE mon probleme...
 
(et comment en fait pour voir en quelle langue on encode, je suis sous debian)


http://files.shawt.net/users/Flyman30/kaillou.png
 
Avec IE6 FR  

Reply

Marsh Posté le 07-11-2005 à 13:43:33    

je crois qu'il n'as plus de PB de placement mais que IE bug sur tous ce qui est lien et/ou interactif (cadre Google par ex.)
c'est le cas aussi depuis chez moi avec IE mais je ne voit pas pourquoi...
 
...désolé  :(


---------------
D3
Reply

Marsh Posté le 07-11-2005 à 13:59:15    


 
le fait que ca s'affiche, d'accord, mais est ce que tu peux faire une recherche avec le cadre google, ou cliquer sur les liens par exemple (accueil, news et slac sont actifs)?


---------------
ras
Reply

Marsh Posté le 07-11-2005 à 14:01:29    

mechkurt a écrit :

je crois qu'il n'as plus de PB de placement mais que IE bug sur tous ce qui est lien et/ou interactif (cadre Google par ex.)
c'est le cas aussi depuis chez moi avec IE mais je ne voit pas pourquoi...
 
...désolé  :(



effectivement, je viens d'enlever la pub google et ca marche :(
 
je vais mailer google de ce pas...

 
si je prend firefox pour tester, ca va pas aller :non:
 
j'ai enlever la recherche pour tester, et ca ne marche toujours pas
 
sans la recherche :
http://kaillou.no-ip.info/google.php


Message édité par kaillou38 le 07-11-2005 à 14:03:58

---------------
ras
Reply

Marsh Posté le 07-11-2005 à 14:06:17    

ah tiens, ca pas la recherche qui me fout le dawa, c'etait le cadre de pub...
 
comment que ca se fait ca :(


Message édité par kaillou38 le 07-11-2005 à 14:14:54

---------------
ras
Reply

Marsh Posté le 07-11-2005 à 14:22:37    

bon, je viens de mailer google :(


---------------
ras
Reply

Marsh Posté le 07-11-2005 à 16:41:25    

rhaaa!!!
 
putain d'IE de merde, j'en ai ras le bol
 
je teste les nouveaux trucs sous ff, ca marche nickel
 
hop je regarde sous IE, il y en a un sur deux qui s'affiche pas correctement (la je comprend pas pourquoi il fait les barres de titres comme ca :( )


---------------
ras
Reply

Marsh Posté le 08-11-2005 à 01:44:21    

j'ai resolu mon probleme en mettant une banniere verticales sur la doite au lieu de l'horizontale en haut (et je trouve que ca fait plus joli)


---------------
ras
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed