Discussion :

[carole h.]

bonjour!

je suis en train de revoir complètement la charte graphique et le design de mon site, et j'ai mis en place une image de fond (background-image). J'aimerais que cette image soit visible "sous" mes bordures noires (par transparence).

voici le code actuel concernant ces "bordures" que j'essaie de rendre transparentes, en vain!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#TOP {
	BACKGROUND : #8099FB;	
        border-top:40px solid #000000;
        padding-bottom:10px; 
	border-bottom:40px solid #000000;
	}

bref, le but serait d'obtenir exactement le même résultat qui est actuellement visible sur le site... mais avec ces 3 bandes noires transparentes c'est-à-dire laissant apparaître le reste de l'image en background.

site concerné: http://vosgesfreeride.zeblog.com

quelqu'un peut-il m'aider, m'indiquer un code qui donnerait les mêmes résultats, en transparent?

merci à tous!

[Bisûnûrs]

Dans ce cas là n'utilise pas de bordure pour séparer tes éléments mais des marges ...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#top{
   background:#8099fb;	
   margin:40px 0;
   padding-bottom:10px; 
}