IvanRu08

@amelice, Спасибо вам огромное! Все заработало.=) 

что то не очень понимаю ,как лучше сделать. поможете?

Помогу, разместите код где-нибудь и дайте ссылку

2. код нужно обернуть в жквери

Что значит обернуть в jQuery? 

Здравствуйте. как сверстать как на картинке?

 

 

 

 

Пробовал так:

<span style="vertical-align:top;"> Юридическая </span><span style="vertical-align:bottom;"> компания </span>

но справа получается вот так:

 

display: block не помогает? И заключите слоган в один span

Есть в макете форма, в которой поля расположены следующим образом:

Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы:

<form class="orderform" method="" action="">   <label for="user-name">Ваше имя</label>   <input id="user-name" name="user-name" value="" type="text">   <label for="phone-number">Ваш телефон</label>   <input id="phone-number" name="phone-number" value="" type="text">   <input type="submit" value="Вызвать мастера"></form>

Заранее спасибо

@amelice, залил, все равно не работает. Такое ощущение, что jquery не подключился 

как вариант http://jsfiddle.net/548j4ntn/

Спасибо, но немного не то)

http://jsfiddle.net/7sut76gy/

Выражаю свой благодарность! Все, как я хотел)

@wwt, Ну я эту библиотеку изначально не рассматривал как вариант решения) 

у вас не подключен скрипт: http://cm04741.tmweb.ru/js/script.js

Да, знаю. Пока все делается на локальном сервере. В интернет выложил только часть.

и jquery ui пробовали ? И оно тоже не работает нормально? =)

А целесообразно использовать jquery UI лишь только для popup? 

Примерно так

Спасибо. Скопировал ваш код, но у меня почему то при нажатии на ссылку "Заказать звонок" страница перезагружается

Есть заголовок, слева и справа от которого должны быть горизонтальный полоски. Пробовал добавить их с помощью before и after - добавляются только слева, сверху и снизу от заголовка. Нужен кроссбраузерный вариант. Помогите, пожалуйста.

Всем привет. Необходимо сделать всплывающую форму на jquery. Перепробовал много решений из интернете, ни одно не работает по нормальному.  Вот код формы: 

<div class="popup">   <form action="#" name="popup-form">      <label for="user-name">Имя</label>      <input type="text" id="user-name" name="user-name" required>      <label for="phone-number">Телефон</label>      <input type="text" id="phone-number" name="email" required>      <input type="submit" value="Отправить">   </form></div>

Вот стили для нее: 

.popup{    width: 378px;    height: 240px;    padding: 15px 0 15px 21px;    border: 1px solid #ff7d01;    -webkit-border-radius: 2px;       -moz-border-radius: 2px;            border-radius: 2px;    -khtml-border-radius: 2px;    behavior: url(border-radius.htc);    display: none;}.popup label{    font: 17px 'RobotoRegular';    display: block;    margin: 0 0 5px 0;    color: #2b3d49;}.popup [type='text']{    font-size: 16px;    width: 337px;    height: 45px;    margin: 0 0 18px 0;    padding: 0 10px 0 10px;    border: 1px solid #d4d4d5;    -webkit-border-radius: 2px;       -moz-border-radius: 2px;            border-radius: 2px;    background: #fff;    -khtml-border-radius: 2px;    behavior: url(border-radius.htc);}.popup [type='text']:focus{    border: 1px solid #3b83c0;    outline: none;}.popup [type='submit']{    font: 18px 'RobotoRegular';    width: 194px;    height: 45px;    margin: 5px 0 0 0;    cursor: pointer;    color: #fff;    border: none;    -webkit-border-radius: 2px;       -moz-border-radius: 2px;            border-radius: 2px;    background: #3b83c0;    -khtml-border-radius: 2px;    behavior: url(border-radius.htc);}.popup [type='submit']:hover{    background: #216cab;}

По клику на ссылку "Заказать звонок" в шапке должна показываться эта форма, а при клике в любое место - закрывать. Помогите пожалуйста реализовать это на jQuery. Вот сайт: http://cm04741.tmweb.ru/index.html

У меня не срабатывают мета теги ,когда я делаю анализ сайта (http://pr-cy.ru/a/for-droid.ru)мне пишет что не найдено описание в мета тегах ,и вот как выглядит мета тег главной страницы :

<head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">

 <meta name="description" content="Выбор только лучших смартфонов и игр на платформе Андроид">

<meta name="Keywords" content="выбор,смартфоны,Андроид,Android,smartphone,игры,приложения,помощь">

<title>for-droid.ru выбор только лучших 

смартфонов и игр </title>

<link rel="stylesheet" type="text/css" href="style.css">

 </head>

Подскажите пожалуйста в чем ошибка .Заранее спасибо!

http://www.cy-pr.com/analysis/for-droid.ru

Сверстайте это с помощью бутстрапа, пиксель в пиксель

Жестоко 

Уважаемые, подскажите на каком ресурсе лучше всего изучать bootstrap

Лучше вообще не изучать бутстрап. Или я один не понимаю, зачем он вообще нужен?  

а зачем? вы же отступы можете регулировать паддингами или маржинами.

Блин, точно. С утра еще не до конца проснулся)

Гм..., на сколько я знаю/помню это был продукт макромедии, которую давно выкупила адоб, и для рисования в принципе этот инструмент слабо был заточен (не знаю как сейчас).

Насколько я знаю, этот продукт адобе уже прикрыла за ненадобностью 

если шапка макет фикс, то разбиваем шапку на такие две части (div):

верхний див и нижний, а все элементы внутри них с флоат лефт

Ага, спасибо. То есть для цены и телефона float right писать не нужно?

Дизайнера накол, за такую сетку. 

Да, макет не очень удачный, но мне все таки нужно его сверстать)

Хорошо,спасибо,дадите,пожалуйста,свой скайп?)

aim9801 - мой скайп, добавляйтесь) 

зачем класс? какая разница от айди

id - уникален. Представьте, что в процессе разработки вам нужно будет применить один и тот же класс к разным элементам. C id такое не прокатит. Вообще, здесь очень много можно написать по этому поводу. Почитайте в интернете.

 так попов так говорит... 

А вы меньше слушайте всяких поповых и прочих. У него задача - продать свой курс, а не научить вас чему либо.

 Вместо него кого порекомендуете? 

htmlforum.ru, htmlbook.ru Если очень хочется попробовать по видеокурсам, то рекомендую видео курсы от специалиста 

http://test1.chpmodul.com.ua/

столкнулся с такой проблемой:

сначала сверстал сайт, все было нормально, а потом добавил в него медиа запросы @medai (max-width: 540px)

и на интернет эксплорере верстка совсем сломалась.

почему это случилось и как исправить?

http://welovepavel.esy.es/cite/cite/голая%20HTML.html

 

 

Если прописать  width то float не работает...

 

 

 

 width = делает шире фон меню.

 

 

 

2.какое значение задать чтобы он сам автоматом до упора страницы был этим изображением зеленым?

 

 

 

Благодарю!

Для #nav пропишите float:left и width:100%. У #nav ul li уберите высота и float. Непонятно, зачем для всего вы используете абсолютное позиционирование. И вообще используйте классы, а не id

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

Никогда не верстал такие шапки. Все, что приходит в голову: прописать для логотипа float: left, для номера телефона и цены float:right, а вот что делать с 2 надписями по середине не знаю.

 

Фон покажется только тогда, когда есть содержимое, так, как содержимого нету, приходится указывать ширину и высоту. 

а разве картинка это не есть содержимое?

 

что это за содержимое я не пойму?

 

Фон - он и в Африке фон. А содержимое это текст, изображение и так далее. Вот если бы вы вставили вот так:

<img src="images/logo.png" alt="Логотип">

То размеры можно и не указывать.

Если уж на то пошло, то photoshop в принципе не предназначен для этого

Тем более)