Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1974 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  probleme CSS imageready

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

probleme CSS imageready

n°814349
Deepblue3
Posté le 24-04-2006 à 20:05:54  profilanswer
 

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

mood
Publicité
Posté le 24-04-2006 à 20:05:54  profilanswer
 

n°814490
Deepblue3
Posté le 25-04-2006 à 01:09:37  profilanswer
 

est ce que je me suis trompé de rubrique ?

n°814950
oualad
Posté le 25-04-2006 à 23:24:32  profilanswer
 

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
n°814958
Deepblue3
Posté le 26-04-2006 à 00:04:57  profilanswer
 

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
n°815116
oualad
Posté le 26-04-2006 à 12:47:32  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  probleme CSS imageready

 

Sujets relatifs
[FLASH] problème sur diaporamas (simpleviewer)[Galerie] =Kent(1)= news du 16/07/2011 (i'm back!)
problème d'impression Xpressprobleme de masque et de texte dynamique dans flash
[Poser 6] Problème d'animation dynamique ...Problème trait plié sous Illustrator
probleme namo web 6Problème d'affichage dans un tableau
creation d'un site probleme avec image readyprobleme d'orientation
Plus de sujets relatifs à : probleme CSS imageready

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.053 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR