не видна рамка

Здесь разбираются видеокурсы и видеоуроки авторов по созданию простых сайтов с помощью редакторов сайтов типа:сайт визитка или простая продающая страница.

Модератор: Дмитрий

не видна рамка

Сообщение rusl81 » Чт июн 23, 2011 14:23

Добрый день. Я начал изучать css по видеоурокам. Все шло нормально-повторял все точно, как там говорилось. Но когда дело дошло до обведения абзаца рамкой возникла проблема. Прописываю стиль для рамки, присваиваю абзацу, а рамка не появляется. Кто-нибудь может подсказать где моя ошибка.
Файл index:

Код: выделить все
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>пробник css</title>
<link href="style.css" type="text/css" rel="stylesheet">


</head>

<body>
<p><h1 align="center" class="blue">ПРОБНИК CSS</h1></p>
<a href="вторая.html">вторая</a>

<p class="frame">Современный человек все дальше и дальше отходит от природы, а

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

подаренных нам самой Природой, средств, с помощью которых нам помогает народная

медицина. Пользуясь достижениями химии, физики, техники, мы перестаем активно

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

тому, что мы приобретаем новые болезни.</p>
</body>
</html>


Файл style:
Код: выделить все
h2 {color:green;}

h2.red {color:red;}

.blue {color:blue;}

a:linc {color:#000000; text-decoration:underline}
a:visited {color:red; text-decoration:none;}
a:hover {color:green; text-decoration:overline;}
a:active {color:orange; text-decoration:none;}

p.new {font-family:Verdana,Tahoma; font-size:12px; font-style:italic;

font-weight:bold; text-indent:30px;}

body {background-color:#f6f6f6;
background-image:url(kv3.jpg);
background-repeat:no-repeat;
background-position:610px 70px;
margin-right:300px;
background-attachment:fixed;
}

.al {text-align:center; text-decoration:line-through; }
.at1 {text-transform:capitalize;line-height:50px;}

.frame {border-width:5px; border-styie:solid; border-color:green;}



rusl81
Бывалый
Бывалый
 
Сообщений: 120
Зарегистрирован: Вт май 03, 2011 11:36
Пункты репутации: 0

Re: не видна рамка

Сообщение rusl81 » Чт июн 23, 2011 17:55

Александр, подскажите, почему так получается, вписываю в стиль (вм. выше)
.frame {border-width:5px; border-styie:solid; border-color:green;}-рамка не видна, сокращаю: .frame {border:5px solid green;} и тогда рамка отображается.



rusl81
Бывалый
Бывалый
 
Сообщений: 120
Зарегистрирован: Вт май 03, 2011 11:36
Пункты репутации: 0

Re: не видна рамка

Сообщение Дмитрий » Чт июн 23, 2011 19:06

Да вроде всё нормально, должно работать… 44-)



Хочешь избежать критики? Ничего не делай, ничего не говори и будь никем.
Аватар пользователя
Дмитрий
Модератор
Модератор
 
Сообщений: 367
Зарегистрирован: Вт фев 08, 2011 20:37
Откуда: Кизел
Пункты репутации: 144
ПрофессорПрофессор

Re: не видна рамка

Сообщение Александр » Пт июн 24, 2011 14:14

rusl81 писал(а):Александр, подскажите, почему так получается, вписываю в стиль (вм. выше)
.frame {border-width:5px; border-styie:solid; border-color:green;}-рамка не видна, сокращаю: .frame {border:5px solid green;} и тогда рамка отображается.


Ваша ошибка в правописании border-styie: solid;
Должно быть: border-style: solid;

Внимательнее надо быть, пустячная ошибка! 36-)



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор




Вернуться в Создание простых HTML сайтов и страниц

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2