Как в коде найти незакрытый див?

Тема в разделе "Как сделать...", создана пользователем Красавчег, 1 ноя 2011.

  1. Красавчег

    Красавчег Завсегдатай

    Регистр.:
    15 мар 2010
    Сообщения:
    902
    Симпатии:
    300
    Разъезжается дизайн, Походу, где-то есть незакрытый див. Но с учетом того, что на странице дивов (половина ещё и вложенных) под сотню, может есть какой-то способ быстро найти незакрытый див?
     
  2. Andy_ham

    Andy_ham Джедай на пенсии

    Регистр.:
    3 сен 2007
    Сообщения:
    450
    Симпатии:
    264
    Я пользуюсь в таких случаях простым и относительно быстрым способом. Открываю файл в редакторе, который умеет подсвечивать html элементы, напр. Notepad++. Начинаю с вложенных дивов, щелкая на начало элемента ( div class=......), редактор подсвечивает закрывающий тег (</div>). Мышкой быстро удаляю див со всем содержимым, и иду далее.
    На сотню слоев уходит 2-3 минуты. :)
     
  3. Красавчег

    Красавчег Завсегдатай

    Регистр.:
    15 мар 2010
    Сообщения:
    902
    Симпатии:
    300
    Andy_ham, я так и делаю, но думал может какой лучше способ есть.

    Ещё попробовал плагином для мозиллы (хтмл валидатор назвается) так там он ваще фигню какую-то выдает - варнинг на варнинге..
     
  4. x714

    x714 Создатель

    Регистр.:
    24 фев 2009
    Сообщения:
    18
    Симпатии:
    2
    Советую в таких случаях пользоваться : Перейти по ссылке
    Показывает не только ошибки с тегами но и те мелочи благодаря которым повышается уровень верстки шаблонов.
     
  5. SeoLazy

    SeoLazy Постоялец

    Регистр.:
    10 дек 2010
    Сообщения:
    139
    Симпатии:
    15
    Обычно пользуюсь Notepad++ он прекрасно подсвечивает теги, а если теги парные то сразу видно, который не закрыт, и кому принадлежит та или иная пара.
     
  6. SavaNET

    SavaNET Писатель

    Регистр.:
    10 янв 2012
    Сообщения:
    3
    Симпатии:
    0
    Советую использовать dreamweaver
    У него есть горячие клавиши
    например курсором ставишь где надо сделать сворачивание и нажимаешь Ctrl+[ или Ctrl+]

    Так же использую Notepad++ , это кому как нравится.

    Выделить родительский тег Ctrl+[
    Выделить дочерний тег Ctrl+]
     
  7. HEPB

    HEPB Постоялец

    Регистр.:
    24 июн 2009
    Сообщения:
    111
    Симпатии:
    8
    HTMLPad2010. не только подсвечивает, но есть и предпросмотр.
     
  8. NikroVir

    NikroVir Извращённый отшельник

    Регистр.:
    27 апр 2008
    Сообщения:
    325
    Симпатии:
    108
    использую WeBuilder. есть подсветка синтаксиса, большое количество инструментов для проверки кода (вот они-то вам и помогут), а так же быстрый просмотр.
    редактор предельно интуитивен, так что проблемм возникнуть не должно
     
  9. gauss_gauss

    gauss_gauss Постоялец

    Регистр.:
    13 окт 2011
    Сообщения:
    87
    Симпатии:
    4
    а dreamweaver тоже подсказывает и подсвечивает
     
  10. nartuk

    nartuk Создатель

    Регистр.:
    8 апр 2008
    Сообщения:
    15
    Симпатии:
    0
    Но Dreamweaver громадный, а Notepad++ мелкий и удобный, для верстки хватает с головой!