Верстаем таблицы | Курс HTML & CSS | Занятие №4 

У кого не видны рамки, просто перед пишете это: table { border: 1px solid black; border-collapse: collapse; } tr, td { border: 1px solid black; border-collapse: collapse; } Таким образом вы задаёте рамки при помощи CSS прямо в HTML коде

прохожу уроки и получаю удовольст.вие от того,как Андрей обьясняет.Лучший из всех,кто дает уроки по HTML/CSS.Я много что смотрел и пробовал по этим темам-могу точно сказать.

Крутой! Нет слов, спасибо Андрей! Изучаю дальше, не останавливаюсь..

Спасибо большое, Андрей. Очень доступно, сжато, информативно и понятно, как и в предыдущих Ваших уроках.

Спасибо большое, Андрей.Лучший из всех,кто дает уроки по HTML/CSS.Я много роликов смотрел где нужно было перелистовать,переспрашивать.А у тебя всё понятно сразу.МОЛОДЕЦ

захожу на новое видео и сразу ставлю лайк, чтобы не возвращаться из-за автовоспроизведения))) очень толковые уроки, буду смотреть на твоем канале все, что связано с web.

В общем....Андрей, вы очень круто все объясняете, подписка не избежна!))) Ооочень все доступно и понятно, без лишних слов! пока смотрю все в ускореном режиме 2Х) Обучаюсь с удовольствием)) спасибо вам!!

Доходчиво, и без "воды".

Андрей, великолепно преподносите материал! Очень четко, структурно. С оптимальной скоростью, которая не дает отвлечься, и в то же время позволяет воспринимать материал. Голос приятный, бодрый - настраивает на активное восприятие. Так же чувствуется что то, о чем говорите, интересно Вам самим, и от этого и слушать Вас еще интереснее. Спасибо огромное Вам за курс! Выбирал из нескольких, с чего начать - остановился на Вашем.

Ты топ!!! Смотрю твои ролики уже два года я уже на пайтене и не разу не смотрел у кого-то другого. Продолжай в тоже духе.👍👍👍

Отличный урок. Домашнее задание получилось сделать на УРА!!! СПАСИБО ВАМ!!

Вы такой молодец! Так все подробно рассказываете. Я аж с удовольствием смотрю и понятно и интересно очень!

Дуже круто та дуже зрозуміло!))) Дякуємо за надану безкоштовну інформацію та хорошу подачу) Великий респект і всього найкращого вам)))♥♥♥

Все получилось, я все сделал. Просто тормознул по началу. Спасибо.

Спасибо большое) очень помогли) дай Бог, Вам, счастья

Если в теге для 3-го столбца, применили стиль для 2 столбцов при помощи span="2", то в следующем задается стиль уже 5-го столбца, а не 4-го, каким он идет по порядку.

Спасибо большое за курс, даже сейчас он все еще актуален. Единственный вопрос у меня возник при выполнении домашнего задания. Я пытался разными способами отключить CSS стиль для 1х двух столбцов, в итоге почитав комментарии, понял что к ним просто ничего не надо было применять.

Спасибо за ваши уроки, очень позновательно и понятно!!

Классно, все понятно и удобно. Спасибо!

Андрей Одно Удовольствие спс уроки по Js приятно было бы посмартеть

В описании Д/З последним пунктом написан атрибут сначала weight, а потом width: 42 px. Запутался, потом только в комментариях посмотрел, что нужно просто width к backrground приписать. А вообще спасибо за домашку - закрепляет то, что объясняешь! Да и надо было подумать, что weight - вес, тут не при чем))

Спасибо за ваши труды!!!

Ты автор видео один из самых лучших спокойных и рассудительных приятно смотреть видео и понятно объясняешь ,супер ,да есть ещё два таких блогера про html тоже рассказывают ,пока все на этом .)))удачи в развитии канала ,всех благ тебе, молодец)))

супер! доходчиво, главное понятно

Учился по программе из PlayMarkt 'а там было 35% информации а ты выкладываешь то чего не было там! Я в восторге! Спасибо вам!

Спасибо большое :) Вы - такой умничка!) :) Приятный голос. И все очень понятно :) :) :)

Круто! Всё получается! Смысл понят!

Прекрасно, я нещодавно проходив тижневий марафон по HTML & CSS на одній просунутій ІТ конторі (з етичних міркувань, не називатиму якій)), Так от, завдяки вашим відеоурокам, за два дні навчився більше, аніж там за тиждень. Дякую за вашу роботу!

Спасибо, отличный урок, хоть я и не новичок!

Андрей, спасибо огромное за видеоуроки! Все крайне лаконично и понятно объясняете (мне лично даже слишком). Начинаю сам заниматься FrontEnd разработкой, хотя хотел сначала идти в UX/UI дизайн, так как неплохо вроде рисую, но решил все же продолжить стезю программирования. В институте занимался на Bash, C, C++, C# - С-образные правда не очень пошли (возможно требовалось больше практики для понимания языков). Сейчас HTML и CSS кажутся крайне интуитивно понятными и хорошо запоминающимися. Еще раз спасибо Вам за ролики, иду дальше по урокам.

спасибо , большое. Успехов тебе ! Лайк

где то пол года назад я у вас смотрел. у вас было 21к подписчиков а сейчас у вас 31к. развиваетесь. спасибо за видео!

Спасибо за видео!

так держать, молодец!

Спасибо ! Самое понятное объяснение!

Спасибо за ваш труд)

Викладач від Бога!

Тебе премию нужно выдавать,как преподаватель года!!!!! Спасибо большое за твою работу

Андрей, ух я и нервничал, когда делал все за тобой, а таблица не получалась))) Но потом оказывается нужно подключение Css стилей ) Спасибо за урок, двигаемся дальше.

Спасибо, Андрей!

Классное видео!

очень доступно !спасибо...

И ПОЛУЧАЕТСЯ ЧТО ЗАГОЛОВОК ТАБЛИЦУ НЕ ВЫДЕЛЯЕТ. СПАСИБО ЗА ВИДЕО ВСЕ ДОХОДЧИВО ОБЪЯСНЯЕШЬ.ЛАЙК ТЕБЕ

Спасибо тебе!

спасибо! все очень понятно!

отлично!

Спасибо, все понятно

Выполнение домашнего задания демонстрирует следующее : Возможно два способа решения пункта №6: 1)

Файлик css нужно скачать из облака, разархивировать, поместить в папку , где храниться ваш код (а в 6 строке кода, как раз прописан путь к этому скаченному и сохраненному файлику css). И только тогда у вас появятся разграничительные линии в таблице. Я сама с этим 2 дня сидела, пока мне самой не подсказали =)

спасибо хорошее дело делаешь

В домашнем задании, задавая width, сделайте его значени побольше чтобы наглядно было его действие. Я так сделал

У меня есть вопрос после откытие ненадо что ли писать и ?

Спасибо мужик!

как он отлично объясняет.

Спасибо!

Спасибо!)

Здравствуйте, Андрей! У меня текст в таблице не хочет писать по вертикали В целом не подскажете, почему? Спасибо.

Андрей, большее спасибо за уроки. В домашнем задании не смог выполнить п.6 (ширину для четвертого столбца). поскольку в коде к тегу уже применен атрибут фона для колонок №№ 3-6, то при попытке добавить еще один атрибут получается какая то ерунда:

Такой вопрос. Работу фотошопа будем разбирать в этом курсе по вёрстке? Кажется где-то слышал про это. Или я ошибаюсь?

когда использую пропадает перегородка

thead, tbody, tfoot, th -- позволяют создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.

Я домашку сделал так, с шириной 4 колонки , взял значение по больше чтоб видно было. думаю правильно?!

Напишу "пару слов про дз" : "6. Используя атрибут weight задайте ширину для четвертого столбца. Значением атрибута будет width: 42px; " последний пункт №6 вызвал недоумение и недопонимания, что за атрибут weight, я его что-то не нашёл, поправьте меня, если есть такой. (указал 420 для наглядности) Рабочее решение у меня было такое: Но мне хотелось изначально сделать так оно не сработало:

Андрей, сегодня, до просмотра вашего видео, написал таблицу и без CSS рамки сделал таким способом . Приемлемо?

Добрый день, при объединении ячеек, надпись остается слева? Подскажите почему?

благодарю

Подписка лайк !

лайк

Я проверил это точно из-за стиля я даже версию из ролика пробовал без твоих удалений все ровно только текст

спасибо

Вопрос по домашке, при таком варианте у меня расширяются сразу 2 колонки 3 и 4, а если атрибут width перенести в 4-ый , то расширяется 5-я колонка, так и не сообразил как расширить только 4-ю колонку.

Вопрос не по теме, курс очень классный, но у меня такой вопрос, открываю html код любого сайта и там в основном везде

Домашнее задание в какой-то не понятной кодировке, попробовал поменять через notepad++ попробовал все там имеющиеся и всё-равно иероглифы)

Можно просто И будет обводка

👍

Спасибо большое за видео! Если не сложно, разрешите мой вопрос: я вот в 2004 в школе сайтики пилил в dreamweaver, думаю, многие помнят такую, там не нужно было знать всех тэгов, атрибутов, все оформлено в визуальном интерфейсе, так вот почему до сих пор люди верстают вот так - ручками, кодом, если есть такие программы как дримвивер?

Все круто, но можно было бы показать еще семантику в виде thead и tbody

Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте

а как ты закоментил так быстро ? Горячими клавишами? И ещё, если у меня первая ячейка не сдвинулась вправо, то это по причине того, что изначально не отобразилась сама рамка, то есть таблица?

Никак не могу поменять ширину четвертого столбца. Прописывал атрибут Widht и в ячейке -заголовке и в теге col. Так же пробовал через CSS стили(подсказали в гугле). Как быть?

25:02 а как поменять цвет выделений (черточки) белые почему-то, не видно

Строим нашу первую ТБЛИЦУ!)

Что делать если нет рамок при использовании css . Написано все правильно, рамок нет.Где скачать файл css? Помогите

Содержимое текстового файла вместо текста кракозябры. Ставил кодировку utf-8 и менял языки на русский-английский и обратно - не помогает. Возможно файл из-за битых секторов на диске сервера скачивается не полностью. Напишите ответом что нужно сделать в домашнем задании.

Здравствуйте, а как решить проблему с рамками? Что то я не понимаю почему они не выводятся? Вроде пишу как на видео.

все хорошо, только звук надо было на микрофоне прибавить

Можно было добавить и были бы рамки, без css.

Как так получается, что нет бордера, атрибута централизации текста нет, а все равно текст по центру, и таблица отображается? у меня отображение таблицы вообще появилось только после, к примеру, - border="1" cellpadding="7" cellspacing="0" А у Вас сразу всё нормально было видно

Когда делаете делаете домашнее задание, не забудьте поставить тэг , иначе таблица не будет работать

почему то при помощи тега th верхние соеденились

Как убрать у двух первых колонок стили? 4 задание

сладенький мой.

я бы не сказал, что colspan - это кол-во ПРИСОЕДИНЕННЫХ ячеек. Скорее ОБЪЕДИНЕННЫХ. Ты ставишь 2 - присоединяет одну. Ты ставишь 3 - присоединяет две.

У меня почему-то не показывается линии между строками и столбцами

Как быстро закомментировать тег, или строку? Есть горячие клавиши?

15:05 - а какими горячими клавишами ты закомментировал ячейки?

У меня такой вопрос:а как подключить автозаполнение таблиц?

Со всем разобрался. В задании опечатка "Используя атрибут weight" вместо width. дальше правильно "Значением атрибута будет width: 42px;" С атрибутами отлично поигрался. Осёл - немножечко какой-то неадекватный браузер. Например, игнорирует цвет bordercolor. Chrome вроде отзывается в соответствие с тем, что просят, но вот атрибут Frame в Chrome игнорирует border и ставит толщину 1px. Возник ВОПРОС, можно ли сделать выравнивание текста в таблице сразу для всей таблицы. Align в теге выравнивает саму таблицу. Приходится только править строки и ячейки. Или тут только CSS поможет? Не смог отследить влияние атрибута cols. Что именно он делает. Пытался дурить и задавать ему значения больше меньше фактической размерности таблицы.

Можно как-то проверить правильность сделанного Д/З???