Полюбите код! И он полюбит Вас!

Последние комментарии:

Марат : Рад, что помог! далее

2018-05-01 14:39:38



Serge : Коротко и ясно!!! Молодца!!! я, даже не поленился, зарегился и далее

2018-05-01 12:36:15



Марат : Андрей - там может быть столько нюансов... А вообще, мы далее

2018-03-11 13:23:36



Андрей : Попробовал поставить версию 1.2, но что-то не работает. далее

2018-03-11 13:03:52



Марат : Для этого и делали! Рад, что помог! Приходите ещё! далее

2018-02-16 20:31:51



Это интересно:

Рейтинги страниц.

Ширина таблицы через css.

Сегодня займёмся тем, что зададим ширину таблицы через css. И это не так сложно, как может показаться на первый взгляд!

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

Но если вы сделаете ширину ваших таблиц через css, то вам будет достаточно изменить лишь один параметр, в одном файле css, и все ширины у вас изменятся.

Что касается css и ширины. То здесь есть два варианта, либо ширину прописать на самой странице, либо в отдельном файле!

И как бы не казался первый вариант глупым, но его можно использовать, к примеру, если у вас есть необходимость создать таблицу только на одной странице и она будет уникальной – и чтобы не захламлять файл основной файл css.

1.

Начнём с первого варианта, который мы применим прямо здесь.

Создадим самую простую таблицу:

И присвоим ему любой класс –

class="table-cheres-css-na-samoy-stranitse"

Вот наша таблица.

<table class="table-cheres-css-na-samoy-stranitse">

<tbody>

<tr>

<td>Ширина таблицы через css.</td>

</tr>

</tbody>

</table>

Далее нам нужно  данный класс ввести в css код, который располагается на самой странице перед тегом </head>

Пропишем в этом стиле ширину:

Width

И поставим ему числовое значение, измеряемое в пикселях:

350px

И поставим бордюр /border/, чтобы эту таблицу мы смогли увидеть!

Ссылка на страницу, где можно скопировать коды, будет в самом низу.

Вот такая запись должна получиться:

<style>

.table-cheres-css-na-samoy-stranitse{

width:350px;

border: 1px solid;

}

</style>

Смотрим на таблицу:

Ширина таблицы через css в 350px.

2.

Второй вариант – эффект, тот же самый, но ширина будет прописана в отдельном файле css.

Так что нам нужно сделать!?

1.Нам нужно создать таблицу.

2.Создать файл css.

3.Прикрепить его к странице.

4.И далее создать либо "id", либо "class", его поставить внутрь таблицы.

5.В файле css прописать данное свойство!

Создадим файл css, назовём его:

Shirina-tablitsi-cherez-css.css

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

И каждому элементу каркаса присвоим id либо class. Далее все эти "ид" и "классы" пропишем в файле css, где выставим им ширину таблиц, кроме того, в таблицах есть столбцы - им тоже присвоим свой класс, и пропишем для них ширину.

И для того, чтобы вы сумели увидеть края данной таблицы, поставим бордюр в двух элементах, вы его сможете спокойно удалить!

border: 1px solid;

Я не буду долго и нудно вам, всё это объяснять, просто смотрите пример и копируйте его себе!

Понравилась статья!? Не стесняйся – поделись ссылкой!

И!

Пожалуйста! Если вам не трудно - прокомментируйте то, что вы прочитали! Вам понравилось, или не понравилось! Напишите, какие мысли возникли у вас, и это бесплатно для вас, но очень ценно для нас!!! Всё, что вы здесь видите - это написано для вас! Никаким другим образом мы не можем понять вашу реакцию. Может, что-то стоит добавить или наоборот убрать. Либо, что-то стоило изменить...

P.S.

25 октября 2017

Мы запустили подписку на новости по емайлу, как только выходит новая статья, то будет отправлено сообщение на почту, что вышла новая статья!

Почему стоит подписаться на наши новости!?

Расскажу историю, вчера искал ответ на один из вопросов (конечно, я могу и сам написать, но чаще всего, вначале, ищу в интернете, может есть готовое решение…) и было множество вариантов, которые были описаны, но ни одного, с примерами! И мало того, что они предлагают решения, которые непонятно как реализовывать, особенно новичкам, у которых больше вопросов, чем ответов. Так они еще и не работают!

У нас же, на сайте – только рабочие проверенные скрипты! Полностью с описанием и с примерами! И реализовать может человек с нулевыми знаниями!

Мы есть здесь:

Проголосовать за статью!
  С 24 сентября мы запускаем новый скрипт в тестовом режиме (только свои скрипты)
  Вы можете проголосовать за понравившуюся статью.

  Еще никто не проголосовал
    


Просмотров 489

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

Если вы не нашли подходящего блока объявлений, то вы еще можете помочь проекту!

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

Оставить комментарий:

Для отображения аватара после отправки сообщения, необходимо быть зарегистрированным в Граватаре.



Комментарии

Комментариев пока нет.

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Перечеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить маркированный список Вставить нумерованный список Вставить ссылку Вставить e-mail Вставить изображение Вставить видео
 
Улыбка Печаль Удивление Смех Злость Язык Возмущение Ухмылка Подмигнуть Испуг Круто Скука Смущение Несерьёзно Шокирован
 
5000
Напишите слово марш наоборот.
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 

Оставить комментарии через вконтакте

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растфнуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования