la mise en texte de base

  • max196
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Déc 01, 2008
  • Messages: 11
  • Loc: India
  • Status: Offline

Message Décembre 7th, 2008, 7:18 am

Bonjour les amis, :)

Je veux placer une image ci-dessous mon (h1 rubrique). L'image est une 50px-800px boîte avec arêtes courbes à la fois le côté. Fondamentalement, nous

placer une image ci-dessous un texte avec "background: url (" image-location ") repeat-x;" css code. Mais comme je l'ai dit à l'image ont courbé

les bords des deux côtés. Par conséquent, j'ai coupé l'image en 3 morceaux à savoir h1.gif, h2.gif & H3. gif respectivement. Maintenant, je suis confus

Comment puis-je placer. S'il vous plaît aidez-moi!



C'est le tag i am using

Code: [ Select ]
<div id="title">
<h1>This is the title</h1>
</div>
  1. <div id="title">
  2. <h1>This is the title</h1>
  3. </div>


Et c'est le code CSS ci-dessous,

Code: [ Select ]
#title {

    height: 50px;
    background: url('../img/h1.jpg') no-repeat;
    background-attachment: fixed;
    
    }
  1. #title {
  2.     height: 50px;
  3.     background: url('../img/h1.jpg') no-repeat;
  4.     background-attachment: fixed;
  5.     
  6.     }
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Décembre 7th, 2008, 7:18 am

  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Décembre 7th, 2008, 11:59 pm

Si je comprends bien, je pense que ce que vous avez à faire est de positionner précisément l'image de fond avec "background-position».

Comme, background: url (../img/h1.jpg) no-repeat 0px 50px;

Les deux valeurs sont à la fin de la position horizontale et verticale de l'image de fond. Jouez avec les valeurs jusqu'à ce que vous avez placé l'image de la façon dont vous le souhaitez.
  • max196
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Déc 01, 2008
  • Messages: 11
  • Loc: India
  • Status: Offline

Message Décembre 8th, 2008, 7:42 am

Zwirko Vous n'avez pas compris ma question! Ce que je veux dire que j'ai 3 images et je veux les mettre tous les dessous d'une seule rubrique. Largeur totale de l'arrière-plan est 800px. Première et troisième image qui est 50px de large, je ne veux pas répéter et de les placer à droite et à gauche tandis que les coins de la deuxième image est aussi 50px de large, mais je tiens à le répéter. correspond à la première et troisième fait coin milieu et on fait la partie centrale de l'image.
  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Décembre 8th, 2008, 10:37 am

Vous pourriez essayer de jouer avec quelque chose comme cet - Un peu différent de ce que vous voulez, mais pourrait vous donner un bon effet.

cet semble bon aussi, une solution plus simple avec moins de liberté (les coins ne sont pas transpare pas) mais vrai slick et il pourrait faire l'affaire, dans certaines situations :)
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 110 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC