28173 sujets

CSS et mise en forme, CSS3

Bonjour,

body
{
   background-color: #99CCFF;
   width: 994px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
}

/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 150px;
   background-image: url("images/hautnous.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/* Le menu gauche */

#menu_gauche
{
   float: left;
   width: 120px;
}


.element_menu_gauche
{
   background-color: #006ba9;
   font-weight:bold;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}

.element_menu_titre 
{ 
   color: #006ba9;
   background-color: #ffffff;
   font-weight:bold;
   text-align: center;
   border: 1px dashed black; 
}

/* Quelques effets sur les menus */


.element_menu_gauche h3
{   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu_gauche ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu_gauche a
{
   color: #ffffff;
}

.element_menu_gauche a:hover
{
   background-color: #ffffff;
   color: #006ba9;
}

/* Le menu droite */

#menu_droite
{
   float: right;
   width: 120px;
}

.element_menu_droite
{
   background-color: #006ba9;
   font-weight:bold;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu_droite h3
{   
   color: #ffffff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu_droite ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu_droite a
{
   color: #ffffff;
}

.element_menu_droite a:hover
{
   background-color: #ffffff;
   color: #006ba9;
}

/* La barre de navigation */

#barre
{
   width:100%
   height:90px;

   color: #B3B3B3;
   background-color: #626262;
   background-image: url("tonurldimage");
   background-repeat: repeat-x;
}

/* Le corps de la page */

#corps
{
   margin-left:140px;
   margin-right:140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #ffffff;
   background-color: #006ba9;
   font-weight:bold;
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: left;
   font-family: Monotype Corsiva, "Arial Black", "Times New Roman", Times, serif;
}


/* Le pied de page */

#pied_de_page
{
   clear:both;
   padding: 5px;

   text-align: center;

   color: #ffffff;
   background-color: #006ba9;
   font-weight:bold;
   background-repeat: repeat-x;

   border: 2px solid black;
}

.element_pied_de_page a
{
   color: #ffffff;
}

.element_pied_de_page a:hover
{
   background-color: #ffffff;
   color: #006ba9;
}

j'ai un probleme sur mon pied de page regarder http://nous-vous.org[/url] merci de votre aide
Modifié par TeXaS (13 Feb 2006 - 16:53)
c'est pas un probleme en csss

regarde bien ta page


<!-- Le pied de page -->

       <div id="pied_de_page">
         <div class="element_pied_de_page">
           Nous_Vous 2006© - Conçu par <a href="mailto:texas@nous-vous.org">TeXaS</a> et <a href="mailto:loic@nous-vous.org">LoiC</a>
  </div>
   </body>



tu ne ferme pas ta div pied_ de page , et


      <div id="corps">
           <h1>Bienvenue sur nous_vous</font></h1>

	&nbsp;<script type="text/javascript" src="http://ircube.org/modules/chatterbox/chat.js"></script><input type="hidden" id="ircube_chan" value="nous_vous" /><input type="hidden" id="ircube_version" value="1" /><form name='chat' method='post' action='javascript:Chat2();'>
 <div id='chat' name='chat'>
	<input type='text' name='nickname' class='chat_edit' size="20">

	<input type=submit value='Chatter !' class='chat_bouton'>
</form>
</td>
               </tr>
             </table>


tu ferme un tableau que tu n'as pas ouvert

test deja ca chez moi ca marche... Smiley biggrin
j'ai fais se que tu m'as dis toujours pareil bizarre
c'est bien mon html qui bug mais ou j'ai toujours pas trouver
merci de ton aide
Modifié par TeXaS (13 Feb 2006 - 16:21)
j'utilise FireFox Smiley smile
c'est sa remarche Smiley smile
et j'aurais une question
comment on mais un fond et on change l'ecriture(la couleur) a un champ text formulaire stp
merci !!
Modifié par TeXaS (13 Feb 2006 - 16:37)
TeXaS a écrit :
j'utilise FireFox Smiley smile
c'est sa remarche Smiley smile
et j'aurais une question
comment on mais un fond et on change l'ecriture(la couleur) a un champ text formulaire stp
merci !!



n'oublie pas de mettre resolu...

pour le fond et la police ben dans ta class chat_edit qui represente le champ input tu met le style de la police et le fond que tu veux
TeXaS a écrit :
mais je veux mettre sa dans le css je peux?

ben oui ... tu cré une class .chat_edit et tu mets ce que tu veux ( police, taille de la police, image de fond etc...)