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. Страница по X стала длинной

    Не пойму из-за чего размер страницы по горизонтали стал огромным, скроллер в шоке... Как будто background установлен на repeat-x или что то подобное, но я не уверен помогите кто поймет или уже встречался с подобным. Нижний скроллер можно крутить очень долго

    Asked by goodwin74,

    0 votes
    8 answers

  2. Безопасная ширина, разрешение, шрифт

    Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

    Asked by thekap,

    0 votes
    2 answers

  3. Кнопки из спрайта на одной строке

    Доброго времени суток. Используя технику "CSS Sprites" хочу сделать горизонтальное меню из кнопок-изображений, но каждая кнопка размещается на новой строке, как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS спрайты</title> <style type="text/css"> a.blueBtn { display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 0 no-repeat; width: 146px; } a.otherBtn{ display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 -100px no-repeat; width…

    Asked by Paranoia,

    0 votes
    5 answers

  4. DIV средствами CSS: вертикально максимальный, горизонтально центрированный?

    Здравствуйте, новичку нужна консультация гуру. Для некоторых сайтов (например, чатов) крайне желательно, чтобы их контент занимал по вертикали всю высоту окна. Захотелось попробовать сделать необходимое макетирование с помощью <DIV>, в результате накропал следующий код: HTML <body> <div id="mainDiv"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint o…

    Asked by Kostia.Ivashchenko,

    0 votes
    15 answers

  5. Проблема с таблицей в chrome

    Здравствуйте! Есть проблема, которая заключается в том, что в хроме странным образом отображается фон для нижней таблицы http://prk-variant.ru/111/monitoring.html . В хроме выглядит это вот так: В других браузерах все нормально. В общем, хром почему-то заново начинает отчет фона с края каждой ячейки, хотя по идее он этого не должен делать, так как фон задан строке. Заранее спасибо.

    Asked by Kronus,

    0 votes
    3 answers

  6. Задание из практикума

    http://cssdeck.com/labs/aupvlfka Как сделать чтобы после наведение на главное меню, перехода вниз тень не исчезала с главного меню.

    Asked by rpmcmerphy,

    0 votes
    13 answers

  7. Все пропало!

    Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…

    Asked by Mestniy96,

    0 votes
    8 answers

  8. Как сверстать блок с тарифами?

    Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки с тарифами? (с учетом того, что это будет еще адаптивно) http://www.screencapture.ru/file/c0a79E29

    Asked by web-monster,

    0 votes
    3 answers

  9. Дайте рекомендации для верстки нестандартного макета.

    Сабж, прошу дать рекомендации по верстке прикрепленного макета, нужно как-то качество разделить тело документа на 3 ровные части, причем должна быть корректная интерактивность (3 раздела в центре должны кликаться). мои вопросы по теме: 1. Какой css фреймворк посоветуете и почему, (или просто ручками) 2. возможна ли, релизация JSом, если да, то в какую сторону думать? 3. Проще все сделать без фреймвокров. Вообще в какую сторону мыслить) сталкиваюсь с таким нестандартным креативным концептом впервые. сам макет: http://hostingkartinok.com/show-image.php?id=eba9630d504694ef6d922db79cdcb50d

    Asked by nenomernoj,

    0 votes
    6 answers

  10. Наклонные секции

    Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..

    Asked by Hasiev,

    0 votes
    2 answers

  11. Как адаптировать под мобильный?

    Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?

    Asked by XopicT,

    0 votes
    1 answer

  12. Использование rem для задания размеров элемента

    Всем привет. Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem. И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код: html { font-size: 10px; } .box { background: red; width: 100px; height: 400px; } То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px. Но стоило изменить единицы измерения в высоте: html { font-size: 10px; } .box { background: red; wid…

    Asked by Tascan,

    0 votes
    0 answers

  13. Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?

    Пример кода как нужно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …

    Asked by Semreg,

    0 votes
    3 answers

  14. float: left

    http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?

    Asked by Veseloff,

    0 votes
    6 answers

  15. Cufon vs @font-face

    Перечитал темы форума в поисках ответа как правильнее подключать нестандартные шрифты, ответ не нашел. В феврале buddah произнес:"Куфон вымер как класс", а slo_nik так и не получил ответа на вопрос что же случилось с отличным сервисом http://clip2net.com/s/26bhl скриншот с ошибкой, которую увидел я. Что думают уважаемые эксперты о подключении нестандартных шрифтов? Допустимо ли одновременно, для разных броз конечно, Cufon + @font-face? Если да, то как правильно?

    Asked by seemax,

    0 votes
    4 answers

  16. Возможно ли быть специалистом в разных областях IT

    Здравствуйте я хочу узнать возможно ли быть прикладным программистом и веб-программистом(верстка и дизайн включительно)? Чтобы профессионально зарабатывать на фрилансе вебом и работать в какой нибудь фирме прикладником И знаете ли вы людей которые знают и веб и прикладное программирование?

    Asked by LXVDXXXVI,

    0 votes
    6 answers

  17. Изменение свойств второго тега <li>

    Всем привет. Подскажите пожалуйста, можно ли изменить высоту второго тэга <li>? Т.е у меня меню из 4 колонок и мне нужно высоту второго пункта меню увеличить. Причём движок сайта (joomla) сам назначает id для каждого пункта, и я не знаю какой он будет в следующий раз, а высота второго <li> всегда должна быть выше остальных. Пытался сделать вот так: .menu li li { height: 50px; }

    Asked by SnowWind,

    0 votes
    6 answers

  18. Градиент border

    Как сделать такой градиент у border-top средствами CSS ?

    Asked by kpripper,

    0 votes
    6 answers

  19. Проблема с отображением на мобильнике

    Пациент: http://slingobusiki.ru Проблема: http://cs622026.vk.me/v622026369/ebfa/m2FkPR2CpQk.jpg Подскажите, как пофиксить?

    Asked by pseudonym,

    0 votes
    7 answers

  20. bootstrap 3, картинко на картинке

    бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…

    Asked by torsar,

    0 votes
    3 answers

  21. Верстка мобильной версии

    Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз

    Asked by dion,

    0 votes
    1 answer

  22. Какой способ вёрстки лучше?

    Всем привет. Задумался тут над одной темкой. Практики в вёрстке у меня пока маловато, там пару макетиков создал по инструкции. Больше всего теорию изучал. Ну вот теперь хочу наверстать упущенное. И вот интересно, как лучше верстать сайт: с помощью CMS или вручную. Боюсь, что если буду вручную, то запутаюсь в коде. И ещё что хотел узнать: Хоть теории я и прочитал много, но всё равно пока путаюсь в CSS стилях. Понимаю, что знания того, какие стили использовать придёт с опытом. Но может есть какие-нибудь статьи, рассказывающие какие стили чаще всего используются или какие, например, всегда нужны в теге body (и других)?

    Asked by Arxont,

    0 votes
    3 answers

  23. Как избавиться от гор. прокрутки

    Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот CSS стили блока article { height: 800px; width: 95%; background-color: #f7f7f7; box-sizing: border-box; margin-left: auto; margin-right: auto; padding:10px; border: 3px double red; border-radius: 15px; overflow:auto; font-size: 1.2em; font-family: Comic Sans MS, sans-serif; }

    Asked by gosha12,

    0 votes
    4 answers

  24. Несколько начертаний шрифта на сайте

    На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

    Asked by vip,

    0 votes
    0 answers

  25. height и bottom

    position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?

    Asked by Неугомонный,

    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