HTML Coding

29,542 questions in this forum

1. Стационарная фоновая картинка

   Всем джамбо друзья! Возможно этот вопрос нужно было задавать в разделе верстка, ну да ладно. Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru/wp-content/uploads/2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в…

   Asked by CatInTheBread, April 15, 2013

   0 votes
   4 answers
2. Как вы думаете, так не стоит делать?

   Смотрю примеры верстки на одном обучающем сайте. Автор там применяет часто следующий ход. Добавляет классы через пробел. Например, у него есть классы .left { float: left; } .overflow { overflow: hidden } И он через пробел добавляет в классы нужных тегов. Но по-моему это аналогично тому, как в самом хтмл коде написать style="float:left". Ведь если мы захотим, чтобы этот блок был справа - нам придеться лезть в хтмл, а не таблицы стилей, и править код там, что нарушает основной принцип верстки - разделения логической разметки от стилей.

   Asked by Zverushka, April 15, 2013

   • class=myclass left
   0 votes
   3 answers
3. Размещение блоков вряд, без копирования кода.

   Добрый день жители форума. Нужна помощь салаге, не видавшему морей) Мне нужно сделать четыре столбца, подряд, Есть такой вот код: .f_panel div { position:absolute; margin:20px 20px; width:220px; color:#FFF; background-color:#999; text-align:left; } Вопрос, как сделать их не копируя код в самом html? То есть я делаю div в нем делаю еще дивы со столбцами, в них будут краткие описания новостей, как их сдвинуть... не писать же для каждого столбца стиль с разным сдвигом, можно это как-то упростить?. Прошу извинения за немного абстрактный вопрос.

   Asked by vaak, April 15, 2013

   0 votes
   2 answers
4. Как сделать "прикрепить файл" (file attachment) в форму ОС стандартного контакта?

   Привет! Собственно, я добавила само поле - но не могу заставить его работать - т.е. письмо приходит без прикрепленного файла. Я догадываюсь, что нужно ковырять contact.php, но в PHP я ноль, поэтому если можно максимально подробно

   Asked by im0not, April 14, 2013

   • прикрепить файл
   • attachment
   • Contact
   • feedback
   0 votes
   19 answers
5. Помогите найти ошибку

   Доброе время суток. Вот над чем я мучаюсь: http://jsfiddle.net/Bizon4ik/4hd3Y/ Помогите понять: 1 Почему "menu_top" подчеркивание сверху над текстом, а не снизу. 2 Почему не работает абсолютное позиционирование в ul? Заранее спасибо

   Asked by Bizon4ik, April 14, 2013

   0 votes
   5 answers
6. Блок непонятным образом изчезает в Opera

   Здравствуйте, столкнулся с проблемой, которая проявляется только в браузере Opera, последняя версия [12.15] Страница: http://bit.ly/Ynv89G Когда курсор перемещается за границы #wrapper, блок .desc который абсолютно позиционирован просто исчезает. Даже нет догадок, почему так происходит. Обязательное условие: чтобы .desc шел раньше в коде и футер должен быть приклеен к низу окна.

   Asked by Gruberhoff, April 14, 2013

   0 votes
   2 answers
7. Кто может помочь в не сложной вёрстке?

   Ещё раз всем привет. Кто может сверстать прозрачный прямоугольник? Вот сайт: http://warcraft3cheats.ru/ Вот скрин: Если просто заменить картинку на прозрачную то середина будет нормальной а по бакам будет темнее. Тупая на мой взгляд вёрстка... С одной картинке берётся 3 картинки =)) по бокам накладывается почему 2 или 3 раза друг на друга, а в центре 1 раз. Кто может просто сверстать блок прозрачной картинки и подогнать под сайт?

   Asked by Dallas, April 14, 2013

   0 votes
   11 answers
8. Сайдбар падает вниз.Резиновый двухколоночный макет.

   Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…

   Asked by eleonore, April 14, 2013

   0 votes
   4 answers
9. строчные элементы разбиваются на несколько

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

   Asked by cyklop77, April 14, 2013

   0 votes
   3 answers
10. полосы с обех сторон возле названия

    Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!

    Asked by akkota, April 14, 2013

    0 votes
    4 answers
11. Градиент на заднем плане

    Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)

    Asked by d.dee, April 14, 2013

    • градиент
    0 votes
    0 answers
12. Центрирование горизонтального списка

    Всем доброго времени суток. В общем, имеется меню, выполненное в виде списка <ul> и вложенными в него строками <li>, которые отформатированы, помимо прочего, с помощью float: left. Таким образом, имеется горизонтальное меню. И вот это меню нужно выровнять посередине окна, не задавая конкретного значения width тегу <ul> или же обертке. Заранее списибо.

    Asked by Upcoming, April 14, 2013

    0 votes
    4 answers
13. проблема верстки (clear) ведет учет внешних блоков почему?

    вот собственно и код проблема состоит в том что вложенный блок в div2 растягивается и-за того что в него вложен блок с clear:both; и блок с clear в свою очередь учитывает внешний правый блок с float:left; это что ? можно избавится от этого?

    Asked by ivel, April 13, 2013

    0 votes
    2 answers
14. Необходимо чтобы блок (right-bar) накладывалась на блок (header).

    Доброе всем время суток! Я в этом деле еще чайник, но хочу научиться этому ремеслу, изучаю верстку совсем недавно около месяца! Прошу подсказать, что именно я сделал не так! Теперь обратимся к самой проблеме, при верстке тестового задания столкнулся со следующей проблемой. Необходимо чтобы блок(right-bar) накладывалась на header. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Allsoft</title> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PAR…

    Asked by GhostBZ`, April 13, 2013

    0 votes
    2 answers
15. Форма входа на сайт - переместить в другое место.

    Добрый день всем. Собственно вся форма входа находится в файле login.tpl. Делится она на 2 категории: 1. Сама форма ввода логина, пароля, регистрация и забыли пароль. 2. После ввода данных вся эта форма исчезает и появляется на этом же месте другая форма авторизированного пользователя. Так вот, я убрал 1 фору в модальное окно чтоб на её месте написать приветствие нашего сайта, как пользователь зайдёт на сайт эта форма приветствия превратится в форму авторизированного пользователя. (Типа админ панель, добавить новость и т.д.) Новая форма логина, пароля, регистрации и т.д. Выглядит просто "Вход" (после нажатия на неё выводится модальное окно и уже там вся форма) И так воп…

    Asked by Dallas, April 13, 2013

    • форма входа на сайт
    0 votes
    16 answers
16. Отступ с верху сайта

    Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…

    Asked by Bakhruz, April 13, 2013

    • margine
    0 votes
    3 answers
17. Убрать зазор и отцентровать по-вертикали навигацию

    Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/ Он создан для чистого эксперимента. Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали. Как мне его убрать и выровнять, чтобы li a был по центру (20px)? Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то. Подскажите, что не так? Ошибся - точнее, между ul и li зазор есть по вертикали.

    Asked by aaron, April 12, 2013

    • навигация
    0 votes
    9 answers
18. li

    Как сделать область под li ссылкой? Сам текст ссылка. Height 100px к примеру ставлю, при наведении в эту область курсор делается как pointer, а ссылка не работает. UPD Извините разобралась

    Asked by Kisa1993, April 12, 2013

    0 votes
    0 answers
19. Div: обязательно все элементы в него "оборачивать"?

    Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.

    Asked by ручник, April 12, 2013

    0 votes
    6 answers
20. искажения изображение в youtube-видео

    часто бывает так, что встроенное через iframe видео с ютуба имеет небольшое искажение изображения в виде полосы с правой стороны превью. скриншот подскажите пожалуйста как можно избавиться от этой полосы я пробовал сдвигать внутренние блоки на 2px, используя overflow: hidden . не помогло

    Asked by cyklop77, April 12, 2013

    0 votes
    1 answer
21. выпадающий список, не могу понять как исправить

    привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на Item3 появляется выпадающее меню, а Item4 съезжает вниз. но он находился то под Item1 <ul class='navigation_bar'> <li class='nb_item'><a href=''>Item 1</a></li> <li class='nb_item'><a href=''>Item 2</a></li> <li class='nb_item'> <a href='' onclick="alert(Python)">Item 3</a> <ul class='subitem'> <li><a href='' onclick="alert(1)">SubItem 1</a></li> <li><a href='' onclick="alert(2)">SubItem 2</a></li> …

    Asked by ilnurgi, April 12, 2013

    0 votes
    2 answers
22. Изменить цвет панели видеоролика youtube

    подскажите пожалуйста как можно изменить цвет панели при проигрывании видеоролика с youtube через fancybox. по умолчанию она серая, а хотелось бы чёрную я пробовал, используя это, дописать в get-параметры адресной строки color2=000000. не помогло

    Asked by cyklop77, April 12, 2013

    0 votes
    0 answers
23. Размещение вложенных блоков ПОД слоем, в который они вложены

    Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная…

    Asked by StormMan, April 12, 2013

    • позиционированиеposition
    • z-index
    0 votes
    4 answers
24. Верстка с журнальным(плиточным) выводом постов

    Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?

    Asked by sssppp6, April 11, 2013

    • tile
    0 votes
    2 answers
25. Не получается вставить ссылку

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

    Asked by Nopasaran, April 11, 2013

    0 votes
    1 answer