Bonjour,
Ce que je veux réaliser c'est la fenêtre avec une bande noire appelée: Final product, voir: http://vector.tutsplus.com/tutorials...e-illustrator/
Le code html:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div class="final_image"> <h4>Final Product <span>What You'll Be Creating</span></h4> <div class="final_image_inner"> <img src="/tuts/635/filmcountdown_1.gif" alt="<?=$row_data['tuts_name']?>" title="<?=$row_data['tuts_name']?>" width="144" height="125"/> </div> </div>
Le CSS:
Mon essai de transposition sur mon site, voir: http://www.fireworkszone.com/gif-ani...tdown_635.html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 .final_image h4 { background: url("images/global/final_image.jpg") no-repeat scroll left center #2D2D2D; color: #FFFFFF; font-size: 20px; letter-spacing: 0; margin: 0; padding: 15px 0 13px 20px !important; text-align: left; text-shadow: none; } .final_image h4 span { color: #828282; font-family: Arial; font-size: 13px; font-style: italic; font-weight: normal; } .final_image_inner img { border: 1px solid #898989; display: block; margin: 0 auto; max-width: 640px; }
A la différence du modèle il n'y a pas de bande noire et le bloc n'est pas entouré d'un trait
Pourtant on a bien : background: #2D2D2D; et border: 1px solid #898989;?
Merci de votre aide
Partager