38 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

Faire un menu Horizontale !

 
n°130019
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 13:59:55  
 

Bonjour a tous !!

 

voila je m'adresse a vous pour m'expliquer quelque chose !!

 

Voila pour l'instant ou j'en suis dans mon site web (Xhtml-Css)

 

http://www.image-dream.com/membre/up/mini_anonym/3a580c760bd26dffba9e0655718ee900.png

 

J'aimerais en fait insere un menu horizontale entre mon en tete et le corps du site...
Mais je ne sais pas du tout comment faire  :neutral:

 

Aussi j'aimeraos que vous me donniez, si possible, une astuce afin que mon texte ne deborde pas du corps du site !

 

Merci :smile:

answer
mood
GoogleAds
profil
Posté le 04-10-2006 à 13:59:55  
 

answer
n°130020
Sangodams
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:12:01  
 

Pour le menu, tu le fais en forme de liste de cette façon :

 
Citation :

<div id="menuhorizontal"> <!-- Ton menu --> </div>

 

Puis dans le CSS :

 
Citation :

#menutop
{
 list-style-type: none;
}

 

#menutop li
{
 float : left;
}

 

Après c'est à toi de modifier le code selon ce que tu veux faire...

 

Pour le texte qui déborde, on ne pourra pas t'aider sans les sources  :oui:

answer
n°130021
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:14:17  
 

Merci :smile:
je vais tester ce soir !!
Pour le texte tu veux mon code CSS ?

answer
n°130022
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:18:48  
 

Salut.
Voilà un domaine où je dois pouvoir donner un coup de main.

 

Par contre il faudrait me donner l'adresse URL (par MP) de votre site,
que je puisse regarder le code et vous dire le cas échéant ce qu'il
faudrait faire pour le menu horizontal.

 

D'ailleurs, même le texte dépasse du cadre  :ouch:  mais celà, ce n'est pas
grand chose à faire...

answer
n°130023
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:21:12  
 

L'adresse dans le sujet ne dérange nullement je pense, et ce serait plus pratique pour que l'on t'aide. :wink:

answer
n°130024
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:24:22  
 

Je n'ai pas encore d'adresse puisque mon site n'est pas en ligne  :he:

answer
n°130025
Sangodams
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:33:09  
 

Alors donne nous la source... xHTML et CSS.

answer
n°130026
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:33:25  
 

Reste le mail http://forum.crystalxp.net/style_images/crxp-fr/p_card.gif  :oui:
Nous attendons de voir ça.
Et aussi quelques indications sur la taille des
polices, couleurs, cadres, fonds simples ou plus compliqués...

answer
n°130027
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:33:39  
 

body
{

 

  width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;  
   background-image: url("images/fond.png";);
}

 

/* L'en-tête */

 

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("images/iu.png";);
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

 


#menutop
{
width: 100px;
   height:60px;
list-style-type: none;
background-image: url("images/button.png";);
}

 

#menutop li
{
width: 100px;
   height:60px;
float : left;
background-image: url("images/button.png";);
}

   

/* Le corps de la page */

 

#corps
{
   margin-left: 10px;
   margin-bottom: 1px;
   
    width: 750px;
   height: 1000px;
   text-align: center;
   color: #5b64d6;
 
   background-image: url("images/mmmm copie.png";);
   background-repeat: repeat-x;
    font-family: Eras Light ITC, Century gothic, Arial, "Arial Black", "Times New Roman", Times, serif;
   
}

 


#corps h1
{
   color: #5b64d6;
   text-align: center;
   font-family: trabucjet ms, Century gothic, Arial, "Arial Black", "Times New Roman", Times, serif;
}

 

#corps h2
{
font-family: Century gothic, Arial, "Arial Black", "Times New Roman", Times, serif;
   height: 30px;

 

  background-image: url("images/titre.png";);
   background-repeat: no-repeat;
   margin-left: 20px;
   padding-left: 30px;
   color: #b5b7d5;
   text-align: center
}
div#contenu a
{
 color: #8a0 ;
}

 

div#contenu a:hover
{
 color: #9b2;
}

 

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

 

#pied_de_page
{
 
    width: 760px;
   height: 100px;

 

  text-align: center;

 

  color: #b5b7d5;
font-family: Century gothic, Arial, "Arial Black", "Times New Roman", Times, serif;
 
   background-image: url("images/Pdp.png";);
   background-repeat: repeat-x;
   

 

}
}

 


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

 


:smile:

answer
n°130028
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:38:40  
 

Et la partie xHTML s'il vous plait :wink:

answer
n°130029
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:39:48  
 

<!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>
   <style type="text/css">}
BODY{cursor: url();}</style>
       <title>Mon super site</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
   </head>

 

  <body>

 

      <!-- L'en-tête -->

 

      <div id="en_tete">
           
       
       </div>
   
    <div id="menuhorizontal"> gallery </div>
</div>
       <!-- Le corps -->

 

      <div id="corps">
           <h1>Mon nouveau site</h1>
       
           <p>
               Bienvenue sur mon  site !<br />
               C'est Firems, j'espere que tout vas bien, et amusez vous !
      Ici, je vais vous montrais des creations graphiques, et plus si affinitées,lol
      Bon et bien surfez bien et dites moi si mon site vous plaît :smile:
     
     Firems.
     ---------------------------------------------------------------------------------------
           </p>
       
           <h2> Pack Chapicones v1 </h2>  
           <p>
             Voial donc mon premier pack d'icones en download.
    Il comporte 6 pngs sur le theme de champignons :tongue:
    Voila a vous de juger ^^
     
     <br />
               Le Pack :
      <br />
      <br />
   <img src="images/aa.png" " /></a>
   <br />
   <br />
   Downlad @ Deviant Art : http://www.deviantart.com/deviation/40678090/
           </p>
           
           
           
       </div>

 

      <!-- Le pied de page -->

 

      <div id="pied_de_page">
         
<br />

 


<p>Copyright Firems 2006, tous droits réservés</p>
       </div>

  

  </body>
</html>

 


:smile:

answer
n°130030
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 14:50:40  
 

Il est en ligne :
Votre page Web

 

:mdr:  et que voulez vous exactement ?!?

answer
n°130031
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 14:59:43  
 

Merci :smile:
(par contre est-ce normal qu'il n'y est pas les imges (corps, en tete...)

 

Alors en fait j'aimerais un menu qui resorte  de derriere le corps avec les memes couleurs que le corps :smile:
En fait j'aimerais un truc comme ca :smile:

 

(fait a l'arache sur tochop :lol: )

 

http://www.image-dream.com/membre/up/mini_anonym/3bb3594850b5f580dcd201aab3583882.jpg

answer
n°130032
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 15:06:41  
 

Oui, les bordures ne sont pas là simplement
parce que je ne les ais pas hébergées...

 

Je vais voir ce que je peux faire, mais j'ai
du travail en parallèle  :great:

answer
n°130033
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 15:07:39  
 

Ok , en tout cas déja merci bien :smile:

answer
n°130034
psykopathik
Profil : Penguin
Avatar
profil
Posté le 04-10-2006 à 15:30:23  
 

Apres si tu as trop de texte dans ton menu, faudra opter pour un menu horizontal.

answer
n°130035
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 15:33:49  
 

Bah c'est deja un menu horizontale que je souhaite  :great:

answer
n°130037
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 15:36:12  
 

Mon code HTML est assez brouillon mais l'apparence
est correcte  :wink:

 

Je vois pour le menu, j'ai déjà mon idée sur le sujet...

answer
n°130038
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 15:37:12  
 

Tant mieux, encore une fois merci :smile:

answer
n°130039
mitsuko-b
No fue Shimatta !
Profil : Big Penguin
Avatar
profil
Posté le 04-10-2006 à 16:25:04  
 

Je dois partir pour l'instant.
Je continue dans la soirée et demain dès que
j'ai un petit moment de libre...

 

:neutral: que ceux qui ont aussi envie d'aider ne s'en prive pas.

answer
n°130040
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 16:34:31  
 

De tout te facon je vais abandonné je crois, je vais plutot creer un design sous toshop et apres utiliser la technique de decoupe :smile:

answer
n°130042
psykopathik
Profil : Penguin
Avatar
profil
Posté le 04-10-2006 à 17:17:32  
 

Vi faut mieux, c'est ca la bonne méthode Firems :smile:

 

Design > Découpe > Intégration

answer
n°130045
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 17:21:20  
 

Oui mais je bloque a un niveau regarde :

 

http://forum.crystalxp.net/index.php?showt...mp;#entry211589

answer
n°130047
psykopathik
Profil : Penguin
Avatar
profil
Posté le 04-10-2006 à 18:31:14  
 

Je n'ai compris ce que tu n'as pas compris :frown:

 

En faite, tu utilises les repères pour faire ton découpage. Pour ton découpage il faut que tu imaginges où serons les différents tableaux ou div qui vont former ton site.

answer
n°130048
Firems
Profil : Penguin Pro
Avatar
profil
Posté le 04-10-2006 à 18:32:09  
 

J'ai trouve  va voir ici :

 

Va voir sur le topic d'astuce developpement CSS...

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse