Votre question

Inserer une anim en flashdans ma feuille css

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
21 Mars 2011 14:32:58

Bonjour je suis debutante et j aimerai a la place de mon image (urgence-plombier.png) y inserer une animation en flash dans cette feuille css merci de votre aide

voici mon code:
  1. @import url('./common/blocs.css');
  2. @import url('./common/pages.css');
  3. *{
  4. font-family:Arial, Helvetica, sans-serif;
  5. margin:0;
  6. padding:0;
  7. font-size:100%;
  8. }
  9. a img,fieldset{
  10. border:0;
  11. }
  12. label,a *{
  13. cursor:pointer;
  14. }
  15. ol{
  16. list-style-position:inside;
  17. }
  18. ul{
  19. list-style:none;
  20. }
  21. ul li{
  22. zoom:1;
  23. }
  24. textarea,
  25. input{}
  26. sup{
  27. vertical-align:top;
  28. }
  29. body, html{
  30. font-size:12px;
  31. background:#0A1A37;
  32. color:#464646
  33. }
  34. /* BANDEAU */
  35. .bandeau1{
  36. background:#f8f2f2;
  37. font-size:12px;
  38. color:#fff;
  39. line-height:25px;
  40. border-bottom:2px solid #e6d8d8;
  41. }
  42. .cont_bandeau{
  43. width:970px;
  44. margin:0 auto;
  45. overflow:hidden;
  46. zoom:1;
  47. color:#000;
  48. }
  49. .cont_bandeau .entete{
  50. float:left;
  51. }
  52. .cont_bandeau .top{
  53. float:right;
  54. margin-left:30px;
  55. }
  56. .cont_bandeau .top a{
  57. text-decoration:none;
  58. font-size:11px;
  59. margin:0 6px 0 0;
  60. }
  61. .cont_bandeau h4{
  62. float:left;
  63. width:350px;
  64. }
  65. .cont_bandeau h4 a{
  66. margin-top:10px;
  67. background:transparent url(../images/commun/urgence-plombier.png) no-repeat left top;
  68. cursor:pointer;
  69. display:block;
  70. width:320px;
  71. height:100px;
  72. text-indent:-9999px;
  73. }
  74. .bandeau2{
  75. overflow:hidden;
  76. zoom:1;
  77. }
  78. .bandeau2 .f_bandeau2{
  79. padding-bottom:10px;
  80. background:#0A1A37;
  81. border-bottom:4px solid #E6D8D8
  82.  
  83. }
  84. .bandeau2 h1{
  85. float:left;
  86. padding:18px 0 0 0;
  87. }
  88. .bandeau2 .col1{
  89. position:relative;
  90. float:right;
  91. width:350px;
  92. height:94px;
  93. margin-top:10px;
  94. padding:0;
  95. background:#f4f4f4;
  96. border:1px solid #e4e4e4;
  97. zoom:1;
  98. }
  99. .bandeau2 .col1 h3{
  100. float:left;
  101. width:160px;
  102. text-align:center;
  103. font-size:19px;
  104. font-weight:normal;
  105. color:#1f1f1f;
  106. padding:20px 0 15px 18px;
  107. }
  108. .bandeau2 .col1 h3 span{
  109. color:#0A1A37;
  110. font-style:normal;
  111. padding-top:4px;
  112. }
  113. .bandeau2 .col1 .col{
  114. float:right;
  115. width:130px;
  116. background:#fff url(../images/commun/picto/main.png) no-repeat 20px 20px;
  117. border-left:1px solid #e4e4e4;
  118. padding:6px 20px 11px 20px;
  119. text-align:center;
  120. }
  121. .bandeau2 .col1 .col p{
  122. font-size:16px;
  123. margin:0;
  124. }
  125. .bandeau2 .col1 .col p.tel{
  126. color:#b70e0b;
  127. margin:5px 0 5px 0;
  128. font-weight:bold;
  129. font-size:18px;
  130. }
  131. .bandeau2 .col1 .col p a.devis{
  132. background:transparent url(../images/devis.gif) no-repeat left top;
  133. cursor:pointer;
  134. display:block;
  135. width:86px;
  136. height:25px;
  137. text-indent:-9999px;
  138. margin-left:15px;
  139. }
  140. .bandeau2 .col2{
  141. float:right;
  142. width:607px;
  143. }
  144. .bandeau2 .col2 img{
  145. display:block;
  146. }
  147. .bandeau2 .col1 h1{
  148. padding:18px 0 12px 0;
  149. }
  150. /* MENU */
  151. .menu{
  152. width:970px;
  153. margin:0 auto;
  154. overflow:hidden;
  155. zoom:1;
  156. }
  157. .menu ul{
  158. float:right;
  159. }
  160. .menu ul li{
  161. float:left;
  162. margin-left: 5px;
  163. }
  164. .menu ul li a{
  165. display:block;
  166. background:url(../images/commun/g_menu.gif) no-repeat top left;
  167. font-size:12px;
  168. font-weight:bold;
  169. color:#404B51;
  170. text-decoration:none;
  171. line-height:36px;
  172. padding:0 0 0 4px;
  173. }
  174. .menu ul li a span{
  175. display:block;
  176. background:url(../images/commun/d_menu.gif) no-repeat top right;
  177. padding:0 24px 0 20px;
  178. }
  179. .menu ul li a:hover, .menu ul li a.on{
  180. background:url(../images/commun/g_menu.gif) no-repeat bottom left;
  181. color:#fff;
  182. }
  183. .menu ul li a:hover span, .menu ul li a.on span{
  184. background:url(../images/commun/d_menu.gif) no-repeat bottom right;
  185. }
  186. /* CONTENU */
  187. #contenu{
  188. background:#fff;
  189. }
  190. .centre{
  191. width:970px;
  192. margin:0 auto;
  193. padding:0 0 42px 0;
  194. overflow:hidden;
  195. zoom:1;
  196. }
  197. .centre .gauche{
  198. float:left;
  199. width:346px;
  200. }
  201. .centre .droite{
  202. float:right;
  203. width:582px;
  204. padding:20px 0 0 0;
  205. }
  206. .centre .gauche2{
  207. float:left;
  208. width:580px;
  209. }
  210. .centre .gauche2 h1{
  211. font-size:15px;
  212. font-weight:normal;
  213. color:#0086C7;
  214. padding:0 0 15px 0;
  215. }
  216. .centre .droite2{
  217. float:right;
  218. width:300px;
  219. padding:20px 0 0 0;
  220. }
  221. .centre .droite2 .liste_misenpage{
  222. float:left;
  223. margin:bottom:10px;
  224. }
  225. .centre .droite2 h2{
  226. float:left;
  227. overflow:hidden;
  228. color:#0086C7;
  229. font-size:17px;
  230. margin:0 0 6px 0;
  231. }
  232. .centre .droite2 ul{
  233. float:left;
  234. width:285px;
  235. padding:6px;
  236. border:1px solid #ececec;
  237. background:#f9f9f9;
  238. }
  239. .centre .droite2 ul span{
  240. float:left;
  241. color:#0086C7;
  242. font-size:16px;
  243. margin:4px 4px 10px 4px;
  244. font-weight:bold;
  245. }
  246. .centre .droite2 ul li{
  247. /*float:left;*/
  248. margin:4px 8px 4px 10px;
  249. font-size:12px;
  250. list-style-image:none;
  251. list-style-position:outside;
  252. list-style-type:none;
  253. }
  254. .centre .droite2 ul li a{
  255. text-decoration:none;
  256. }
  257. .centre .droite2 ul li a.p3{
  258. color:#0086c7;
  259. }
  260. .centre .droite2 ul li a.p3{
  261. color:#000;
  262. font-weight:bold;
  263. }
  264. .centre .gauche3{
  265. float:left;
  266. width:140px;
  267. }
  268. .centre .droite3{
  269. float:right;
  270. width:800px;
  271. }
  272. /* PIED */
  273. .pied{
  274. background:#fff;
  275. padding:0 0 15px 0;
  276. }
  277. .pied .cont_pied{
  278. width:850px;
  279. text-align:justify;
  280. background:whie;
  281. border:0 none;
  282. padding:15px;
  283. margin:0 auto;
  284. font-size:10px;
  285. }
  286. .pied .cont_pied a{
  287. color:#757575;
  288. text-decoration:none;
  289. }
  290. .pied .cont_pied a:hover{
  291. text-decoration:underline;
  292. }
  293.  
  294.  
  295. .pied1{
  296. background:#fff;
  297. padding:0 0 15px 0;
  298. }
  299. .pied1 .cont_pied{
  300. width:938px;
  301. background:#F9F9F9;
  302. border:1px solid #D6D6D6;
  303. text-align:center;
  304. padding:15px;
  305. margin:0 auto;
  306. }
  307. .pied1 .cont_pied li{
  308. display:inline;
  309. background:url(../images/commun/sep2.gif) no-repeat right 3px;
  310. padding:0 10px;
  311. }
  312. .pied1 .cont_pied li.first{
  313. padding:0 10px 0 0;
  314. }
  315. .pied1 .cont_pied li.last,
  316. .pied1 .cont_pied .partenaires li.first{
  317. background:none;
  318. padding:0 0 0 10px;
  319. }
  320. .pied1 .cont_pied li a{
  321. font-size:12px;
  322. color:#464646;
  323. text-decoration:none;
  324. }
  325. .pied1 .cont_pied li a:hover{
  326. text-decoration:underline;
  327. }
  328. .pied2{
  329. border-top:2px solid #23A4DD;
  330. padding:25px 0;
  331. }
  332. .pied2 .cont_pied{
  333. width:970px;
  334. margin:0 auto;
  335. }
  336. .pied2 h3{
  337. color:#FFF781;
  338. margin:0 0 8px 0;
  339. height:20px;
  340. }
  341. .pied2 h2{
  342. color:#FFF;
  343. margin:0 0 8px 0;
  344. height:20px;
  345. }
  346.  
  347. .pied2 h2 #h2{
  348. color:#FFFFFF;
  349. }
  350.  
  351. .pied2 .ligne{
  352. float:left;
  353. width:946px;
  354. border-bottom:1px solid #6da1cf;
  355. padding:0 0 25px 0;
  356. margin:0 0 20px 0;
  357. overflow:hidden;
  358. zoom:1;
  359. }
  360.  
  361. .pied2 .ligne .contenu {
  362. margin: 0 auto;
  363. width: 945px;
  364. }
  365.  
  366. .pied2 .ligne .contenu .rubrique{
  367. float:left;
  368. width:200px;
  369. font-size:11px;
  370. }
  371.  
  372. .pied2 .ligne .contenu .rubrique_marge{
  373. float:left;
  374. font-size:11px;
  375. }
  376.  
  377. .pied2 .ligne .contenu .marge{
  378. width:180px; /*195px default */
  379. }
  380.  
  381. .rubrique li{
  382. padding:0 0 5px;
  383. }
  384.  
  385. .pied2 .ligne ul{
  386. /*padding:0 0 20px 0;*/
  387. list-style: none outside none;
  388. }
  389.  
  390. .pied2 .ligne ul li.rubrique_marge{
  391. padding: 5px 0;
  392. width: 110px;
  393. float:left;
  394. }
  395.  
  396. .pied2 .ligne ul li.rubrique_marge ul li{
  397. padding:0;
  398. float:left;
  399. width:110px;
  400. }
  401.  
  402. .pied2 .ligne ul li{
  403. padding: 0 0 5px 25px;
  404. float:left;
  405. width:80px;
  406. }
  407. .pied2 .ligne li a{
  408. font-size:11px;
  409. color:#fff;
  410. text-decoration:none;
  411. }
  412. .pied2 .ligne a:hover{
  413. text-decoration:underline;
  414. }
  415. .pied3{
  416. width: 100%;
  417. float:left;
  418. overflow:hidden;
  419. zoom:1;
  420. }
  421. .pied3 span{
  422. display:block;
  423. float:left;
  424. color:#fff;
  425. }
  426. .pied3 ul{
  427. float:left;
  428. }
  429. .pied3 li{
  430. float:left;
  431. background:url(../images/commun/sep.gif) no-repeat 0px 4px;
  432. padding:0 0 0 10px;
  433. margin:0 0 0 10px;
  434. }
  435. .pied3 li a{
  436. color:#fff;
  437. text-decoration:none;
  438. }
  439. .pied3 li a:hover{
  440. text-decoration:underline;
  441. }
  442.  
  443. /* --- Autocompletion --- */
  444. .autocompletion {
  445. position: absolute;
  446. border:1px solid #7BC8E3;
  447. background:white;
  448. width:350px;
  449. margin: 0;
  450. padding: 0;
  451. }
  452. .autocompletion ul {
  453. margin: 0;
  454. padding: 0;
  455. list-style: none;
  456. }
  457. .autocompletion a {
  458. display:block;
  459. padding:0.2em 0.3em;
  460. margin:0;
  461. text-decoration:none;
  462. color:black;
  463. }
  464. .autocompletion .selected {
  465. background:#E0EBEF;
  466. }

Autres pages sur : inserer anim flashdans feuille css

a c 145 L Programmation
21 Mars 2011 16:06:43

Tu ne peux pas utiliser un flash en background, encore moins en CSS.
Tu peux le mettre dans un div en position absolute et mettre un z-index négatif pour qu'il soit en arrière par rapport au reste du contenu.
m
0
l
21 Mars 2011 18:20:46

dabord merci de ta reponse rapide mais coment je dois l inserer dans le code?
m
0
l
Contenus similaires
a c 232 L Programmation
21 Mars 2011 18:31:08

Ca ne s'insère pas dans le CSS mais dans le code HTML
m
0
l
21 Mars 2011 18:42:42

merci omar mais coment dois je faire puis je te montre le code de l index?
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS