• Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Как сделать чтобы тени не сползали на экране любого размера (Как сделать чтобы тени не сползали на экране любого размера)
Как сделать чтобы тени не сползали на экране любого размера
Дата: Среда, 09.11.2011, 16:24 |
mastar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


При просмотре страницы на нетбуке неправильно отображаются заголовки и тени.

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


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


Как сделать помогите кто знает
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
 
Дата: Среда, 30.11.2011, 21:30 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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;
}
....

Сам «Пример» ... ) ...
...


 
Дата: Понедельник, 05.12.2011, 20:00 |
mastar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


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


 
Дата: Понедельник, 05.12.2011, 22:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


mastar,
Quote (mastar)
С тенью разобрался

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

Подсказываю:
Я вам дал пример (пост выше) - сделайте по подобию.
...


 
Дата: Суббота, 10.12.2011, 17:18 |
mastar
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


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

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


Мобильная версия