VPF::Css верстка - Форум программистов

Nest

Дата 8.4.2006, 16:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 8.4.2006

Репутация: нет
Всего: нет

У меня такой вопрос по Css верстке, почему когда я накладываю новый слой на предедущей при этом в придедущем есть ссылки, то эти ссылке стают недоступны в Мозиле, а в ИЕ все норм.

Ciber SLasH

Дата 8.4.2006, 17:59 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Ну так естественно ссылки работать не будут, т.к. их перекрывает новый слой. А IE плевать на стандарты, он работает по принципу: "Как хочу, так и ворочу."

Nest

Дата 10.4.2006, 10:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 8.4.2006

Репутация: нет
Всего: нет

А как тогда верстать? Вот код зацените плиз

Код


<div style="width: 740px; height: 300px; vertical-align: top; text-align: center;" id=general align=center>
   <div valign=top>
    <div style="width: 100%; padding-top: 19px; vertical-align: top; align: left" align=left id=rm1>
      <div style="width: 282px; text-align: left" id=rm2 align=left><a href=#><img src=images/m01.gif width=282 height=66 border=0></a></div>
      <div style="width: 738px; vertical-align: top; text-align: right; padding-left: 450px" id=rm1 align=right>
        <div style="height: 3px; width: 294px" align=left class=font1 id=rm1>
          <img src=images/m02.gif>
          <span style="padding-left: 62px;"></span>
          <img src=images/m02.gif>
          <span style="padding-left: 63px;"></span>
          <img src=images/m02.gif>
          <span style="padding-left: 56px;"></span>
          <img src=images/m02.gif>
        </div>
        <div style="width: 294px; padding-top: 10px" align=left class=font1 id=rm1>
          <a href=# class=ml1>Account</a>
          <span class=pa></span>
          <img src=images/m48.gif width=1 height=14 align=absbottom>
          <span class=pa></span>
          <a href=# class=ml1>View cart</a>
          <span class=pa></span>
          <img src=images/m48.gif width=1 height=14 align=absbottom>
          <span class=pa></span>
          <a href=# class=ml1>Privacy</a>
          <span class=pa></span>
          <img src=images/m48.gif width=1 height=14 align=absbottom>
          <span class=pa></span>
          <a href=# class=ml1>Shipping info</a>
          <span class=pa></span>
        </div>
      </div>
    </div>
    
    </div>
   <div>
   <div style="width: 724px; padding-top: 20px; text-align: left" id=rm1 align=left>
    <div id=rm2 style="padding-top: 68px" class=font1><img src=images/m03.gif></div>
    <div id=rm2 class=font1 style="vertical-align: top; padding-top: 68px; padding-left: 8px;">
       <img src=images/m50.gif><br>
       <a href=#><img src=images/b01.gif width=150 height=34 border=0></a><br> 
       <a href=#><img src=images/b02.gif width=150 height=25 border=0></a><br>
       <a href=#><img src=images/b03.gif width=150 height=26 border=0></a><br> 
       <a href=#><img src=images/b04.gif width=150 height=29 border=0></a><br> 
       <a href=#><img src=images/b05.gif width=150 height=28 border=0></a><br> 
       <a href=#><img src=images/b06.gif width=150 height=26 border=0></a><br> 
       <a href=#><img src=images/b07.gif width=150 height=27 border=0></a><br>
       <img src=images/m49.gif>
    </div>
    <div id=rm2 style="padding-left: 158px; padding-top: 68px"><img src=images/m05.gif width=13 height=230></div>
    <div id=rm2 style="padding-left: 171px; padding-top: 68px; width: 100%; vertical-align: top;">
     <div style="width: 559px; padding: 0px; height: 183px" id=rm1><img src=images/m06.jpg width=243 height=183><a href=#><img src=images/m07.jpg width=258 height=183 border=0></a><img src=images/m08.jpg width=58 height=183>
     </div>
     <div id=rm2 style="padding-top: 251px; padding-left: 171px">
     <div id=rm1 style="width: 547px; height: 40px; padding-top: 7px; background: #2E580F; vertical-align: middle;">
      <span style="padding-left: 35px; vertical-align: middle;" class=ch1>Currencies:</span>
      <span style="padding-left: 6px; padding-right: 30px; vertical-align: middle;"><select class=se><option>US Dollar</option></select></span>
      <span style="padding-left: 2px; padding-top: 5px; width: 2px; height: 30px; background: #B5BD5C; vertical-align: middle;"></span>
      <span style="padding-left: 24px; padding-right: 7px" class=ch1>Choose your language:</span>
      <span><a href=#><img src=images/m10.gif border=0 align=absmiddle></a>&nbsp;<a href=#><img src=images/m11.gif border=0 align=absmiddle></a>&nbsp;<a href=#><img src=images/m12.gif border=0 align=absmiddle></a></span>
    </div>
    </div>
    <div style="width: 547px; height: 7px; padding-top: 24px; background: #2E580F"></div>
    </div>
    <div id=rm2 style="padding-top: 251px; padding-left: 718px"><img src=images/m09.gif width=12 height=47></div>
    </div>
   </div>
   </div>
   <div style="width: 740px; height: 100%; text-align: center;" valign=top align=center id=rm1>
    <div id=rm2 valign=top style="padding-top: 302px;">
     <div id=rm1>
      <div style="width: 180px; height: 30px; background: url('images/m14.gif');"></div>
     </div>
    </div>

   </div>

   <div valign=bottom></div>
  </div>

Тяжело перейти с табличной верстки верстку слоями.

Bangladesh

Дата 11.4.2006, 00:01 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17

тяжело бывает, когда кидаешься из одной крайности в другую. используй гибридную верстку.

--------------------

ок

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »