probleme CSS imageready

probleme CSS imageready - Web design - Graphisme

Marsh Posté le 24-04-2006 à 20:05:54    

Bonjour ,
 
j'ai fait un template sur photoshop passé sous imageready pour le découpage afin de génerer un CSS, tout est impéccable sauf que dans le CSS
j'ai : position:absolute; et les images entre les <div>
 
serait il possible d'avoir les images dans le css: background-image:url(images/template_02.gif);
et sans position absolute .
 
Merci

Reply

Marsh Posté le 24-04-2006 à 20:05:54   

Reply

Marsh Posté le 25-04-2006 à 01:09:37    

est ce que je me suis trompé de rubrique ?

Reply

Marsh Posté le 25-04-2006 à 23:24:32    

Salut,
si j'ai bien compris, tu aimerais que tes images soient en arrière plan et non inserées par des <img src=...>.
 
Dans ton css, il te suffit d'appliquer le background-image à ton image de fond.
Je suppose que tu as des tranches. Si tu as tranche1, tranche2, etc...
Mais tout compte fait, le plus simple est que tu nous mettes ton code.
 
@+


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 26-04-2006 à 00:04:57    

Voici le code généré par imageready :
 

Code :
  1. #colonne {
  2. position:absolute;
  3. left:0px;
  4. top:0px;
  5. width:780px;
  6. height:900px;
  7. }
  9. #header_ {
  10. position:absolute;
  11. left:0px;
  12. top:0px;
  13. width:489px;
  14. height:18px;
  15. }
  17. #template-02_ {
  18. position:absolute;
  19. left:489px;
  20. top:0px;
  21. width:291px;
  22. height:5px;
  23. }
  25. #template-03_ {
  26. position:absolute;
  27. left:489px;
  28. top:5px;
  29. width:252px;
  30. height:13px;
  31. }
  33. #template-04_ {
  34. position:absolute;
  35. left:741px;
  36. top:5px;
  37. width:39px;
  38. height:895px;
  39. }
  41. #header005_ {
  42. position:absolute;
  43. left:0px;
  44. top:18px;
  45. width:45px;
  46. height:222px;
  47. }
  49. #logo_ {
  50. position:absolute;
  51. left:45px;
  52. top:18px;
  53. width:151px;
  54. height:91px;
  55. }
  57. #header007_ {
  58. position:absolute;
  59. left:196px;
  60. top:18px;
  61. width:293px;
  62. height:92px;
  63. }
  65. #template-08_ {
  66. position:absolute;
  67. left:489px;
  68. top:18px;
  69. width:252px;
  70. height:882px;
  71. }
  73. #header009_ {
  74. position:absolute;
  75. left:45px;
  76. top:109px;
  77. width:151px;
  78. height:84px;
  79. }
  81. #header010_ {
  82. position:absolute;
  83. left:196px;
  84. top:110px;
  85. width:18px;
  86. height:83px;
  87. }
  89. #annonces_ {
  90. position:absolute;
  91. left:214px;
  92. top:110px;
  93. width:261px;
  94. height:57px;
  95. }
  97. #header012_ {
  98. position:absolute;
  99. left:475px;
  100. top:110px;
  101. width:14px;
  102. height:83px;
  103. }
  105. #header013_ {
  106. position:absolute;
  107. left:214px;
  108. top:167px;
  109. width:261px;
  110. height:26px;
  111. }
  113. #nav-bar_ {
  114. position:absolute;
  115. left:45px;
  116. top:193px;
  117. width:436px;
  118. height:42px;
  119. background: #FFFFFF url('images/nav_bar.gif');
  120. }
  122. #header015_ {
  123. position:absolute;
  124. left:481px;
  125. top:193px;
  126. width:8px;
  127. height:47px;
  128. }
  130. #header016_ {
  131. position:absolute;
  132. left:45px;
  133. top:235px;
  134. width:436px;
  135. height:5px;
  136. }
  138. #template-17_ {
  139. position:absolute;
  140. left:0px;
  141. top:240px;
  142. width:45px;
  143. height:660px;
  144. }
  148. #template-19_ {
  149. position:absolute;
  150. left:488px;
  151. top:240px;
  152. width:1px;
  153. height:613px;
  154. }
  156. #template-20_ {
  157. position:absolute;
  158. left:45px;
  159. top:853px;
  160. width:444px;
  161. height:47px;
  162. }


 
Le problème n'est pas d'appliquer le background-image c'est plutot les positions absolute, car je fait un design pour mon CMS et la je suis dans l'étape ou je doit choisir entre les <table> et le CSS .
 
donc le problème c'est que j'ai besoin que les <div> qui affiche un contenu ayent un height:100% et qu'ils ne soient pas en position absolute afin de ne pas etre déformée par le contenu .
 
Ma question est : est il possible de générer directement un CSS avec ces critéres ? (image en background et eviter les position absolute )  
 
ou faut il que je change de soft ?
 
Ps : merci oualad de ton interete :)


Message édité par Deepblue3 le 26-04-2006 à 00:05:39
Reply

Marsh Posté le 26-04-2006 à 12:47:32    

Bonjour,
il aurait été plus simple aussi que tu transmettes le code html de ta page et même un lien vers ton site (attention au spam, si c'est un site commercial).  
 
Cela dit, ne comprenant pas tres bien ce que tu veux, parce que pour moi, je trouve que la "position absolute" te permet de bien placer tes objets, je t'inviterai à lire ceci
Si tu connais déja le CSS, passe directement à l'étape3
 
@+


Message édité par oualad le 26-04-2006 à 12:49:36

---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed