|
Делаем сайт Архангельска сами!
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 17.22 | Сообщение # 241 |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Если рамка лишняя под рисунком, то получается так: Во, блин, справилась  С чего это верхняя граница таблицы стала лишней? Не будем отделять рисунок ни чем? Откуда взялся <center></center>? Такого тега не существует в природе :-)
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 17.24 | Сообщение # 242 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) или процесс более-менее нормально идет? Процесс идет нормально. Постигаем азы. Как постигнем и научимся отличать картинку от таблицы - так дело пойдет горааааздо быстрей
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 17.48 | Сообщение # 243 |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Quote (ЮВ) <table class="tbl"> лишние рамки
Вот я предполагаю, что рамки внизу и по бокам таблицы повторяются. Только ума не приложу, где об этом написано. Можно воспользоваться 98-м повторением?
Quote (ЮВ) У нас в запасе еще 98 напоминаний :-)
Можно воспользоваться 98-м повторением?
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин© 
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 18.53 | Сообщение # 244 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Quote (Ирина) Можно воспользоваться 98-м повторением? ОК.
Итак, если мы пишем: border:, у нас рамка со всех сторон. Это понятно?
Если нам не нужна рамка со всех сторон, то мы можем задать ее с одной, с двух или трех сторон.
Для этого используются : border-top:
border-bottom:
border-left:
border-right: Думаю, какая рамка где будет расположена объяснять не надо. Тут тоже не надо в совершенстве владеть английским. Вывод.
Если мы хотим, например, задать только верхнюю рамку, то пишем: border-top: 1px solid black; Если, например, сверху и слева, то border-top: 1px solid black;
border-left: 1px solid black;
И т.д.
Здесь понятно?
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 19.04 | Сообщение # 245 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Понятно, да. Значит в css надо добавить, а не убавить.
вот такой вариант у меня получился: http://www.archangelsk2008.ru/
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 19.21 | Сообщение # 246 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Вроде все ОК :-)
Теперь разберемся с ячейками. Точнее с их рамками.
У Вас первая ячейка имеет рамку с правой стороны. Третья - с левой.
В общем то, ошибки здесь нет, но более рационально будет задать средней (второй) ячейке границы с правой и с левой стороны, а у первой и третьей границы убрать.
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 19.40 | Сообщение # 247 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Переделала.
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 19.56 | Сообщение # 248 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| ОК.
Теперь ведь вот какая хрень получается. У первой и третьей ячеек совершенно одинаковые параметры. Т.е мы два раза прописали одно и то же. Думаю, этого делать не стоит. Как по Вашему можно избавиться от повторений?
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 20.02 | Сообщение # 249 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Quote (ЮВ) избавиться от повторений?
можно объединением 
еще бы знать чего с чем
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 20.21 | Сообщение # 250 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Еще у нас больше 90 повторений. Так что не отчаиваемся :-)
Повторяю.
Идет, идет, идет браузер по html и доходит до имени класса первой ячейки и что делает? Правильно. Идет в файл css что бы найти там такое же имя. Т.е если в html он нашел class="td1", то в файле css он будет искать .td1
Такой вот умный браузер :-)
Тут еще надо заметить, что ему по барабану, как мы данный класс назвали.
Мы назвали класс первой ячейки td1 только для того, что бы самим не запутываться
Могли бы назвать td20758 или ira, или yura, или forum Браузер не переводчик. Назвали бы sex, от он бы принялся искать в css .sex
Такой вот бестолковый браузер:-) Это была подсказка :-)
Зачем же сразу морду бить? Давайте спорить!
Сообщение отредактировал ЮВ - Суббота, 2008-10-18, 20.24 |
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 20.45 | Сообщение # 251 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| .container
{
width:980px; margin:0 auto; /* Ширина - 980px Устанавливается по центру экрана */
border: 1px solid black; /* Рамка одинарная черного цвета. Равна 1px */
} .logo
{
width:980px; margin:0 auto; /* /* ширина блока */
height: 144px; /*высота блока*/
background-image: url(images/logo.jpg); /*вставляем рисунок в виде фона*/
} .tbl
{
width:980px;
border-top: 1px solid black;
} .td1
{
width: 140px;
} .td2
{
width: 700px;
border-left: 1px solid black;
border-right:1px solid black;
} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<TITLE>Архангельск</TITLE>
<LINK REL=STYLESHEET HREF="style.css" TYPE="text/css">
</HEAD>
<BODY>
<div class="container">
<div class="logo"></div>
<table class="tbl">
<tr>
<td class="td1">
Левая колонка
</td>
<td class="td2">
<center>Средняя колонка</center>
</td>
<td class="td1">
Правая колонка
</td>
</tr>
</table>
</div>
</BODY>
</HTML>
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 21.37 | Сообщение # 252 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| Если честно, то не ожидал, что мы так быстро справимся с этим заданием :-)
Пора с рамками заканчивать. Подводим итоги Итак, мы знаем, что в наших силах задать объекту границы с любых сторон. Здесь вроде все ясно.
Теперь немного о том, чем мы пользовались для определения рамок.
1px solid black; 1px - это ясно. Ширина рамки. Напишем другую цифру, изменится ширина 5px solid black;
solid - определяет стиль рамки. Так же можем использовать для указания стиля следующие значения:
dotted, dashed, double, groove, ridge, inset, outset. Как будут выглядеть рамки с этими значениями описывать не буду. Можете сами поэкспериментировать (заменить solid на любое из этих значений).
black - тут нам тоже переводчик не понадобится. Черный цвет.
Цвета задаются несколькими способами. Рассмотрим два из них.
1. Названием цвета. Меняем black, например, на blue и имеем рамку голубого цвета.
red - естественно, красного, green - зеленого и т.д.
2. Цифрами в шестнадцатиричном коде. Так, например, черный цвет (black) можно объявить, как #000000
Красный (red) - #FF0000 зеленый (green) - #008000 и т.д.
Все подробности о цветах описывать не буду. Сажу лишь, что эти самые шестнадцатиричные обозначения можно узнать из любого графического редактора, например, photoshop.
Ну уж на на крайний случай, воспользоваться таблицей цветов, которых в достатке в интеренете. Например здесь:
http://www.ruled.ru/color_tabl2.html Жду вопросов.
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 21.59 | Сообщение # 253 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| С цветами я чуть раньше разобралась, поэтому тут все понятно (http://www.javaportal.ru/htmlandcss/tablecolors.html ). Рамочку в 3px уже пробовала сделать С видами рамок тоже понятно.
Куда рванем дальше?
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| Ирина_А | Дата: Суббота, 2008-10-18, 23.24 | Сообщение # 254 | |
Вице-админ.
Группа: Администраторы
Статус: Offline
| Ну как-то вот так
http://www.archangelsk2008.ru/index.html
«Отродясь такого не было, и вот – опять!»
В.С.Черномырдин©
|
| |
|
|
| ЮВ | Дата: Суббота, 2008-10-18, 23.38 | Сообщение # 255 | |
Долгожитель нашего форума.
Группа: Заслуженный форумчанин
Сообщений: 1970Награды
ЮВ,
Статус: Offline
| ОК. Идем дальше :-) Я слукавил маленько, говоря о том, что браузер ищет в html файле только фразы типа class="xxx" На самом деле он ничего не пропускает. Иначе зачем бы мы писАли пустые теги типа <body></body>?
Браузер все равно заглянет в css что бы посмотреть нет ли параметров для каждого тега.
Итак, зададим параметры для всего документа сделаем мы это так (естественно в файле css). body
{
font-family: verdana; /* Стиль шрифта */
font-size: 10pt; /* Размер шрифта */
} Без всяких классов!
Вроде все без пояснений понятно.
Разве что обратить внимание на то, что размер шрифта задан не в пикселях, а в пунктах.
Вообще размеры задаются в нескольких единицах измерения, но мы на этом останавливаться не будем.
Глянули, как работают пиксели, теперь глянем, как работают пункты. Какими измерениями пользоваться разницы нет.
А вот есть ли вопросы по данному вопросу? :-)
Зачем же сразу морду бить? Давайте спорить!
|
| |
|
|
