Joomla 1.5 div верстка статьи

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем RJ-10x, 16.01.2010.

  1. Offline

    RJ-10x Недавно здесь

    Регистрация:
    22.09.2007
    Сообщения:
    61
    Симпатии:
    0
    Пол:
    Мужской
    Я сверстал в dreamweaver div'ами то, что хочу что бы было в обычной статье joomla, но при вставке html кода в статью все мои div`ы не работают... |H|

    Я вставлял CSS этих div`ов и в главный CSS шаблона и в другие места, отображается только текст div`ов.... :(

    Образец файлика в html, вы можете найти в прикрепленных файлах.

    Так же предоставляю его просто вот он:




    Код (CODE):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Документ Без Имени</title>
    6.  
    7. <style type="text/css">
    8.  
    9.   .fonosram {
    10.   background: url(poster.png) repeat-none;
    11.   width:535px;
    12.   height:815px;
    13.   position:fixed
    14.   }
    15.    
    16.  .headlmps {
    17.  width:260px;
    18.  height:145px;
    19.  position: relative;
    20.  top: 3px;
    21.  left: 12px;
    22.  float: left;
    23.  }
    24.  
    25.  
    26.     .lev-pered-povorot{
    27.     width:150px;
    28.     height:90px;
    29.     float: left;
    30.     position: relative;
    31.     top: 170px;
    32.     left: -248px;
    33.     float: left;
    34.     }
    35.  
    36.  .gabarit{
    37.     width:150px;
    38.     height:90px;
    39.     float: left;
    40.     position: relative;
    41.     top: 190px;
    42.     left: -250px;
    43.     float: left;
    44.     }
    45.    
    46.     .stoplamps{
    47.     width:135px;
    48.     height:90px;
    49.     float: left;
    50.     position: relative;
    51.     top: 231px;
    52.     left: 10px;
    53.     float: left;
    54.     }
    55.    
    56.     .stopzad{
    57.     width:135px;
    58.     height:90px;
    59.     float: left;
    60.     position: relative;
    61.     top: 357px;
    62.     left: -125px;
    63.     float: left;
    64.     }
    65.  
    66.     .zadlamp{
    67.     width:165px;
    68.     height:90px;
    69.     float: left;
    70.     position: relative;
    71.     top: 465px;
    72.     left: -257px;
    73.     float: left;
    74.     }
    75.    
    76.     .zadniyhod{
    77.     width:165px;
    78.     height:90px;
    79.     float: left;
    80.     position: relative;
    81.     top: 465px;
    82.     left: 220px;
    83.     float: left;
    84.     }
    85.    
    86.     .nomer{
    87.     width:165px;
    88.     height:90px;
    89.     float: left;
    90.     position: relative;
    91.     top: 385px;
    92.     left: 200px;
    93.     float: left;
    94.     }
    95.    
    96.     .zadlamp{
    97.     width:165px;
    98.     height:90px;
    99.     float: left;
    100.     position: relative;
    101.     top: 465px;
    102.     left: -257px;
    103.     float: left;
    104.     }
    105.    
    106.     .zadpovorot{
    107.     width:130px;
    108.     height:140px;
    109.     float: left;
    110.     position: relative;
    111.     top: 215px;
    112.     left: 70px;
    113.     float: left;
    114.     }
    115.  
    116.     .stoyanochnie{
    117.     width:130px;
    118.     height:150px;
    119.     float: left;
    120.     position: relative;
    121.     top: -125px;
    122.     left: 400px;
    123.     float: left;
    124.     }
    125.  
    126.  .zagolovok{
    127.   padding-left:0px;
    128.   padding-top:0px;
    129.   width:100%;
    130.   height:10px;
    131.   font-family:Arial, Helvetica, sans-serif;
    132.   float: left;
    133.   }
    134.  
    135.   .ryadone{
    136.  
    137.   width:100%;
    138.   height:50%;
    139.   float: left;
    140.   }
    141.  
    142.   .ryadtwo{
    143.  
    144.   width:100%;
    145.   height:50%;
    146.   float: left;
    147.   }
    148.  
    149.  
    150. </style>
    151.  
    152. </head>
    153.  
    154.  
    155. <body>
    156.  
    157.  
    158. <div class="fonosram">
    159.  
    160. <div class="headlmps">
    161.  
    162. <div class="zagolovok">Лампы головного света</div>
    163.  
    164. <div class="ryadone">
    165. Первый ряд ламп
    166. </div>
    167.  
    168. <div class="ryadtwo">
    169. Второй ряд ламп
    170. </div>
    171.  
    172. </div>
    173.  
    174.  
    175. <div class="lev-pered-povorot">
    176. <div class="zagolovok">Указатели поворотов </div>
    177. <div class="ryadone"> Первый ряд ламп</div>
    178.  
    179. </div>
    180.  
    181. <div class="gabarit">
    182. <div class="zagolovok">Габар. лампы </div>
    183. <div class="ryadone"> Первый ряд ламп</div>
    184. </div>
    185.  
    186.  
    187. <div class="stoplamps">
    188. <div class="zagolovok">Стоп лампы</div>
    189. <div class="ryadone"> Первый ряд ламп</div>
    190. </div>
    191.  
    192. <div class="stopzad">
    193. <div class="zagolovok">Тормоз. лампы</div>
    194. <div class="ryadone"> Первый ряд ламп</div>
    195. </div>
    196.  
    197. <div class="zadlamp">
    198. <div class="zagolovok">Задние лампы </div>
    199. <div class="ryadone"> Первый ряд ламп</div>
    200. </div>
    201.  
    202.  
    203. <div class="zadniyhod">
    204. <div class="zagolovok">Задние лампы </div>
    205. <div class="ryadone"> Первый ряд ламп</div>
    206. </div>
    207.  
    208. <div class="nomer">
    209. <div class="zagolovok">Номер лампы </div>
    210. <div class="ryadone"> Первый ряд ламп</div>
    211. </div>
    212.  
    213.  
    214. <div class="zadpovorot">
    215. <div class="zagolovok">Номер лампы </div>
    216. <div class="ryadone"> Первый ряд ламп</div>
    217. </div>
    218.  
    219. <div class="stoyanochnie">
    220. <div class="zagolovok">Стоянка лампы </div>
    221. <div class="ryadone"> Первый ряд ламп</div>
    222. </div>
    223.  
    224.  
    225. </div>
    226.  
    227.  </body>
    228. </html>



    Вопрос. Как перенести css с этого файлика в нужное место, что бы div используемые в статье заработали??
     

    Вложения:

    • poster.zip
      Размер файла:
      1.1 КБ
      Просмотров:
      0
    Последнее редактирование: 16.01.2010
    RJ-10x, 16.01.2010
    #1

  2. Наши спонсоры

     
  3. Offline

    ---_SkippeR_--- Недавно здесь

    Регистрация:
    13.11.2009
    Сообщения:
    181
    Симпатии:
    8
    Пол:
    Мужской
    Поставте плагин для dreamweaver и не мучайтесь плиз... а так же в инете есть видео по показу как создать тестовый шаблон с dreamweaver и плагином. А то вы щас просто себя мучаете, а это уже не есть айс в создании шаблона.
     
    ---_SkippeR_---, 16.01.2010
    #2
  4. Dmivlagus
    Offline

    Dmivlagus Недавно здесь

    Регистрация:
    25.01.2010
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    А что за плагин?
     
    Dmivlagus, 02.02.2010
    #3
  5. Asylum
    Offline

    Asylum Местный => Cпециалист <=

    Регистрация:
    09.02.2007
    Сообщения:
    2 744
    Симпатии:
    160
    Пол:
    Мужской
    Asylum, 02.02.2010
    #4
< Цифры после тэга </html> | проблема с маркерами в IE7 у левого меню сайта >

Поделиться этой страницей

Загрузка...