[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Как сделать чтобы тени не сползали на экране любого размера

Как сделать чтобы тени не сползали на экране любого размера
[1] mastar [09.11.2011, 16:24]
При просмотре страницы на нетбуке неправильно отображаются заголовки и тени.

Вот так на большом экране:


Вот так на маленьком:


Как сделать помогите кто знает
Code

<html>
<head>
<title> текст </title>
<STYLE>

.t11 { background-color:white;
margin-left: 5em;
margin-right:2em;
padding-left:2em;
line-height: 190%;
border-left-color:red;
border-left-style: solid; }
.t12{ background-color:white;
margin-left: 5em;
margin-right:2em;
padding-left:2em;
line-height: 190%;
border-right-color: blue;
border-right-style: double; }
.t13{ background-color:white;
margin-left: 5em;
margin-right:2em;
padding-left:2em;
line-height: 190%; }
.t2 { margin-top: -7pt;
margin-left: 250pt;
color:blue;
font-family: Arial;
font-size: 40pt }
.t3 { margin-top: -47pt;
margin-left: 252pt;
color: navy;
font-family: Arial;
font-size: 40pt ;}
.t4 { letter-spacing: 40еm;}
.t5 { background-color: green;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top:10;
margin-bottom:10;
margin-left: 21em;
margin-right:22em;
color: yellow;
text-decoration:overline underline;  }

i { letter-spacing: 5px; }

</STYLE>
</head>

<body bgcolor="#808080" link="maroon" ALINK="green">

<DIV CLASS="t2">НЕМНОГО ИСТОРИИ </DIV>
<DIV CLASS="t3">НЕМНОГО ИСТОРИИ </DIV>
<DIV CLASS="t11"><p style="text-indent: 25px";> В течение многих лет предпринималось немало попыток разработать концепцию
универсальной информационной базы данных, в которой можно было бы не только
получать информацию из любой точки земного шара, но и иметь удобный способ
связи информационных сегментов друг с другом, так чтобы наиболее важные
данные могли быть быстро найдены. В 60-е годы исследования в этой области
породили понятие<b><i > "информационной Вселенной" </i></b >(docuniverse = documentation +
universe), которая преобразила бы всю информационную деятельность. Но только в
настоящее время появилась технология, воплотившая эту идею и предоставляющая
возможности ее реализации в масштабах планеты.</p> </DIV>

<DIV CLASS="t5"><h1 align="center">WWW - "ВСЕМИРНАЯ ПАУТИНА" </h1> </DIV>

<DIV CLASS="t12"><p style="text-indent: 25px">WWW – это аббревиатура от <sup> "World Wide Web" </sup><sub>("Всемирная паутина")</sub>.
Официальное определение World Wide Web звучит как мировая виртуальная
файловая система – широкомасштабная гипермедиа-среда, ориентированная на
предоставление универсального доступа к информационным ресурсам.
Проект WWW возник в начале 1989 года в Европейской Лаборатории физики
элементарных частиц (CERN) в Женеве (<a href="http://www.cern.ch/">http://www.cern.ch/</a>). Идея проекта состояла в
создании гипертекстовой системы связи документов в компьютерной сети. Со
временем World Wide Web (WWW, Web) превратилась в общемировую систему,
состоящую из программного обеспечения – WWW технологий и связанных между
собой документов.</p> </DIV>
<DIV CLASS="t13"><p style="text-indent: 25px">Используя специальный программный интерфейс для WWW, изменился процесс
просмотра и создания информации. Суть в том, что компьютер, подключенный к
Интернет в режиме on-line, можно преобразовать в Web-сервер и наполнить его
информацией. По всему миру существуют тысячи информационных серверов, и с
любого компьютера, имеющего выход в Интернет, можно установить сетевое
соединение с Web-сервером и смотреть текст, графику, видеоролики, слушать
аудиоклипы (все это вместе и называется гипермедиа).
Первый такой сервер был организован в CERN, там же с целью развития и
поддержки стандартов WWW технологий был создан The World Wide Web
Consortium, или W3C. Web-сервер Консорциума <a href="http://www.w3.org/pub/WWW/">http://www.w3.org/pub/WWW/</a> является
интегрирующим сервером по поддержке WWW технологий в Интернет.
</p></DIV>
</body>
</html> <img src="http://s19.ucoz.net/sm/1/angry.gif" border="0" align="absmiddle" alt="angry" />


Сообщение отредактировал mastar - Среда, 09.11.2011, 16:47
[2] likbezz [30.11.2011, 21:30]
mastar,
Quote (mastar)
При просмотре страницы на нетбуке неправильно отображаются заголовки и тени.
Вот так на большом экране:
Вот так на маленьком:

wacko ... Да ... Такого я ещё не видел ...
Но, исправить можно, например, так:
Code
.t2 {
margin:-7pt auto auto 200pt;
color:blue;
font-family: Arial,sans-serif;
font-size: 40pt;
position:relative;
}
.t3 {
position:absolute;
top:2pt;
left:2pt;
color:navy;
font-family: Arial,sans-serif;
font-size:40pt;
}
....

Сам «Пример» ... ) ...
...
[3] mastar [05.12.2011, 20:00]
Спасибо! С тенью разобрался, а вот с заголовком .t5 не получается. То в сторону сдвигается, то фон зеленый на всю ширину страницы получается.
Подскажите пожалуйста.
[4] likbezz [05.12.2011, 22:14]
mastar,
Quote (mastar)
С тенью разобрался

))) Нет, с тенью разобрался я. )
Quote (mastar)
а вот с заголовком .t5 не получается. То в сторону сдвигается, то фон зеленый на всю ширину страницы получается.
Подскажите пожалуйста.

Подсказываю:
Я вам дал пример (пост выше) - сделайте по подобию.
...
[5] mastar [10.12.2011, 17:18]
Всё перепробовал.... зелёный фон для заливки второго заголовка получается на всю ширину страницы / сам заголовок маштабируется нормально /


Полная версия сайта