преобразование встроенного и внутреннего стиля в адаптивный макет

0

У меня есть большой сайт, который нужно преобразовать в гибкий макет. Проблема заключается в том, что предыдущие разработчики имеют внутренний и встроенный стиль на всех страницах, а также таблицы. Я начал удалять эти стили и помещать их в один внешний. Это занимает много времени и было интересно, есть ли у кого-нибудь какие-либо предложения или альтернативные методы борьбы с этим.

здесь немного о том, что я имею в виду

<div class="header-top-scroller float-left">


   <table width="1280" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th width="344" align="left" valign="middle" scope="col"><table width="350" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th width="86" align="left" style="font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #eb3939;" scope="col">LANGUAGES:</th>
            <th width="264" align="left" scope="col">

            <table id="Table_24" width="235" height="23" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td align="center"><a href="#"><img src="images/languages_01.png" alt="" width="38" height="23" border="0" title="english" /></a></td>
                <td align="center"><a href="#"><img src="images/languages_06.png" alt="" width="38" height="23" border="0" title="francais" /></a></td>   
                <td align="center"><a href="#"><img src="images/languages_05.png" alt="" width="38" height="23" border="0" title="deutsch" /></a></td>  
                <td align="center"><a href="#"><img src="images/languages_02.png" alt="" width="38" height="23" border="0" title="espanol" /></a></td>
                <td align="center"><a href="#"><img src="images/languages_03.png" alt="" width="38" height="23" border="0" title="italiano" /></a></td>
                <td align="center"><a href="#"><img src="images/languages_04.png" alt="" width="38" height="23" border="0" title="japanese" /></a></td>


              </tr>
            </table></th>
          </tr>
        </table></th>
        <th width="936" align="right" scope="col">
         ...
Теги:
responsive-design

1 ответ

0

Nokogiri можно использовать для удаления стилей, тогда вам нужно воссоздать CSS самостоятельно (что, я думаю, лучше, чтобы вы могли писать более чистый/оптимизированный код)

(BTW, вы показываете table для отображения языков, поэтому кажется, что и html-часть нуждается в исправлении)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню