Retour à Forum de site web

2 backgrouns images

  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Jan 22, 2003
  • Messages: 2998
  • Loc: Canada "A"
  • Status: Offline

Message Février 12th, 2009, 8:12 am

bonjour. Je tente d'obtenir 2 images d'arrière-plan mais ne peut le découvrir .. l'un à droite sur la gauche lorsque vous entrez dans la page de la moitié de l'arrière-plan est rouge au blanc puis disparaît en descendant l'autre moitié est bleu au blanc puis s'estompe en baisse


de sorte qu'il ressemble à ça
Image
Custom Built Computers & The Top Quality Hardware Money Can Buy
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Février 12th, 2009, 8:12 am

  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Février 12th, 2009, 8:18 am

Eh bien, vous pourriez avoir deux divs séparée...

CSS:
Code: [ Select ]
.blue {
background-image: url('blue.jpg');
background-repeat: repeat-x;
color: red;
width: 50%;
float: left;
}
 
.red {
background-image: url('red.jpg');
background-repeat: repeat-x;
color: blue;
width: 50%;
float: right;
}
  1. .blue {
  2. background-image: url('blue.jpg');
  3. background-repeat: repeat-x;
  4. color: red;
  5. width: 50%;
  6. float: left;
  7. }
  8.  
  9. .red {
  10. background-image: url('red.jpg');
  11. background-repeat: repeat-x;
  12. color: blue;
  13. width: 50%;
  14. float: right;
  15. }


et le code HTML de ce qui suit:
Code: [ Select ]
<body>
<div class="blue">Red</div>
<div class="red">Blue</div>
</body>
  1. <body>
  2. <div class="blue">Red</div>
  3. <div class="red">Blue</div>
  4. </body>


Je n'ai pas fait de conception de sites Web dernièrement, mais je pense thatd travail...
Photography Gallery | aaronmarc.id.au
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Jan 22, 2003
  • Messages: 2998
  • Loc: Canada "A"
  • Status: Offline

Message Février 12th, 2009, 8:19 am

merci pour la réponse rapide, je vais essayer et vous faire savoir ..
Custom Built Computers & The Top Quality Hardware Money Can Buy
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Février 12th, 2009, 8:28 am

Vous avez peut-être envie de jeter ces deux divs dans un conteneur div aussi, et ensemble. Bleus et. Rouges à hauteur de 100%, il suffit alors de changer et vous ne faites une erreur en gardant les mêmes. :)
Photography Gallery | aaronmarc.id.au
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Jan 22, 2003
  • Messages: 2998
  • Loc: Canada "A"
  • Status: Offline

Message Février 12th, 2009, 8:29 am

humm, il n'est pas mis à fond .. il ya une bordure blanche autour de lui et il ne va pas à 100%

Image
Custom Built Computers & The Top Quality Hardware Money Can Buy
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Jan 22, 2003
  • Messages: 2998
  • Loc: Canada "A"
  • Status: Offline

Message Février 12th, 2009, 8:31 am

ok obtenu la hauteur diriez-vous de la frontière de Pentecôte?

C'est ce que j'ai jusqu'ici
Code: [ Select ]
.blue {
background-image: url('bg1.jpg');
background-repeat: repeat-x;
color: red;
width: 50%;
height: 100%;
float: left;
}

.red {
background-image: url('bg2.jpg');
background-repeat: repeat-x;
color: blue;
width: 50%;
height: 100%;
float: right;
}
  1. .blue {
  2. background-image: url('bg1.jpg');
  3. background-repeat: repeat-x;
  4. color: red;
  5. width: 50%;
  6. height: 100%;
  7. float: left;
  8. }
  10. .red {
  11. background-image: url('bg2.jpg');
  12. background-repeat: repeat-x;
  13. color: blue;
  14. width: 50%;
  15. height: 100%;
  16. float: right;
  17. }
Custom Built Computers & The Top Quality Hardware Money Can Buy
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Février 12th, 2009, 8:36 am

Eh bien, si vous savez ce que c'est la taille page vous pourriez faire le rouge et le bleu dans une image, et juste avec la superposition divs...ou de faire un long long image afin de compenser pour les grandes résolutions d'écran, au centre de la base et ont les mêmes deux divs sauf sans tous les trucs de base.

Par ailleurs, youve a obtenu ces couleurs en arrière.
Photography Gallery | aaronmarc.id.au
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Jan 22, 2003
  • Messages: 2998
  • Loc: Canada "A"
  • Status: Offline

Message Février 12th, 2009, 8:38 am

Breeze a écrit:
Par ailleurs, youve a obtenu ces couleurs en arrière.


fixe les couleurs ..

ceci étant pour le moment .. grâce a la grande aide rapide ..
Custom Built Computers & The Top Quality Hardware Money Can Buy
  • Breeze
  • Photographer
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 22, 2007
  • Messages: 1029
  • Loc: Australia
  • Status: Offline

Message Février 12th, 2009, 8:49 am

Tout moment...

En tout cas, c'est ce qui Ive a obtenu:
Image

Sous IE theres aucun espace blanc...on FF theres un peu en haut...

Heres the CSS:
Code: [ Select ]
body {
margin: 0;
}

.blue {
background-color: blue;
color: red;
width: 50%;
height: 100%;
float: left;
}

.red {
background-color: red;
color: blue;
width: 50%;
height: 100%;
float: right;
}
  1. body {
  2. margin: 0;
  3. }
  5. .blue {
  6. background-color: blue;
  7. color: red;
  8. width: 50%;
  9. height: 100%;
  10. float: left;
  11. }
  13. .red {
  14. background-color: red;
  15. color: blue;
  16. width: 50%;
  17. height: 100%;
  18. float: right;
  19. }
Photography Gallery | aaronmarc.id.au

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 9 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 105 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