Partage
  • Partager sur Facebook
  • Partager sur Twitter

Design et codage ...

    25 mai 2006 à 18:40:22

    Voilà, mon site étant fait avec frontpage je suis en train de le recoder à la main (j'apprends donc le xhtml et le css) ; car ça permet de faire plus de choses et on a bien sûr plus de mérite qu'avec l'aide d'un logiciel où en fin de compte on ne comprend pas grand chose à ce qu'on a fait réellement.
    Je change aussi par la même occasion de design, ce qui fait que lui aussi va falloir le coder correctement...
    Je ne connais pour le moment que les balises basiques car j'ai lu toute la section xhtml et css.

    Donc je posterai ici tous les problèmes que je peux rencontrer après avoir préalablement cherché sur le net ou sur le forum.

    Mon problème est le suivant : mon menu ressemble actuellement à un cadre avec un fond et une bordure :

    #menu
    {
    float: left; /* Le menu flottera à gauche */
    width: 120px; /* Très important : donner une taille au menu */
    }

    .element_menu
    {
    background-color: #9BA58D;
    border: 2px solid black;
    margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */[/code]

    et je l'ai donc refait il ressemble à ça :

    http://img151.imageshack.us/img151/1143/65z4g4xq.jpg

    et pour le coder j'ai trouvé ça :
    - pour les bordures horizontales ( = haut et bas) :

    .box-bottom { background:transparent url(http://idata.over-blog.com/0/05/85/46/image-bottom.png) repeat-x scroll bottom left; border-left: none 0px; border-right: none 0px; border-top: none 0px; }


    Et idem pour le haut en remplaçant tous les bottom par top.

    - pour les bordures verticales ( = droite et gauche) :

    .box-left { background: transparent url(http://idata.over-blog.com/0/05/85/46/image-gauche.png) repeat-y scroll top left; margin:0px; border-right: none 0px; border-bottom: none 0px; border-top: none 0px; }


    Idem pour right.

    Pour les coins, qui ne se répètent pas, ou si vous avez choisi un motif de la taille du module. vous faites :

    .box-topLeft { background:transparent url(http://idata.over-blog.com/0/05/85/46/image-box-top-left.png) no-repeat scroll top left; }
    Idem pour les 3 autres coins.

    Seulement je n'ai pas de box ^^, y aurait pas une variante pour afficher une image en haut à droite, en haut, en bas, sur les côtés ?
    Ou tout simplement une solution pour coder ce menu.

    Merci à vous
    • Partager sur Facebook
    • Partager sur Twitter
      26 mai 2006 à 19:35:18

      Je résume le topic ... j'aimerais tout simplement coder ce menu => http://img151.imageshack.us/img151/1143/65z4g4xq.jpg
      • Partager sur Facebook
      • Partager sur Twitter
        27 mai 2006 à 9:35:55

        il faut decouper ton image en 3parties .
        1 pour le haut qui fera lalargeur x 20px environ
        1pour le bas qui fera lalargeur x 20px environ
        1 pour le milieu lalargeur x 1px en repeat-y
        • Partager sur Facebook
        • Partager sur Twitter

        Design et codage ...

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown