Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

    Asked by Березовский,

    0 votes
    12 answers

  2. Размещение блоков вряд, без копирования кода.

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

    Asked by vaak,

    0 votes
    2 answers

  3. Резиновое меню не очень резиновое

    Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…

    Asked by caramel_stain,

    0 votes
    2 answers

  4. iframe, обёрнутый в ссылку

    помогите пожалуйста решить проблему есть видео, встроенное на страничку при помощи iframe. я оборачиваю его в тэг <a href="path" style='display: block'></a>. при клике на видео оно начинает проигрываться, а хотелось бы чтобы происходил переход по моей ссылке

    Asked by cyklop77,

    0 votes
    3 answers

  5. Не получается простой пример

    В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…

    Asked by DkS,

    0 votes
    2 answers

  6. Горизонтальное Выпадающее Меню

    Добрый день. Ниже приведен код меню: http://jsfiddle.net/96P6K/1/ 1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает. Подскажите кто-нибудь.

    Asked by ThierryH,

    0 votes
    12 answers

  7. Высота блока до футера

    Всем привет. Ребят, не могу победить такую напасть: Необходимо что бы граница правого блока доходила до футера, а не обрывалась после окончания блока. Подскажите как это можно сделать, спасибо http://cornerwork.qql.ru/pressa

    Asked by MadChild,

    0 votes
    1 answer

  8. Не получается вставить ссылку

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

    Asked by Nopasaran,

    0 votes
    1 answer

  9. Верстка с журнальным(плиточным) выводом постов

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

    Asked by sssppp6,

    0 votes
    2 answers

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

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

    Asked by StormMan,

    0 votes
    4 answers

  11. Изменить цвет панели видеоролика youtube

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

    Asked by cyklop77,

    0 votes
    0 answers

  12. выпадающий список, не могу понять как исправить

    привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на 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,

    0 votes
    2 answers

  13. искажения изображение в youtube-видео

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

    Asked by cyklop77,

    0 votes
    1 answer

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

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

    Asked by ручник,

    0 votes
    6 answers

  15. Необходимо чтобы блок (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`,

    0 votes
    2 answers

  16. Убрать зазор и отцентровать по-вертикали навигацию

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

    Asked by aaron,

    0 votes
    9 answers

  17. Форма входа на сайт - переместить в другое место.

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

    Asked by Dallas,

    0 votes
    16 answers

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

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

    Asked by ivel,

    0 votes
    2 answers

  19. Списки определений Dl dd dt

    Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было . У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код: <dl class="featured_servi…

    Asked by Zverushka,

    0 votes
    5 answers

  20. Центрирование горизонтального списка

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

    Asked by Upcoming,

    0 votes
    4 answers

  21. Градиент на заднем плане

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

    Asked by d.dee,

    0 votes
    0 answers

  22. полосы с обех сторон возле названия

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

    Asked by akkota,

    0 votes
    4 answers

  23. строчные элементы разбиваются на несколько

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

    Asked by cyklop77,

    0 votes
    3 answers

  24. Сайдбар падает вниз.Резиновый двухколоночный макет.

    Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #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,

    0 votes
    4 answers

  25. Кто может помочь в не сложной вёрстке?

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

    Asked by Dallas,

    0 votes
    11 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept