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. Здравый смысл Vs bootstrap

    Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…

    Asked by stDragon,

    0 votes
    8 answers

  2. Смещение

    Сделал меню по примеру http://anton.shevchuk.name/wp-demo/jquery-tutorials-2/drop-down.html. но когда выезжает меню , то сдвигаются вниз некоторые элементы. в чем может быть дело?

    Asked by olechic,

    0 votes
    1 answer

  3. Эффект при наведении

    Добрый день всем! Есть такой макет: Сверху обычное состояние, снизу-при наведении. Верхняя часть сверстан без проблем. А вот при ховере возникают проблемы. как обеспечить смену кнопки с ценой на кнопку с "купить" как обеспечить одновременную смену фона, цвета шрифта описания (1С Рарус) и кнопки Не подскажете ли решение этих проблем (можно в общих чертах)?

    Asked by verstum,

    0 votes
    1 answer

  4. Не тянутся inline блоки

    <Закрыто>

    Asked by lolka84,

    0 votes
    0 answers

  5. Закругление с помощью PIE.htc

    Доброго дня/утра/вечера форумчане! Вот такая проблема нагрянула: надо в IE8 сделать закругленные углы кнопок. Использую pie, но он почему-то закругляет только верхние уголки кнопки, хотя закругление указано для всех углов. Может кто встречался с таким? Можно ли кнопку привести к приличному виду? Стили кнопки .bookcard_button { width: 166px; height: 28px; cursor: pointer; border-radius: 16px; behavior: url(/templates/css/pie/PIE.htc); text-align: center; padding-top: 3px; background-image: linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%); background-image: -o-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rg…

    Asked by SunshineElf,

    0 votes
    4 answers

  6. Как сдвинуть верхний блок на нижний DIV

    Добрый день, я только начал осваивать CSS, поэтому извиняюсь если задаю глупые вопросы. У меня никак не получается, что бы один блок DIV немного наезжал поверх другого <body> <div> Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину) <div id="container"> Здесь находятся шапка, меню и контент </div> <div id="footer"> Здесь футер <div> </div>Конец. Осн. блока </body> Нужно что бы container зашел на footer на определенное количество пикселей (и это сохраналось при растягивании страницы) Надеюсь, что понятно объяснил. Заранее спасибо за ответы

    Asked by alex25,

    0 votes
    1 answer

  7. расстояние между

    подскажите пожалуйста вот есть такой вот класс section и при помощи него сделана такая вот конструкция ! http://jsfiddle.net/7FC9E/ так вот ! каким способом можно смешать скажем третий дви подинуть чуть ближе ко второму ??? joomla.metko.ru вот на сайте что бы Аксессуары для ipod подвинуть немного влево,а все остальное осталось на своём месте ?

    Asked by morgusha,

    0 votes
    0 answers

  8. расстояние между

    подскажите пожалуйста вот есть такой вот класс section и при помощи него сделана такая вот конструкция ! http://jsfiddle.net/7FC9E/ так вот ! каким способом можно смешать скажем третий дви подинуть чуть ближе ко второму ??? joomla.metko.ru вот на сайте что бы Аксессуары для ipod подвинуть немного влево,а все остальное осталось на своём месте ?

    Asked by morgusha,

    0 votes
    3 answers

  9. Меню не отображается в опере

    подскажите пожалуйста ! www.joomla.metko.ru именно в opere не отображается левое меню ! почему такое может быть ??? только в опере и всё !

    Asked by morgusha,

    0 votes
    1 answer

  10. как сверстать такой прогресс?

    Знатоки, подскажите плиз! Как сверстать такую штуковину??? Да так, чтоб шкала заполнялась? Или какими средствами?

    Asked by vladmih,

    0 votes
    1 answer

  11. Сверстать, чтобы занимало меньше места

    В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg

    Asked by romank,

    0 votes
    1 answer

  12. Проблема с отображением! Помогите...

    Здрасти ! Создал сайт запустил и заметил баг в отображении ! С первого взгляда все нормально, но вот когда я увеличил сайт то появилась полоса прокрутки и сайт не поместился на экране. Я взял полосу передвинул и увидел что кусок сайта отрезался в том месте где он не поместился! я не могу почему то скинуть на форум картинки чтоб было легче ! на какой сайт скинуть картинки чтоб вы посмотрели проблему? код: [/size] *{ padding:0; margin:0 } body { background: #fff; width: 100%; margin: 0 auto } /*———————————————————--HEADER————————————————————--*/ .header { height:492px; background: -webkit-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979); background: -moz-linear-…

    Asked by ivanu6kin,

    0 votes
    0 answers

  13. помогите со скриптом Jquery

    http://jsfiddle.net/RwH5x/ Вот пример. В общем задача такова, чтоб при нажатии на блок, скручивался абзац, но не полностью, а так чтоб оставалась его первая строка или две первых строки и при этом я при открытом виде мог подключить один класс, а при закрытом, он удался... Заранее спасибо, помогите плизз...

    Asked by vladmih,

    0 votes
    0 answers

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

    Помогите пожалуста поставить шапку <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="x-ua-compatible" content="ie=edge" /> {headers} <link rel="stylesheet" href="{theme}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{theme}/js/sharett.…

    Asked by xdimn,

    0 votes
    9 answers

  15. Проблема в верстке меню

    Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…

    Asked by dartwlad,

    0 votes
    3 answers

  16. Прозрачный градиент

    Извините за глупый вопрос, но как сделать градиент прозрачным, как только пропишу прозрачность opacity 0.5, блок перестает быть градиентом и закрашивается одним цветом, в гугле не нашел инфу. Вот ссылка http://jsfiddle.net/RhTUQ/ .

    Asked by jaster,

    0 votes
    5 answers

  17. Блоки едут почему-то. Нужна помощь

    Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

    Asked by miloslovesky,

    0 votes
    2 answers

  18. Несколько общих вопросов

    Буду признателен, если подскажите. 1. Не могу пока, что понять как сделать такое: т.е. пунктиры. Нашел вот такие решения http://www.xiper.net/collect/html-and-css-tricks/content/table-of-contents.html Но здесь кругом фиксированные размеры, т.е. если справа будет больше цифр, то все ломается. Собственно, может у кого что еще есть? 2. Как вы реализуете выпадающие селекты с чекбоксами? Я нашел пока такие варианты: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html (вроде можно практически, что угодно внутрь option запихать) Может есть более "лучшие" реализации?…

    Asked by npofopr,

    0 votes
    8 answers

  19. Резиновая верстка

    Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал сжиматься wraper. Рисунок по сылке http://s1.ipicture.ru/uploads/20130221/p4cSvlWn.jpg

    Asked by romank,

    0 votes
    7 answers

  20. Сделать swf анимацию под ссылкой

    Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?

    Asked by smirn0ff,

    0 votes
    15 answers

  21. Кнопка-ссылка

    Здравствуйте. Подскажите пожалуйста как сделать кнопку-ссылку? Простую ссылку я написал так : <p><a href="index7.http">Регистрация</a></p> Эту кнопку я нашел в нете. <input type="button" value="Регистрация" onclick="location.href='index7.http'"></p> Вроде работает, но что такое "location.href= и почему 'index7.http'" в одиночных скобках?понять и найти ответа немогу. Зарание благодарен.

    Asked by Mirovich,

    0 votes
    5 answers

  22. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li>&lt…

    Asked by Stranger,

    0 votes
    4 answers

  23. Позицианирование div в резиновой верстке

    Здравствуйте. Подскажите пожалуйста кокие свойства нужно прописать дивам (они на схеме черного цета, одного класса) чтобы при изменении размеров окна они начали позицианировать как на второй картинке . Флоат не помогает, дивы начинают располагаться в хаотичном порядке. Заранее спасибо. Так схематично выглядит страница в браузере Так она должна выглядеть при сжатии окна, вместо этого четыре черных дива в нижней части сайта располагаются в столбик.

    Asked by skostychev,

    0 votes
    1 answer

  24. Как сделать чтобы при наведении также раскрашивался столбец

    http://jsfiddle.net/fsC4Z/

    Asked by jaster,

    0 votes
    5 answers

  25. Проблема с line-height в Firefox

    Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/

    Asked by ExtendedPlay,

    0 votes
    2 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