bande verticale le long des côtés du site Web

Je fais un site Web et Id comme les côtés d'avoir une image qui se répète sur le Y. Un peu comme ce site. http://www.solutionkaizen.com/html/boutique.php Im juste pas sûr de savoir comment faire la div pour cela. Pour le CSS je pense que c'est fondamentalement en plaçant le bg de la div à mon image et répétez Y. Mercibande verticale le long des côtés du site Web

Je sais comment faire la partie css, mais comment pourrais-je faire un div qui couvre les huit entiers du site? Merci

mais comment peut-il fonctionner div pour les deux parties:

< page content > 
<     > 
<     > 
<     > 
<     >

Celui-ci est aussi un excellent exemple http://www.ecodetox.ca/

Source

2010-01-10 jmasterx

Pouvez-vous pas voir la source ce site pour trouver l'URL de la css et télécharger cela pour voir comment ils le font? –

<style type="text/css"> 
<!-- 
body { 
    background-color: #FFFFFF; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    background-image: url(background.jpg); 
} 

div#main { 
    background-color: #fff; 
    margin-left:12%; 
    margin-right:12%; 
} 
--> 
</style> 
</head> 

<body> 
<div id=main>Hello World!</div> 
</body> 
</html>

Le site lui-même utilise une table avec deux autres images pour enlever le bord dur que mon exemple ci-dessus produit.

Source

2010-01-10 02:41:39

#div { 
    background-image: url('bg.png'); 
    background-repeat: repeat-y; 
    background-color: #fff; 
} 

<div id="div">Greetings!</div>

Source

2010-01-10 02:29:30 jspcal

si vous voyez leur code qu'ils utilisent vraiment, vraiment grande image comme arrière-plan et ils l'ont mis comme fond de l'ensemble du corps ...

leur image: http://www.solutionkaizen.com/images/background.jpg (vous pouvez zoomer sur elle si elle est mise à l'échelle pour adapter le navigateur ..)

Source

2010-01-10 02:33:31

Pour mieux accomplir ce que ces sites font avec CSS, je partirais avec ceci:

CSS:

body 
    { 
     background: White url("vertical-fading-bk.png") repeat-x; 
    } 

    #container 
    { 
     width: 800px; 
     background-color: White; 
    } 

    .side-fade 
    { 
     width: 10px; 
    } 

    #left 
    { 
     float: left; 
     background: #ececec url("left-soft-fade.png") no-repeat; 
    } 

    #middle 
    { 
     width: 780px; /* (.side-fade * 2) - #container */ 
     background-color: White 
    } 

    #right 
    { 
     float: right; 
     background: #ececec url("right-soft-fade.png") no-repeat; 
    }

HTML:

<body> 

    <div id="container"> 
     <div id="right" class="side-fade"> 
      <!-- Note how #right comes first. --> 
     </div> 
     <div id="left" class="side-fade"> 
      <!-- Then #left. --> 
     </div> 
     <div id="middle"> 
      Main body content here... 
     </div> 

    </div> 

</body>

Source

2010-01-10 05:34:36

bande verticale le long des côtés du site Web

Répondre

Questions connexes