Применение стиля к элементу на веб странице применяет к нему так же все параметры высоты и ширины, содержащиеся в назначенном стиле. Если у вас стоит у элемента ширина и высота 40 пикселей, то при назначении стиля этому элементу, размер поменяется согласно указанному в стиле. Здесь есть такая вещь, вы можете назначить всем табличным элементам td, ширину и высоту через стили одинаковую, и после них написать параметр !important, это указывается в случае, если данное свойство важнее назначаемых.
Пример:
Если класс вашей таблицы будет table1, то пишем в стилях следующий селектор:
.table1 td { width: 40px !important; height: 40px !important; }
У вас получается так:
- Вы задаете размер ячеек, при формировании страницы они так и русются с нужным размером
- Идет считывание CSS файла сверху-вниз, и как только дойдет до назначенного класса с размером "картинки", то он применяет этот размер ко всему элементу, и потому его размер меняется, ведь все свойства назначаются последовательно, и последующий заменяет предыдущий, если у него нет параметра !important
- Формируется страница не так, как вам нужно.
Почему? Не совсем понимаете принцип работы свойств width и height в css, и как работает класс, применяемый к элементру страницы =)
Решение:
Убрать у ячеек размер width и height в html и задавать его через класс для "картинки", или же сделать так:
- Указываете таблице, содержащей ячейки идентификатор или класс, далее в css обращаетесь ко всем элементам которым нужно задать один размер, например .table1 td, как я писал ранее.
- Далее в свойствах этого селектора (.table1 td) пишем нужный width и height с параметрами !important. Как я писал выше.
Дело в том, что вы думаете что назначаете размер фону, а вы назначаете его всему элементу, к которому применяете стиль, в данном случае это ячейка таблицы.
У ячейки должен быть размер, а у фона он не указывается. Для фона есть только повторение, фиксация, смещение.
На практике при работе с изображениями тег <img> редко используется с одним только атрибутом "scr". Например, специалисты настойчиво рекомендуют указывать в явном виде ширину и высоту картинки с помощью "width" и "height", соответственно. Якобы в этом случае быстрее происходит формирование страницы. Ниже в примере показано, как задать для изображения размеры четыреста на четыреста пикселей:
Не могу похвастаться тем, что сам всегда так делаю, но на сайте, которым сейчас приходится заниматься я во всяком случае не удаляю такие атрибуты, если они уже были поставлены предыдущим исполнителем.
Но есть ещё атрибут, применять который настаиваю уже я сам. Речь идёт о "alt", который очень любят поисковики - они черпают из тега дополнительный контент. Аналитические программы тоже внимательно изучают текст внутри "alt" и сравнивают его со всем остальным содержимым проверяемой страницы. Для наглядности я сократил текст, но на самом деле в этом месте у меня всегда текст на две-три строчки с подробным описанием фотографии или рисунка.
На мой взгляд вообще, чем больше текста на вашем сайте, тем больше пользы.
Конечно может, а с чего вы взяли, что первым обязательно должно быть имя функции?
Можно и var и просто любые конструкции языка использовать сразу с начала файла, совсем необязательно начинать с объявления функции.
В тег <title> заключается тот текст, который мы видим в результатах поисковой системы, а также в своих браузерных закладках. Благодаря этому тексту мы можем быстро сориентироваться, где у нас какой сайт :)
Прописывается в коде так:
<title>нужный текст</title>.
Этот тег нужно обязательно закрывать, если вы не хотите, чтобы весь текст сайта у вас оказался в названии страницы :)
Также с помощью этого тега можно добавлять заголовки к определенным обьектам на странице, например, к картинкам.
Для этого можно использовать очень неплохую библиотеку DiHTMLParser. Библиотека платная, найти ее можно легко по названию на официальном сайте. Можно найти и ломанную версию, но тогда чревато будет ее использовать в коммерческих приложениях - разработчики библиотеки могут возмутиться... А по большому счету - парсить можно банальным поиском по тексту. Даже есть лавина алгоритмов быстрого поиска по тексту. Реализацию быстрого поиска можно легко нагуглить.