Jump to content
  • 0

Редактор JSFiddle?


seemax
 Share

Question

Судя по к-ву ссылок в обсуждении задач, этот редактор онлайн довольно популярен.

Стоит ли продолжать с ним играться? Я вижу некорректное отображение в нескольких примерах:

1) Вложенные списки

2) Схлопывающиеся отступы

3) Атрибуты <table>

Удобен, понятен, быстр. Но если врёт, зачем это всё?

Может я слишком делитант, подскажите плз?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

seemax,

Врать он не может. Т.к. по сути там тупо ifarame в который выводится твой код, который обрабатывается браузером.

Проверь не стоит ли у тебя галочка в настройках - "Normalized CSS"

Link to comment
Share on other sites

  • 0

Я вообще не понимаю, причем тут редактор и jsfiddle. Ведь это сервис для хранения и запуска кода. Правильно сказала Оксана: он работает так, как работает ваш браузер.

Link to comment
Share on other sites

  • 0

Я вообще не понимаю, причем тут редактор и jsfiddle. Ведь это сервис для хранения и запуска кода. Правильно сказала Оксана: он работает так, как работает ваш браузер.

Спасибо за подсказки.

Привожу примеры выводимые моим браузером:

1) По условию задачи нужно избавиться от не желаемых отступов

http://htmlbook.ru/practical/otstupy-mezhdu-blokov

Но Фидли выводит без отступов

http://jsfiddle.net/seemax/FRfuE/

Цели задачи нет как бы….

2) В данной таблице выставил rules="all" cellspacing="6" ,

но по-прежнему каждая ячейка обрамляется тонкой линией

http://jsfiddle.net/seemax/ZX3Zj/

3) Решение данной задачи

http://htmlbook.ru/practical/numerovannyy-i-markirovannyy-spisok

должно выглядеть совсем не так

http://jsfiddle.net/seemax/Qgf7c/

Т есть я вижу весь список прижатым к левой кромке. Полосы прокрутки нет, маркеров и нумерации списка нет.

Если некорректный вывод только у меня, значит вопросы к настройкам моего FF8.0

seemax,

Врать он не может. Т.к. по сути там тупо ifarame в который выводится твой код, который обрабатывается браузером.

Проверь не стоит ли у тебя галочка в настройках - "Normalized CSS"

Спасибо, снял галочку, картинка в моих примерах № 1 и 3 появилась ожидаемая.

Пример 2 не изменил вид. Наверное где то моя ошибка...

Link to comment
Share on other sites

  • 0

seemax,

Врать он не может. Т.к. по сути там тупо ifarame в который выводится твой код, который обрабатывается браузером.

Проверь не стоит ли у тебя галочка в настройках - "Normalized CSS"

Можно ещё прояснить для себя?

Для чего Normalized CSS "which is removing most of the browser styling of many HTML tags."?

Т есть Norm CSS позволяет проигнорировать настройки стилей в данном броз?

Влияние на отображение я увидел. Говорит ли это о том, что тестить в итоге надо именно с включенным Norm CSS в каждом броз, чтобы понять его влияние на изображение?

Link to comment
Share on other sites

  • 0

"Normalized CSS" - это простой сброс CSS стилей. В него входит сброс полей и отступов у html, body и многих блочных тегов.

Сброс CSS стилей довольно часто используется при верстке для обнуления начальных стилей, которые в разных браузерах могут отличаться.

Вот здесь можно посмотреть пример "Reset CSS": http://meyerweb.com/eric/tools/css/reset/

Во многих случаях сброс делают просто:

* {
margin: 0;
padding: 0;
}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy