IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Fond d'image


Sujet :

HTML

  1. #21
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    86
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 86
    Par défaut
    Citation Envoyé par blueice Voir le message
    J'ai lu le post en diagonale, pourquoi persister à faire un site bancal ?

    Tu dois séparer ta page en deux, gauche le menu, droite le contenu.
    En fond du menu un dégradé d'1 pixel de large par 200pixels de haut avec la couleur de fin du dégradé en fond du menu.
    Pour le menu utilise des listes bon sang !!

    Ensuite pour le contenu, un en-tête avec les vagues en fond et le titre en texte par dessus, en dessous la même couleur de fin du dégradé.
    Et enfin tout le reste du contenu, avec textes et images.

    C'est pourtant pas bien compliqué...
    La méthode de l'entête n'est pas mal mais celle que j'ai utilisée n'est pas non plus mauvaise, ça se vaut.

    Merci

    Cordialement,

    JM

  2. #22
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    86
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 86
    Par défaut
    C'est bon pour l'alignement de mon fond d'ecran fixe. Je suis repassé en position:absolute et est utiliser plus finement l'option background-position

    feuille CSS :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    div#contenu {
    	position:absolute;
    	float:left;
    	width:755px;
    	height:820px;
    	background-image : url(../images/fond_contenu2.jpg);
    	background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: 70% -31%;
            left:367px;
            top:35px;
    	overflow: auto;
        }

  3. #23
    Membre émérite Avatar de kenny.kev
    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    646
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Indre et Loire (Centre)

    Informations professionnelles :
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2007
    Messages : 646
    Par défaut
    bonsoir,

    excusez-moi pour cette absence ci longue (des problèmes familiaux)

    Merci pour l'image, c'est parfait. Tu fais ça avec quel logiciel? Photoshop?
    Oui j'utilise le logiciel photoshop mais tu peux utiliser Gimp qui est gratuit mais il faut que tu partes d'un fond transparant et non blanc.

    Exactement IE pose de très gros problèmes pour les site que développe actuellement je fait deux CSS, un pour firefox et les autres et un pour IE avec un traitement PHP qui me permet d'utiliser le bon CSS en fonction du navigateur . Je sais qu'il y a mieux mais bon .

    parfait je ne savais pas que l'on pouvais faire comme ça.

    bon courage pour la suite

+ Répondre à la discussion
Cette discussion est résolue.
Page 2 sur 2 PremièrePremière 12

Discussions similaires

  1. image de fond css / image dans code html
    Par rastali dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 20/02/2007, 08h54
  2. Fond d'image blanc
    Par seiryujay dans le forum AWT/Swing
    Réponses: 9
    Dernier message: 29/05/2006, 18h56
  3. Réponses: 6
    Dernier message: 28/02/2006, 21h21
  4. JFrame ayant pour fond une Image (centrée ou en mosaïque)
    Par mariogarcia dans le forum Agents de placement/Fenêtres
    Réponses: 12
    Dernier message: 22/12/2005, 01h01
  5. Fond d'image
    Par kase74 dans le forum Composants VCL
    Réponses: 4
    Dernier message: 08/11/2005, 13h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo