Войти
  1. ВКонтакте
  2. Facebook
  1. » Последние ответы
Новые публикации Скрыть панель справаПоказать панель справа

Последние ответы

Абитуриент
  1. Офлайн
  2. Посетители
  3. 4 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Российская школа CSS » Работа с CSS » Проблема с версткой в Яндекс Браузере
сообщение № 76 отправлено 22:42, 15.08.2013

Здравствуйте всем!

У меня есть проект, который сам лично верстал и вообще им занимался. Адрес: coral-yug.ru

Так вот, в мозиле, опере проверял главную страницу, вроде бы как все хорошо ! НО! Открываю Яндекс браузер, а там такое внизу страницы: http://joxi.ru/YCANUtg5CbBwdoRvsyk и слайдер тоже: http://joxi.ru/1iANUtg5CbBHdmK0pgc

ну вот такие дела... непонятно, что к чему в этом Яндекс браузере, либо сверстал я неправильно. Подскажите пожалуйста.

Последний раз редактировал Auto-fan 22:42, 15.08.2013
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Российская школа CSS » Работа с CSS » Решение проблем с CSS
сообщение № 77 отправлено 19:56, 15.08.2013

Здравствуйте. У меня проблемка, я делал шаблон на артистере, и щас мне нужно создать для него вертикальное, выплывающее меню вручную. Вроде все сделал так как надо, но... вертикальное меню начинает выплывать только при нажатии этой ссылки. Т.е, когда я нажимаю на ссылку того пункта на котором должно выплывать меню, я жду загрузки той ссылки и только после этого начинает работать выплывающее меню, а когда я перехожу на другую ссылку, то это меню не выплывает. Вопрос. Какой код в шаблоне может мешать выплыванию этих подменю без нажатия. Помогите пожалуйсто, уже 2-й день сижу и не как. Заранее благодарен.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Нужно сделать сайт
сообщение № 78 отправлено 21:00, 12.08.2013

Нужно сделать сайт такого плана:
http://education1.sites.галереясайтов.рф
http://training2.sites.галереясайтов.рф
Требуется простота управления/обновления и красивый современный дизайн.
Кто может пишите в личку.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Российская школа CSS » Уроки CSS » Помогите настроить выпадающее меню
сообщение № 79 отправлено 11:49, 09.08.2013

Дизайн для Друпала, тема Willibald.

Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА.

Устанавливал в #main-menu li.level-2 display: list-item;

но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите.
Вот код стиля

HTML code:
  1. /**
  2.  * @file
  3.  * Menu styling
  4.  */
  5. /*******************************************************************************
  6.  * Mobile first
  7.  ******************************************************************************/
  8. #main-menu {
  9.   background-color: #ddd;
  10.   line-height: 1;
  11.   width: 100%;
  12.   padding: .2em;
  13.   /*
  14.    * Level 1 <ul> tag
  15.    */
  16.   /*
  17.    * Level 1 <li> tag
  18.    */
  19.   /*
  20.    * Level 2 <ul> tag
  21.    */
  22. }
  23. #main-menu ul, #main-menu li {
  24.   list-style-image: none;
  25.   list-style-position: 0;
  26.   list-style-type: none;
  27.   margin: 0;
  28.   padding: 0;
  29. }
  30. #main-menu > ul {
  31.   display: block;
  32.   width: 100%;
  33. }
  34. #main-menu li.level-1 {
  35.   float: left;
  36.   margin: .1em;
  37.   padding: .4em .7em;
  38.   background-color: #727b8a;
  39. }
  40. #main-menu li.level-1:nth-child(4n+1) {
  41.   background-color: #485873;
  42. }
  43. #main-menu li.level-1:nth-child(4n+2) {
  44.   background-color: #d67c1c;
  45. }
  46. #main-menu li.level-1:nth-child(4n+3) {
  47.   background-color: #a2c037;
  48. }
  49. #main-menu li.level-1:nth-child(4n+4) {
  50.   background-color: #78adb8;
  51. }
  52. @media all and (max-width: 45em) {
  53.   #main-menu li.level-1:hover {
  54.     opacity: .5;
  55.     background-color: #8a95a7;
  56.   }
  57. }
  58. #main-menu li.level-1 a {
  59.   color: white;
  60.   text-transform: uppercase;
  61. }
  62. @media all and (max-width: 45em) {
  63.   #main-menu li.level-1 a:hover {
  64.     opacity: 1;
  65.     background-color: #8a95a7;
  66.   }
  67. }
  68. #main-menu li.level-1 > ul {
  69.   display: none;
  70. }
  71. #main-menu li.level-4 {
  72.   display: none;
  73. }
  74.  
  75. /*******************************************************************************
  76.  * Large
  77.  ******************************************************************************/
  78. @media all and (min-width: 45em) {
  79.   #main-menu {
  80.     padding: 0;
  81.     /*
  82.      * Colors
  83.      */
  84.     /*
  85.      * Level 1 <ul> tag
  86.      */
  87.     /*
  88.      * Level 1 <li> tag
  89.      */
  90.     /*
  91.      * Level 2 <ul> tag
  92.      */
  93.     /*
  94.      * Level 2 <ul> tag : hover
  95.      */
  96.     /*
  97.      * Level 2 <li> tag
  98.      */
  99.     /*
  100.      * Level 3 <ul> tag
  101.      */
  102.     /*
  103.      * Level 3 <li> tag
  104.      */
  105.     /*
  106.      * Frontpage
  107.      */
  108.   }
  109.   #main-menu li.level-1 > ul {
  110.     background-color: #727b8a;
  111.   }
  112.   #main-menu li.level-1:nth-child(4n+1) > ul {
  113.     background-color: #485873;
  114.   }
  115.   #main-menu li.level-1:nth-child(4n+2) > ul {
  116.     background-color: #d67c1c;
  117.   }
  118.   #main-menu li.level-1:nth-child(4n+3) > ul {
  119.     background-color: #a2c037;
  120.   }
  121.   #main-menu li.level-1:nth-child(4n+4) > ul {
  122.     background-color: #78adb8;
  123.   }
  124.   #main-menu li.level-1:first-child {
  125.     margin-left: 2em;
  126.   }
  127.   #main-menu > ul {
  128.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAtCAMAAABYpfH2AAAAGXRFW HRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFubm5WF9rWWBrqqqq////wszonAAAA BZJREFUeNpiYGRgZGBiYGGgNmAGCDAAAwMADGofgFwAAAAASUVORK5CYII=');
  129.     height: 45px;
  130.     position: relative;
  131.   }
  132.   #main-menu li.level-1 {
  133.     border: 0;
  134.     border-left: 1px solid #ccc;
  135.     display: block;
  136.     height: 45px;
  137.     margin: 0;
  138.     padding: 0;
  139.     z-index: 500;
  140.   }
  141.   #main-menu li.level-1:first-of-type {
  142.     border: 0;
  143.   }
  144.   #main-menu li.level-1 > a {
  145.     background: #eeeeee;
  146.     border-bottom: 1px solid #aaa;
  147.     border-top: 1px solid white;
  148.     color: #727b8a;
  149.     display: block;
  150.     font-size: 1em;
  151.     height: 42px;
  152.     margin-top: 3px;
  153.     padding: .7em 1em 0 1em;
  154.     text-align: center;
  155.     text-decoration: none;
  156.     white-space: nowrap;
  157.     width: 100%;
  158.   }
  159.   #main-menu li.level-1 > a.active {
  160.     text-shadow: 0 0 10px #727b8a;
  161.   }
  162.   #main-menu li.level-1 > a:hover {
  163.     background: rgba(190, 190, 190, 0.5);
  164.     color: white;
  165.     opacity: 1;
  166.   }
  167.   #main-menu li.level-1.hover-trail > a {
  168.     background: rgba(190, 190, 190, 0.5);
  169.   }
  170.   #main-menu li.level-1 > ul {
  171.     -webkit-box-shadow: 0 0 0 1px white, 0 0 7px black;
  172.     -moz-box-shadow: 0 0 0 1px white, 0 0 7px black;
  173.     box-shadow: 0 0 0 1px white, 0 0 7px black;
  174.     -webkit-transition: height 0.2s 0.3s, opacity 0.2s 0.3s, border 0.2s 0.3s;
  175.     -moz-transition: height 0.2s 0.3s, opacity 0.2s 0.3s, border 0.2s 0.3s;
  176.     -ms-transition: height 0.2s 0.3s, opacity 0.2s 0.3s, border 0.2s 0.3s;
  177.     -o-transition: height 0.2s 0.3s, opacity 0.2s 0.3s, border 0.2s 0.3s;
  178.     transition: height 0.2s 0.3s, opacity 0.2s 0.3s, border 0.2s 0.3s;
  179.     border: 0;
  180.     display: table-row;
  181.     float: left;
  182.     height: 0;
  183.     left: 0;
  184.     opacity: 0;
  185.     overflow: hidden;
  186.     position: absolute;
  187.     top: 45px;
  188.     width: 100%;
  189.     z-index: 100;
  190.   }
  191.   #main-menu li.level-1:hover > ul {
  192.     height: 3em;
  193.     opacity: 1;
  194.   }
  195.   #main-menu li.level-1.max-1:hover > ul {
  196.     height: 5.1em;
  197.   }
  198.   #main-menu li.level-1.max-2:hover > ul {
  199.     height: 6.7em;
  200.   }
  201.   #main-menu li.level-1.max-3:hover > ul {
  202.     height: 8.3em;
  203.   }
  204.   #main-menu li.level-1.max-4:hover > ul {
  205.     height: 9.9em;
  206.   }
  207.   #main-menu li.level-1.max-5:hover > ul {
  208.     height: 11.5em;
  209.   }
  210.   #main-menu li.level-1.max-6:hover > ul {
  211.     height: 13.1em;
  212.   }
  213.   #main-menu li.level-1.max-7:hover > ul {
  214.     height: 14.7em;
  215.   }
  216.   #main-menu li.level-1.max-8:hover > ul {
  217.     height: 16.3em;
  218.   }
  219.   #main-menu li.level-1.max-9:hover > ul {
  220.     height: 17.9em;
  221.   }
  222.   #main-menu li.level-1.max-10:hover > ul {
  223.     height: 19.5em;
  224.   }
  225.   #main-menu li.level-2 {
  226.     background: none;
  227.     border-right: 1px solid white;
  228.     float: left;
  229.     text-transform: uppercase;
  230.     font-family: "Willibald Sans Black", sans-serif;
  231.     padding: 1em;
  232.     display: table-cell;
  233.     height: 100%;
  234.   }
  235.   #main-menu li.level-2:last-child {
  236.     border: none;
  237.   }
  238.   #main-menu li.level-2 > a {
  239.     color: #fff;
  240.     display: block;
  241.     font-size: 1em;
  242.   }
  243.   #main-menu li.level-2 > a:hover {
  244.     opacity: .7;
  245.   }
  246.   #main-menu li.level-2 > a.active {
  247.     text-shadow: 0 0 10px white;
  248.   }
  249.   #main-menu li.level-2 > ul {
  250.     border: 0;
  251.     background: none;
  252.     float: none;
  253.     padding: 0;
  254.     margin-top: .5em;
  255.   }
  256.   #main-menu li.level-3 {
  257.     padding: .3em 0 .3em .8em;
  258.     font-family: "Willibald Sans", sans-serif;
  259.   }
  260.   #main-menu li.level-3 a {
  261.     display: block;
  262.     color: #fff;
  263.     text-transform: none;
  264.   }
  265.   #main-menu li.level-3 a:before {
  266.     content: "- ";
  267.   }
  268.   #main-menu li.level-3 a:hover {
  269.     opacity: .7;
  270.   }
  271.   #main-menu li.level-3 a.active {
  272.     text-shadow: 0 0 10px white;
  273.   }
  274.   #main-menu li.front {
  275.     width: 8%;
  276.     text-indent: -9999px;
  277.   }
  278.   #main-menu li.front a {
  279.     background-color: #eee;
  280.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFW HRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUeNpiYqAyYCJWYUF+fgIx6hiJNGw+k AIZuGDCxImJSOINUCZI/AFRLkQyDAQSoHwYqIdiBaK8jGYYAw5DUQALiYYhGypAdKQQMAwGAogykEjDi Es2FBjWDwsCRmq5DAguALEjM9QwAyAlCZVQIMOwBUB8Eoh/MKJ5uQGarkgFjsCEfYCkrEf1vDxq4BA2E L20OUCmOQ9gDIAAAwDZjTFwpZH3awAAAABJRU5ErkJggg==');
  281.     background-position: 50% 6px;
  282.     background-repeat: no-repeat;
  283.   }
  284.   #main-menu li.front a:hover {
  285.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFW HRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUeNpiYqAyYCJWYUF+fgIx6hiJNGw+k AIZuGDCxImJSOINUCZI/AFRLkQyDAQSoHwYqIdiBaK8jGYYAw5DUQALiYYhGypAdKQQMAwGAogykEjDi Es2FBjWDwsCRmq5DAguALEjM9QwAyAlCZVQIMOwBUB8Eoh/MKJ5uQGarkgFjsCEfYCkrEf1vDxq4BA2E L20OUCmOQ9gDIAAAwDZjTFwpZH3awAAAABJRU5ErkJggg==');
  286.     background-position: 50% 6px;
  287.     background-repeat: no-repeat;
  288.   }
  289. }
  290. @media all and (min-width: 45em) and (max-width: 40em) {
  291.   #main-menu li.level-1 {
  292.     height: 35px;
  293.   }
  294. }
  295. @media all and (min-width: 45em) and (max-width: 50em) {
  296.   #main-menu li.level-2 > a {
  297.     font-size: .95em;
  298.   }
  299. }
  300. @media all and (min-width: 45em) and (max-width: 50em) {
  301.   #main-menu li.level-3 a {
  302.     font-size: .9em;
  303.   }
  304. }
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Любые вопросы от новичков » Почему так+)?
сообщение № 80 отправлено 00:10, 08.08.2013

Дело такое,
HTML code:
  1. <div class="header">
  2.     <div class="logo">
  3. <p>Online test system</p>
  4. </div>
  5.   </div>


Почему при написании элемента P, весь блок изменил параметр margin и опустился вниз.?
Он же вроде независим
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Онлайн магазин Steam Origin Uplay аккаунтов и ключей
сообщение № 81 отправлено 23:15, 06.08.2013

Уважаемые пользователи и гости проекта, хочу представить вам свой магазин цифровых изданий и ключей.

Мы занимаемся продажей аккаунтов и ключей таких игровых платформ как: steam origin и uplay.
В нашем магазине Вы всегда можете найти такие игры как: Counter strike source, Call of duty modern warfare 3, Call of duty black ops 2, Left 4 dead, Left 4 dead 2, Battlefield 3, Team fortress 2, Orange box, Aliens vs. Predator, Empire total war, Half-life 2, Metro 2033, Mafia 2 и многие другие

Ключи, официально издаваемые в России и представленные нашем магазине, мы получаем от официальных дилеров, которые представляют следующие компании: 1С, Бука, Новый Диск, Акелла, Electronic Arts, NCsoft Europe, Funcom, CCP Games.
Поэтому за качество ключей активации вы можете не волноваться.

Приобретение товара, процесс полностью автоматизированный. Вам необходимо просто оплатить товар и после успешной оплаты вы получите свой товар на E-mail.
При оплате не нужно регистрироваться! Единственное, что от вас потребуется - выбрать более удобный для вас способ оплаты и купить нужный товар.

Многие из Вас спрашивают: «Где гарантии, что после покупки, вы меня не обманите, и я получу свой товар?»
Отвечаем: мы нацелены на долгое существование и процветание, тем самым у нас нет необходимости обойтись с вами непорядочно.
Мы дорожим своей репутацией и будем делать всё необходимое для того чтобы наши клиенты были довольны и счастливы.

Наши гарантии:
Персональный аттестат в системе WebMoney Transfer.
Более полугода успешного существования.
Ни одного отрицательного отзыва на WM идентификатор.
Все ключи закупаются напрямую у издателей игр в России, (Акелла, Бука,1С, Новый диск и другие)
Оплата товара осуществляется автоматически, после оплаты вы гарантировано получаете свой товар.

Наши преимущества:
Огромный выбор товаров.
Постоянная техническая поддержка и консультация покупателей по всем интересующим вопросам.
Низкие цены.
Гибкая система скидок.
Пожизненная гарантия на все виды товаров.

Наши контакты:
Skype: Steamaccaunts.ru
ICQ: 698588491
Онлайн консультант нашего магазина. (На сайте)

Мы всегда открыты для сотрудничества.
Наш сайт: http://steamaccaunts.ru
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Проблемы с CSS
сообщение № 82 отправлено 13:28, 27.07.2013

Случайно написал 2 сообщение

Последний раз редактировал OmegA 13:30, 27.07.2013
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Проблемы с CSS
сообщение № 83 отправлено 13:24, 27.07.2013

Вообще суть заключается в том что играя с игроками на любом сервере я отстаю от сервера и игроков на 2-3 сек То есть действия со всего сервера до меня доходят через 3 сек. Соответсвенно почти не могу попасть по игрокам.Запустил игру с ботами свой (собственный сервер в главном меню).На сколько я понимаю этот сервер создается у меня и если у меня проблемы с интернетом то на моем сервере таких лагов не должно быть.Но они всё равно есть.Всё время включена табличка отображения пинга, лерпа и т.д.. Лерп тоже не радует глаз всё время стоит 2000.Так же народ не жалуется что я у меня лагаю или подлагиваю

А началось это неожиданно после выхода обновления на все игры стим(они изменили сжатие фалов вроде как).На роботе давно не запускал стим вот 2-3 дня назад запустил думал сыграть в CSS, но не тут то было.

Есть предложения как можно исправить данную ошибку.

Последний раз редактировал OmegA 13:47, 27.07.2013
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Любые вопросы от новичков » Помогите с IE7
сообщение № 84 отправлено 17:35, 26.07.2013

Проблема решена :)

Последний раз редактировал shmel91 10:10, 27.07.2013
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Сделаю бесплатно вёрстку
сообщение № 85 отправлено 01:07, 21.07.2013

Выложу скрин работы.

Верстка.

Свободен, принимаю заказы.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Российская школа CSS » CSS. Другое » Иморт файла цсс в другой цсс файл
сообщение № 86 отправлено 22:51, 20.07.2013

Согласно правилам, "@import не разрешается вставлять после любых объявлений кроме @charset или другого @import."
Поэтому ничего не получается
Абитуриент
  1. Офлайн
  2. Посетители
  3. 0 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Веб-мастеру » Общение веб-мастеров » Не могу выравнять меню
сообщение № 87 отправлено 15:01, 16.07.2013

помогите не могу выравнять меню если вписываю в контейнер header, то меню становиться выше картинки header, он все равно имеет отступ примерно в 10px, как прилепить в плотную?

html, body {
min-height:100%;
width:100%;
margin:0;
padding:0;
}
body {
background:url(../img/fon.jpg) repeat center;
position:absolute;

}


#border{
margin:0 auto;
padding:0;
border:solid 1px #339900;
width:960px;
height:100%;

}

#polosa{
margin:0;
padding:0;
background-image:url(../img/bamduk_palka.jpg);
/*background-color:#FFFFFF;*/
width:960px;
min-height:360px;
}

#header{
margin:0 auto;
padding:0;
background:url(../img/header.jpg) no-repeat;
width:930px;
min-height:360px;
}

/*#top_menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-decoration:none;

}

#top_menu a:link, #top_menu a:visited{
color: #ff0;
}

#top_menu a:hover{
color: #f00;
} */


#menu_top{
margin:0 auto;
padding:0;
background-color:#ee4e28;
width:930px;
min-height:25px;
}
#menu_top li{
float:left;
display:inline;


}

#menu_top ul{
margin-left:0px;
}

#menu_top a{

font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
text-decoration:none;
line-height:25px;
text-align:center;
display:block;
width:148px;
height:25px;
}

#menu_top a:link, #menu_top a:visited{
color: #000000;
}

#menu_top a:hover{
background:url(../img/knopka_menu.png) no-repeat;
}
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Веб-мастеру » Дизайн » проблемма с позиционированием
сообщение № 88 отправлено 15:29, 02.07.2013

попробуй z-index если я тебя правильно понял
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Веб-мастеру » Дизайн » сайт разваливается при просмотре на разных мониторах
сообщение № 89 отправлено 15:06, 02.07.2013

Сверстал сайт по картинке которую прикрепляю, но в при изменении размера экрана весь дизайн ломается помогите. Заранее спасибо
HTML code:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>Владимир Жирнов.Профессиональная Фотография</title>
  6.        
  7.             <style type="text/css">
  8.                 *{
  9.    margin:0;
  10.    padding: 0;
  11.     }
  12.    body {
  13.    margin:0 auto;
  14.     background: url(image/bggg.jpg) repeat #282828;
  15.         color:#FFFFFF;
  16.     }
  17.    #content-main{
  18.    margin:200px  auto 0;
  19.     height: 310px; /* Высота блока */
  20.     width: 60%; /* Ширина блока */
  21.    
  22.  
  23.         }
  24.        
  25.        
  26.         .content{
  27.   background: url(image/bgg.jpg) repeat #282828;
  28.     height: 310px; /* Высота блока */
  29.    
  30.    
  31.  
  32.         }
  33.        
  34.    h1{
  35.    
  36.     font-family: Verdana, Arial, Helvetica, sans-serif;
  37.         font-weight: bolder ;
  38.         }
  39.    
  40.   .img{
  41.    
  42.    
  43.     float:left;
  44.    
  45.  
  46.    }
  47.    
  48.    .hg{
  49.    
  50.     font-family: Verdana, Arial, Helvetica, sans-serif;
  51.     font-style: italic  ;  
  52.         font-weight: normal;
  53.         color:#FECA00;
  54.    
  55.  
  56.    }
  57.    
  58.    .right{
  59.    
  60.     font-family: Verdana, Arial, Helvetica, sans-serif;
  61.     float:right;
  62.    
  63.  
  64.    }
  65.    .text{
  66.    
  67.     font-family: Verdana, Arial, Helvetica, sans-serif;
  68.      width: 260px;
  69.         float: left;
  70.          
  71.    }
  72.    .hh{
  73.    font-family: Verdana, Arial, Helvetica, sans-serif;
  74.     font-style: italic  ;  
  75.         font-weight: normal;
  76.         color:#FECA00;
  77.         float:right;
  78.         }
  79.        
  80.          .layer2 {
  81.     position: absolute; /* Абсолютное позиционирование */
  82.     top: 175px; /* Положение от нижнего края */
  83.     right: 225px; /* Положение от правого края */
  84.    
  85.    }
  86.     .contact {
  87.     position: absolute; /* Абсолютное позиционирование */
  88.     top: 215px; /* Положение от нижнего края */
  89.     right: 150px; /* Положение от правого края */
  90.    
  91.    }
  92.    
  93.      a:link {
  94.     color: #FFDD00; /* Цвет ссылок */
  95.    }
  96.    a:visited {
  97.     color: #FFDD00; /* Цвет посещенных ссылок */
  98.    }
  99.    a:active {
  100.     color: #FFDD00; /* Цвет активной ссылки */
  101.    }
  102.    a {
  103.     text-decoration: none; /* Убираем подчеркивание у ссылок */
  104.    }
  105.    a:hover {
  106.     text-decoration: underline; /* Добавляем подчеркивание
  107.                                    при наведении курсора мыши на ссылку */
  108.                                                                    
  109.    }
  110.    
  111.    
  112.    
  113.    .portfolio-item {float: left; padding-right: 8px; padding-bottom: 35px; text-align: center;}
  114. .portfolio-item img {display: block; padding-bottom: 1px;}
  115.  
  116. #footer{
  117.    margin:0px  auto ;
  118.     height: 310px; /* Высота блока */
  119.     width: 60%; /* Ширина блока */
  120.         overflow: hidden;
  121.         position: relative;
  122.         clear:both;
  123.         padding: 20px 0;
  124.    
  125.  
  126.         }
  127. .gallery{ padding-top: 128px;}
  128.  
  129.   </style>
  130.     </head>
  131.     <body>
  132. <header id="header">
  133. </header>
  134. <img class="layer2" src="image/znak.png">
  135. <h3><a href="contact.html" class="contact">Контакты</a></h3>
  136. <section id="section">
  137. <div id="content-main"><h1>Vladimir Jirnov  <span class="hg">Photography</span></h1>
  138. <div class="content">
  139. <img class="img" src="image/gerl.png"><!-- Gallery -->
  140.                 <div class="gallery">
  141.                        
  142.                         <div class="portfolio-item">
  143.                                 <a href="#"><img src="image/BC-collage.jpg" alt="" /></a>
  144.                                 <a href="#" class="menu">АРТ</a>
  145.                         </div>
  146.                         <div class="portfolio-item">
  147.                                 <a href="#"><img src="image/tc001.jpg" alt="" /></a>
  148.                                 <a href="#"class="menu">Коммерческая<br>фотография</a>
  149.                         </div>
  150.                         <div class="portfolio-item">
  151.                                 <a href="#"><img src="image/Bukhara-1.jpg" alt="" /></a>
  152.                                 <a href="#"class="menu">ПРОЕКТЫ</a>
  153.                         </div>
  154.                         <div class="portfolio-item last">
  155.                                 <a href="#"><img src="image/Certificate-022.jpg" alt="" /></a>
  156.                                 <a href="#"class="menu">Сертификаты<br>дипломы</a>
  157.                         </div>
  158.                        
  159.                         <div class="cl">&nbsp;</div>
  160.                 </div>
  161.                 <!-- End Gallery -->
  162.  
  163. </div>
  164.  
  165.  
  166. </div>
  167. </section>
  168. <footer id="footer"><div class="text">Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов. Профессиональная Фотография. Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов. Профессиональная Фотография.Владимир Жирнов.Профессиональная Фотография.Владимир Жирнов.Профессиональная Фотография.</div>
  169. <div class="right"><h3>Владимир Жирнов<span class="hh">&nbsp;Профессиональная Фотография</span></h3></div>
  170. </footer>      
  171.     </body>
  172. </html>
У Вас недостаточно прав для скачивания файлов.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | Другое » Свободное общение » Сделаю бесплатно вёрстку
сообщение № 90 отправлено 14:48, 02.07.2013

Написал на почту. Жду ответа!
 

Изменения статуса

  1. профиль Видимо, я последний выживший :) 01:19, 17.10.2011
  2. профиль Готов стать модератором)) 12:04, 17.09.2011
  3. профиль Восстанавливаем нормальную работу сайта и форума. 20:09, 13.09.2011

Статистика форума:

Сообщений
4097
Пользователей
16086
Новый участник
yoobella
Рекорд посещаемости
7313:08, 06.04.2013