Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 18

Пишу не так как все!

16.06.2013, 18:12. Показов 710. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем. Относительно недавно заинтересовался сайтостроительством, начал изучать html, css, и js. На данный момент есть почти заверстанный сайт, но...Всю работу я проделывал в Dreamweaver и вместо тегов <div> <section> и т.д. я просто использовал функцию создания таблиц. И получается что у меня используются теги <th> <tr> <td> и т.д.
Я посмотрел коды некоторых сайтов, в самом начале кода они ссылаются на таблицу стилей style.css, а я делаю стили в самом блоке сайта, т.е не ссылаясь не на какие таблицы стилей. У меня несколько вопросов: это лучше или хуже? чем чревато такое создание сайтов?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.06.2013, 18:12
Ответы с готовыми решениями:

Рассудите: толи бага компилятора толи пишу не так как надо
Есть код основного цикла while(1==1){ if (Update&gt;0){ Update--; вызов функции }; }; переменная Update увеличивается...

Пишу всё как в видео уроке а мне выдает ошибку
Создал базу данных -chat , в ней таблицу-chat Connected to Database Server... Database has been selected... Warning:...

Нужно заменить все слова 'так как', 'и тому подобное', 'то есть', 'и так далее' их аббревиатурами
Заменить все сочетания «то есть», «так как», «и так далее», «и тому подобное» их аббревиатурами.

9
 Аватар для maximus2011
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
16.06.2013, 18:21
это чревато тем, что если сайт будет иметь допустим 1000 строк стилей css, будете все писать в одном файле вместе с html??? еще это влияет на продвижение сайта. Таблица имеет множество тегов, что тоже влияет на продвижение. (большое вложение) Ну и сама структура таблицы особо не позволяет делать манипуляции с некоторыми элементами. И завязывайте работать в дримвивере... так вы ничему не научитесь
0
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
16.06.2013, 18:26
я где-то читал что 7кБ css файла загружается быстрее, чем 5кБ html-кода
0
16.06.2013, 20:34

Не по теме:

Donald28, а там не было дополнительной инфы с чем это связанно?

0
странник
 Аватар для Donald28
810 / 481 / 108
Регистрация: 28.05.2012
Сообщений: 1,518
Записей в блоге: 2
16.06.2013, 21:38
Lovrentiy, неа, такой инфы там не было. Но скорее всего это связано с особенностью обработки браузерами информации. Т.к. CSS файлы узкоспециализированы, то алгоритмы их обработки не так сложны, как алгоритмы обработки html страниц. Ведь в html надо распознать не только теги, но и их атрибуты, а также скрипты и те же самые css стили.
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
16.06.2013, 21:48
Вообще, табличная верстка устарела. И связано это не только с неудобством верстки таким методом.
Содержимое таблицы загружается дольше. Для его отображения нужна загрузка всей таблицы целиком.

CSS в HTML файле - это жесть.) Для одностраничников еще может сгодиться, но для более-менее крупного сайта - никогда.
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
16.06.2013, 22:06
Цитата Сообщение от SoraxWeb Посмотреть сообщение
Для его отображения нужна загрузка всей таблицы целиком.
Алгоритмы вывода таблицы
Кликните здесь для просмотра всего текста
Алгоритм фиксированного вывода
В этом (быстром) алгоритме горизонтальный вывод таблицы не зависит от содержимого ячеек; он зависит только от ширины таблицы, ширины столбцов и от рамок и заполнения ячеек.

Ширина таблицы может быть специфицирована явно свойством 'width'. Значение 'auto' (и для 'display: table', и для 'display: inline-table') означает использование алгоритма автоматического вывода таблицы.

В алгоритме фиксированного вывода ширина каждого столбца определяется так:

Элемент столбца со значением свойства 'width', отличным от 'auto', устанавливает ширину этого столбца.
Иначе, ячейка в первом ряду со значением свойства 'width', отличным от 'auto', устанавливает ширину этого столбца. Если ячейка занимает более одного столбца, ширина разделяется на эти столбцы.
Любые оставшиеся столбцы равномерно разделяют оставшееся горизонтальное пространство таблицы (минус рамки и заполнение ячеек).
Ширина таблицы будет тогда больше значения свойства 'width' для элемента таблицы и суммарной ширины столбцов (плюс заполнение ячеек или рамки). Если таблица шире, чем столбцы, оставшееся пространство должно быть равномерно распределено между столбцами.

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

Автоматический вывод таблицы
В этом алгоритме (требующем обычно не более двух шагов), ширина таблицы определяется шириной её столбцов (и промежуточных рамок). Этот алгоритм отражает поведение некоторых популярных ПА HTML на момент написания данной спецификации. От ПА не требуется выполнять этот алгоритм для определения структуры таблицы в случае, если 'table-layout' - 'auto'. Они могут использовать любой другой алгоритм.

Этого алгоритма может оказаться недостаточно, поскольку он требует, чтобы ПА имел доступ ко всему содержимому таблицы до определения окончательной структуры, и может потребовать более одного шага.

Ширина столбцов определяется так:

Вычисляется минимальная ширина содержимого (MCW) каждой ячейки: форматированное содержимое может занимать любое количество строк, но не может переполнять бокс ячейки. Если специфицированная 'width' (W) ячейки больше, чем MCW, W является минимальной шириной ячейки. Значение 'auto' указывает, что MCW это минимальная ширина ячейки.
Так же вычисляется "максимальная" ширина каждой ячейки: затем содержимое форматируется без разрывов строк, за исключением тех разрывов строк, которые указаны явно.

Для каждого столбца определяется максимальная и минимальная ширина столбца из тех ячеек, которые занимают только этот столбец. Минимум - это та ширина, которая требуется для ячейки с самой большой минимальной шириной (или 'width' столбца, в зависимости от того, что больше). Максимум - это максимальная ширина, которая требуется для ячейки с самой большой максимальной шириной (или 'width' столбца, в зависимости от того, что больше).
Для каждой ячейки, занимающей более одного столбца, увеличивается минимальная ширина тех столбцов, которые она захватывает, так что вместе они не уже, чем ячейка. То же самое делается и для максимальной ширины. Если возможно, расширяются все захваченные ряды на приблизительно то же значение.
Это задаёт максимальную и минимальную ширину каждого столбца. Ширина столбцов влияет на окончательную ширину таблицы так:

Если свойство 'width' элементов 'table' или 'inline-table' имеет специфицированное значение (W), отличное от 'auto', вычисленное значение свойства будет больше W и минимальной ширины, требующейся для всех столбцов плюс заполнение и рамки ячеек (MIN). Если W больше, чем MIN, излишняя ширина должна быть распределена между столбцами.
Если элементы 'table' или 'inline-table' имеют 'width: auto', вычисленная ширина таблицы будет больше ширины самого большого из содержащих блоков таблицы и MIN. Однако, если максимальная ширина, требуемая для столбцов плюс заполнение ячеек или рамки (MAX) меньше, чем ширина содержащего блока, используется MAX.
Процентные значения ширины столбца являются относительными к ширине таблицы. Если таблица имеет 'width: auto', проценты дают ограничение ширины столбца, которое ПА должен попытаться выдержать. (Очевидно, это не всегда возможно: если ширина столбца '110%', ограничение не может быть выполнено.)

Примечание. В этом алгоритме ряды (и группы рядов) и столбцы (и группы столбцов) ограничивают и сами ограничены размерами содержащихся в них ячеек. Установка ширины столбца может неявно влиять на высоту ряда, и наоборот.
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
16.06.2013, 22:23
newJS,

Не по теме:

Благодарю за материал, но я не осилю на ночь :D

0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
17.06.2013, 07:22
SoraxWeb, вообще то это маленький кусочек, все тут, на завтрак самое то.
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 18
17.06.2013, 10:44  [ТС]
Всем спасибо за ответы).Но я забыл указать то, что я создаю dle сайт, и таблица стилей здесь в каждом файле своя (в addnews.tpl одна, в comments.tpl другая и т.д))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
17.06.2013, 10:44
Помогаю со студенческими работами здесь

Пишу программу которая меняет в тексте ( Panel) цвет,шрифт,размер написал все как надо выдает ошибку
Как исправить эту ошибку нужно ввести что то в var? Incompatible types Tcolor and strings Incompatible types integer and strings ...

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

Как на С++ битовыми операциями переставить биты так, чтобы сначала шли все единицы, а затем все нули?
Добрый день! Вот задача, с которой я столкнулся: В двухбайтной ячейке памяти записана последовательность нулей и единиц. С помощью...

Я не могу понять, уже пишу третий скрипт, а сайт так и выдает ошибку 500)
Я не могу понять, уже пишу третий скрипт, а сайт так и выдает ошибку 500 Подскажите что в этом коде не так Как изменить, что добавить: ...

Как работают кнопки (не всё так просто как может показаться)
Вытащил из сломанного радиатора такую схему. По внешнему виду напоминает обычные кнопки. Фото в аттаче. Но (и это меня убивает) тестер...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru