Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

HTML-страница

Предыдущая тема Следующая тема Перейти вниз

HTML-страница

Сообщение автор Frank в Вт 1 Май - 20:03

Доброго времени суток. Обращаюсь, потому что сил уже нет...
Помогите в этом коде сделать фон резиновым, то есть что бы растягивался под любое разрешение экрана.

Код:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Utopia</title>
<style>
<a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>
#navigation {
    width: 100%;
   height: 50px;
   margin: 0;
   padding: 0;
}
#navigation ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#navigation ul li {
   display: inline;
   margin: 0px;
}
#navigation ul li a {
   height:33px;
   display: block;
   float: left;
   padding: 17px 15px 0 15px;
   font: bold 12px Arial;
   color: #00a7ec;
   text-decoration: none;
   background: url(http://i48.servimg.com/u/f48/17/38/54/86/naviga10.png) no-repeat right center;
}

#navigation ul li a:hover {
   color:#00a7ec;
   background: url(http://i48.servimg.com/u/f48/17/38/54/86/naviga11.png) repeat-x left top;
}

#navigation ul li#active a {
   color:#00a7ec;
   
}
</style>
</head>
<body width="100%" background="http://www.snapsnap.ru/i/1uru.jpg">
<table width="100%">
<tr></tr>
<td><img src="http://www.snapsnap.ru/i/4gpg.jpg" width="100%"></td>
<tr></tr>
<td><div id="navigation" width="100%">
         <ul>
               <li><a href="http://magic.2x2forum.com/forum">Форум</a></li>
                <li><a href="http://magic.2x2forum.com/f1-forum">Тех. поддержка</a></li>
      <li><a href="http://magic.2x2forum.com/f3-forum">Общение</a></li>
                <li><a href="http://magic.2x2forum.com/f4-forum">Игровое</a></li>
                        </ul>
</div></td>
<tr></tr>
<td><div style="position:fixed; width: 100%; bottom:0; text-align: center; margin: 0 auto;">
<a href="http://magic.2x2forum.com/" title="На главную">
<img src="http://www.snapsnap.ru/i/1uou.gif" alt="UTOPIA PROJECT" border="0" />
</a>
</div></td>
</table>
</body>

</html>


Последний раз редактировалось: Frank (Вт 1 Май - 20:30), всего редактировалось 1 раз(а)

Frank
 

Мужчина

Сообщения : 363
Возраст : 19
Регистрация : 2012-01-08
Благодарности : 100

Без предупреждений

http://magic.2x2forum.com/

Вернуться к началу Перейти вниз

Re: HTML-страница

Сообщение автор gorezcaid в Вт 1 Май - 20:16

Фон странно себя ведет, поставил 200%
Код:
body {
background-image: url("http://www.snapsnap.ru/i/1uru.jpg");
background-repeat: no-repeat;
background-size: 100% 200%;
 }

gorezcaid
 

Мужчина

Сообщения : 1807
Возраст : 73
Регистрация : 2010-08-18
Благодарности : 780

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Re: HTML-страница

Сообщение автор Frank в Вт 1 Май - 20:21

Тогда мои параметры <body...> убрать? И поставить ваши, между <head><style>----</style></head>, да?

Frank
 

Мужчина

Сообщения : 363
Возраст : 19
Регистрация : 2012-01-08
Благодарности : 100

Без предупреждений

http://magic.2x2forum.com/

Вернуться к началу Перейти вниз

Re: HTML-страница

Сообщение автор Frank в Вт 1 Май - 20:29

13 13 13 13 13

Frank
 

Мужчина

Сообщения : 363
Возраст : 19
Регистрация : 2012-01-08
Благодарности : 100

Без предупреждений

http://magic.2x2forum.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения