Нужна помощь по верстке

[Lure]

Здравствуйте все. Пишу в этот раздел, потому что в "сделайте мне бесплатно" не пускает писать. У меня полный "затык" с версткой сайта по макету и скорей всего путаница в div'ах. Очень хотелось бы найти человека, кто мог бы мне помочь с этой версткой (созвониться по скайпу (объяснить проблемы), использовать удаленку если нужно). Я сделала все что могла с этим сайтом.

[DivMan]

С каким сайтом? 

[Lure]

С каким сайтом? 

Он еще не выложен нигде, только у меня на компе локально

[Lure]

Выложила на хостинг http://forinmark.cy50484.tmweb.ru/index.html

 

Вот вопросы:

 

1. Как сделать, чтобы картинка в хедере уходила вправо этим самым синим цветом? Дизайнер сказал сделать именно так с этой картинкой

2. Как мне поправить выпадающее меню? Чтобы оно выпадало по центру.
3. Как приподнять форму поиска? Я ей задаю margin, она не меняет местоположения, можно по отдельности форме ввода и кнопке задавать, при этом форма ввода поднимается, а кнопка нет.
4. Почему на яндекс карте нет указателя на место?
5. Форма обратной связи на странице контакты. Как большой блок ввода текста сообщения сместить вправо относительно остальных?

 

 

[DivMan]

1) header {

    background: url("/img/fon_header.jpg") no-repeat scroll 560px center rgba(0, 0, 0, 0);

}

 

 

———————————————————————————————————————————

3)

 

.w1000 {

    margin: auto;

    position: relative;

    width: 1000px;

}

 

 

.form-wrapper {

    left: 0;

    margin-top: -20px;

    position: absolute;

    top: 0;

    width: 350px;

}

 

———————————————————————————————————————

 

5)

 

textarea {

    margin-left: 125px;

}

Edited March 9, 2015 by DivMan

[Lure]

Спасибо большое

[Lure]

Осталось 2 вопроса

 

1. Как мне поправить выпадающее меню? Чтобы оно выпадало по центру. Пробовала подобрать padding нужный, так и не вышло. Других способов его "перемещать" не вижу

2. Как на странице "контакты" поле приподнять на нужную высоту (сейчас там дикий отрицательный margin (я знаю что это очень плохо, да оно его и не слушается)) и кнопку "отправить" поставить по центру? Стили заданы напрямую в верстке.

[Vicos]

2. Бардак конечно в форме. Можно вот так, из того что имеем.

Для textarea

height: 121px;position: absolute;left: 430px;top: 20px;

Для формы задать:

position: relative;

С кнопкой остаётся

position: relative;left: 200px; 

1. Для #menu li ul (215 строка)

margin: 0;left: 40px;

По центру если надо, то вижу только с помощью js решения.

Edited March 10, 2015 by Vicos

[Lure]

Спасибо огромное. Это значит все меню переделывать на js?

[Vicos]

Это значит все меню переделывать на js?

Нет, небольшой скриптик добавить. Нужно будет брать ширину пункта меню, в отдельности для каждого, и от этого уже расчитывать значение для left.

Edited March 11, 2015 by Vicos

[Q4Dizzy]

#menu li ul {    left: 50%;    margin: 0 0 0 -69px;}

Зачем скрипт? эти списки имеют точную ширину, так как у дочерних элементов жёстко задана ширина.

Edited March 11, 2015 by Q4Dizzy

[Lure]

Спасибо большое, вы все мне очень помогли. А почему именно такие значения в списках?

Edited March 11, 2015 by Lure

[Q4Dizzy]

#menu li ul li {    width: 130px;    border-right: 1px solid #696969;    border-left: 1px solid #696969;    padding: 3px 3px 3px 3px;}

130 ширина + 2 пикселя от границ + 6 пикселей от внутренних отступов. выходит 138 пикселей каждый li.. Соответственно 138 пикселей выходит ul.

 

делаем сдвиг влево на 50% и добавляем отрицательный внешний  левый отступ на половину ширины ul.

Edited March 11, 2015 by Q4Dizzy

[Lure]

Спасибо, теперь понятно)

[alan]

Здравствуйте, скажите, пожалуйста, как сделать, чтобы гиперсылка в css, которая находится о в одном блоке div при открытии запускалась в другом блоке на этой же странице, типа как target в html? Нигде не могу найти, при нажатии запускает сразу в новой вкладке.

[Q4Dizzy]

Что-то не совсем понятно, что вы хотите сделать.. В песочницу выложите или скринами..

[Vicos]

Здравствуйте, скажите, пожалуйста, как сделать, чтобы гиперсылка в css, которая находится о в одном блоке div при открытии запускалась в другом блоке на этой же странице, типа как target в html? Нигде не могу найти, при нажатии запускает сразу в новой вкладке.

Может вам надо смотреть в сторону iframe? С js подобное можно реализовать, если верно понял что вы хотите сделать.