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

29,542 questions in this forum

  1. Сочетание фиксированных и резиновых блоков

    Добрый день. Возникла задачка, решение которой мне никак в голову не приходит. Точнее, я вижу решение с применением JS, но если можно сверстать без этого, то подскажите, как. На схеме ниже указано, что нужно сверстать. Фиксированная ширина контейнера, в нем в одну строку располагаются несколько inline-block элементов. В данном случае, два элемента имеют фиксированную ширину, а два других — должны подстраиваться в зависимости от контента внутри. Блок "2" содержит в себе контент разной ширины. По задумке, если контента в нем много, то блок "1" должен сужаться. Конечно, он не должен "схлопываться" (тут, я полагаю, достаточно выставить min-width), но главная проблема в…

    Asked by FRUTALITY,

    0 votes
    7 answers

  2. Автоматическое масштабирование сайта на мобильных устройсвах

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

    Asked by Игорь Ермаков,

    0 votes
    16 answers

  3. Еще раз про zoom

    При зуме (минус) пропадают outline 1px у Input полей (на фокусе). Есть способы как с этим бороться?

    Asked by Zverushka,

    0 votes
    11 answers

  4. 2 фиксированных колонки и 1 резиновая по середине без использования position:absolute

    Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и…

    Asked by Snitch,

    0 votes
    2 answers

  5. тени по бокам сайта

    Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…

    Asked by Andrei88,

    0 votes
    5 answers

  6. вырезать иконку с закруглёнными углами

    подскажите пожалуйста по фотошопу когда нужно вырезать иконку(расположенную на фоне узоров), то я измеряю её размеры, в настройках инструмента MARKUP прописываю их, затем выделяю иконку инструментом MARKUP, инверсирую выделение, нажимаю DEL, ставлю направляющие и вырезаю инструментом CROP сейчас в макете иконки с закруглёнными углами. подскажите пожалуйста как можно аккуратно вырезать иконку с закруглёнными углами. подчищать угловые области инструментом ERASER не вариант

    Asked by cyklop77,

    0 votes
    11 answers

  7. Помогите с html-css (table, width, div)

    Не могу найти причину, почему #r_side исчез, а #content вылез на всю страницу. jb-style.com.Но это произошло после добавления таблицы внизу

    Asked by sergeus48,

    0 votes
    2 answers

  8. slider overflow hidden position absolute

    Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden; В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/ Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется. Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел. В общем, может у кого есть в закладках, пути решения? Буду рад всему

    Asked by npofopr,

    0 votes
    8 answers

  9. Проблемы с SASS

    Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

    Asked by Ludwig Voltman,

    0 votes
    5 answers

  10. Правка стиля

    Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

    Asked by Zeeeya,

    0 votes
    4 answers

  11. Проблема в ie8+

    Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…

    Asked by WEB-best,

    0 votes
    2 answers

  12. Несколько ul в nav

    Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?

    Asked by anastasia1981,

    0 votes
    2 answers

  13. Визуальный баг в Photoshop

    Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!

    Asked by Arinden,

    0 votes
    9 answers

  14. Верстка горизонтального меню

    Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}

    Asked by Smart_Bomber,

    0 votes
    6 answers

  15. Ссылка самостоятельно дублируется

    Здравствуйте. У меня произошло нечто странное. Проблема на сайте http://moon-kingdom.3dn.ru/ Там есть ссылка "статьи",в реальном коде сайта она всего одна,но неизвестно откуда появилась вторая ссылка с тем же адресом,она находится сразу после #navigationLinks и действует при нажатии на td content. Dragonfly показывает мне 2 ссылки и вторую никак не убрать,т.к. в коде сайта ее не существует,а скриптом она убирается,разумеется,только вместе с td content. Если совсем удалить кнопку "статьи",таким же образом продублируется ссылка на новости,если удалить и ее-на главную. Кто-нибудь сталкивался с подобным явлением? Подскажите,как это исправить.

    Asked by mcdude,

    0 votes
    2 answers

  16. Занять 100% высоты экрана, известными методами реализовать не удалось.

    Здравствуйте! Помогите решить проблему, их несколько, но основная это: 1) Растянуть на всю высоту экрана и не появлялась полоса прокрутки, используя лишь средства CSS. Поддержка старых версий браузеров не важна, главное что бы на основных браузерах работало. http://jsfiddle.net/Vicos/KH2gC/ Картинки не отображаються, не понял куда их пристроить чтобы в сервисе jsfiddle работали. Так же готов выслушать критику по вёрстке. Спасибо всем кто уделит время.

    Asked by Vicos,

    0 votes
    8 answers

  17. Шрифт GaramondPremrPro

    В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.

    Asked by okunev2,

    0 votes
    2 answers

  18. Вопрос по СSS

    1. На карте находятся маркеры, когда мы нажимаем на них - появляется окно - нужно выровнять текст окна относительно картинки. http://ned.ygastik.ru/karta 2. В подвале сайта нужно выровнять заголовки относительно картинок. http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144,

    0 votes
    1 answer

  19. Мотивирующий топик для заказчиков о изящной деградации

    Здравствуйте. Я попрошу ссылки на статью, где было бы объяснено именно для заказчика, почему изящная деградация хорошо, а костыли для ие8 это плохо. Если нет статьи, то предлагаю собрать здесь все мысли форумчан воедино, чтобы можно было из этого создать хорошую статью и уже давать ссылку для заказчика, который еще не в курсе, что это такое и хочет везде круглые уголки и прозрачность. Итак сочинение на тему - почему изящная деградация это хорошо? (представьте, что объясняете заказчику) ....

    Asked by Zverushka,

    0 votes
    50 answers

  20. Подскажите как развернуть.

    Подскажите как сделать раскрывание в право, а не в лево. http://truequery.ru/m_razdvijnoe_gorizontalnoe_menu_na_jquery.html

    Asked by jontsk,

    0 votes
    6 answers

  21. Можно ли использовать border вместо margin?

    Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  22. Вертикальное выравнивание картинки в div

    Доброго времени суток. Помогите, пожалуйста, выровнять вертикально картинки товаров по центру. Пробовал через, но ее получилось. .textalign{ 2 display: table-cell; 3 }

    Asked by smirn0ff,

    0 votes
    5 answers

  23. Не работает pie

    http://kavity5.ru/ Всю папку с pie закинула в pie/ Дописываю свойство behavior: url(pie/PIE.htc); в css там, где круглые уголки. А конкретно - у маленьких превьюшек товаров, которые в белых квадратиках в .list-catalog-preview li - но ничего не происходит. Что я делаю не так?

    Asked by Zverushka,

    0 votes
    15 answers

  24. Коментарии под статью

    Как поставить форму комертарии под статью? У меня html сайт. Говарю сразу я начинающий. Попрошу без издевок. Вот скрин - http://clip2net.com/s/6oMapJ

    Asked by Feliks012,

    0 votes
    6 answers

  25. Fotorama

    Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу

    Asked by okunev2,

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