Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/8: Рейтинг темы: голосов - 8, средняя оценка - 4.50
32 / 32 / 24
Регистрация: 16.04.2015
Сообщений: 219
1

Верстка шаблона из psd

14.04.2013, 17:18. Показов 1584. Ответов 1
Метки нет (Все метки)

Здравствуйте! Обращаюсь вот с такой проблемой. Я написал шаблон сайта по уроку http://www.photoshop-master.ru... =4&id=2005 и пытаюсь его теперь написать на html и сss. Но столкнулся с проблемой расположения меню (писал его на html в виде списка), которое находится перед изображением баннера, а должно быть за ним, картинку и код прикрепляю. Как изменить расположение меню, чтобы оно не выступало впереди баннера?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="banner">
             <div id="menu">
                <ul id="tabs">
                   <li id="home" class="current">
                   <a href="#home" title="Home">Главная</a>
                   </li>
                   <li id="about">
                   <a href="#about" title="About_me">Обо мне</a>
                   </li>
                   <li id="services">
                   <a href="#services" title="Services">Услуги</a>
                   </li>
                   <li id="guest">
                   <a href="#guest" title="Guestbook">Гостевая</a>
                   </li>
                   <li id="portfolio">
                   <a href="#portfolio" title="Portfolio">Потрфолио</a>
                   </li>
                   <li id="contact">
                   <a href="#contact" title="Contact">Контакты</a>
                   </li>
                </ul>
             </div>
         </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#banner {
   background-image:url('../images/bg-banner.png');
   background-position: top center;
   background-repeat:no-repeat;
   width:962px;  
   height:356px;
   margin:20px auto;    
    }
    
#menu {
margin-top: 82px;
position: absolute;
right: 192px;
top: 0px;   
    }
    
ul#tabs li {
background: url('../images/menu.png');
background-repeat:no-repeat;
float: left;
height: 54px;
width: 120px;
    }
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Миниатюры
Верстка шаблона из psd  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
14.04.2013, 17:18
Ответы с готовыми решениями:

Верстка из .psd шаблона
Скачал вот такой вот шаблон, что бы попрактиковаться в верстке. Возник вопрос. Как видно по...

Вёрстка шаблона psd, HTML-CSS
Помогите как сверстать из psd сайт ,3 недели мучаюсь не как не выходит . если онлайн сервис...

Верстка из PSD - шаблона и отображение на разных мониторах
Доброго времени суток! Взялся первый раз сверстать страницу из PSD-шаблона. Скачал бесплатный...

Верстка из PSD
Здравствуйте , вот я прошёл 2-3 видео курса по основам html и css и думаю пора начать верстать ......

1
1014 / 671 / 290
Регистрация: 04.04.2013
Сообщений: 2,686
17.04.2013, 05:59 2
Весь код и цсс покажите. Я что-то баннера не вижу на скриншоте.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.04.2013, 05:59

Вёрстка по PSD макету
Здравствуйте. Мне очень быстро нужно сделать страницу по PSD макету, только сверстать с HTML и СSS....

Верстка PSD макета
Помогите с версткой PSD макета.

Верстка из PSD в HTML
Добрый день, web-программисты/верстальщики. Подскажите пожалуйста каков принцип верстки psd макета...

Верстка psd макета
Скинь, пожалуйста, ссылки на сайты/книги/видеоуроки, где подробно объясняется, как резать и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.