HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Страница по X стала длинной
Не пойму из-за чего размер страницы по горизонтали стал огромным, скроллер в шоке... Как будто background установлен на repeat-x или что то подобное, но я не уверен помогите кто поймет или уже встречался с подобным. Нижний скроллер можно крутить очень долго
0 votes8 answers -
Безопасная ширина, разрешение, шрифт
Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!
0 votes2 answers -
Кнопки из спрайта на одной строке
Доброго времени суток. Используя технику "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…
0 votes5 answers -
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…
0 votes15 answers -
Проблема с таблицей в chrome
Здравствуйте! Есть проблема, которая заключается в том, что в хроме странным образом отображается фон для нижней таблицы http://prk-variant.ru/111/monitoring.html . В хроме выглядит это вот так: В других браузерах все нормально. В общем, хром почему-то заново начинает отчет фона с края каждой ячейки, хотя по идее он этого не должен делать, так как фон задан строке. Заранее спасибо.
0 votes3 answers -
Задание из практикума
http://cssdeck.com/labs/aupvlfka Как сделать чтобы после наведение на главное меню, перехода вниз тень не исчезала с главного меню.
0 votes13 answers -
Все пропало!
Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <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…
0 votes8 answers -
Как сверстать блок с тарифами?
Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки с тарифами? (с учетом того, что это будет еще адаптивно) http://www.screencapture.ru/file/c0a79E29
0 votes3 answers -
Дайте рекомендации для верстки нестандартного макета.
Сабж, прошу дать рекомендации по верстке прикрепленного макета, нужно как-то качество разделить тело документа на 3 ровные части, причем должна быть корректная интерактивность (3 раздела в центре должны кликаться). мои вопросы по теме: 1. Какой css фреймворк посоветуете и почему, (или просто ручками) 2. возможна ли, релизация JSом, если да, то в какую сторону думать? 3. Проще все сделать без фреймвокров. Вообще в какую сторону мыслить) сталкиваюсь с таким нестандартным креативным концептом впервые. сам макет: http://hostingkartinok.com/show-image.php?id=eba9630d504694ef6d922db79cdcb50d
0 votes6 answers -
Наклонные секции
Здравствуйте, в макетах часто попадаются трансформированные секции (наклонные, в виде параллелограмма, или с углом внизу .. Скажите, как их делают? Подразумеваю что на css трансформациях .. Но тогда вся секция вместе с контентом поварачивается .. Или делают через псевдоэлементы? Если есть статья, или видео-урок, буду признателен ..
0 votes2 answers -
Как адаптировать под мобильный?
Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?
0 votes1 answer -
Использование rem для задания размеров элемента
Всем привет. Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem. И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код: html { font-size: 10px; } .box { background: red; width: 100px; height: 400px; } То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px. Но стоило изменить единицы измерения в высоте: html { font-size: 10px; } .box { background: red; wid…
0 votes0 answers -
Не рабоотает 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> Только внутри мне нужно вложить …
0 votes3 answers -
float: left
http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?
0 votes6 answers -
Cufon vs @font-face
Перечитал темы форума в поисках ответа как правильнее подключать нестандартные шрифты, ответ не нашел. В феврале buddah произнес:"Куфон вымер как класс", а slo_nik так и не получил ответа на вопрос что же случилось с отличным сервисом http://clip2net.com/s/26bhl скриншот с ошибкой, которую увидел я. Что думают уважаемые эксперты о подключении нестандартных шрифтов? Допустимо ли одновременно, для разных броз конечно, Cufon + @font-face? Если да, то как правильно?
0 votes4 answers -
Возможно ли быть специалистом в разных областях IT
Здравствуйте я хочу узнать возможно ли быть прикладным программистом и веб-программистом(верстка и дизайн включительно)? Чтобы профессионально зарабатывать на фрилансе вебом и работать в какой нибудь фирме прикладником И знаете ли вы людей которые знают и веб и прикладное программирование?
0 votes6 answers -
Изменение свойств второго тега <li>
Всем привет. Подскажите пожалуйста, можно ли изменить высоту второго тэга <li>? Т.е у меня меню из 4 колонок и мне нужно высоту второго пункта меню увеличить. Причём движок сайта (joomla) сам назначает id для каждого пункта, и я не знаю какой он будет в следующий раз, а высота второго <li> всегда должна быть выше остальных. Пытался сделать вот так: .menu li li { height: 50px; }
0 votes6 answers -
Градиент border
Как сделать такой градиент у border-top средствами CSS ?
0 votes6 answers -
Проблема с отображением на мобильнике
Пациент: http://slingobusiki.ru Проблема: http://cs622026.vk.me/v622026369/ebfa/m2FkPR2CpQk.jpg Подскажите, как пофиксить?
0 votes7 answers -
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…
0 votes3 answers -
Верстка мобильной версии
Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз
0 votes1 answer -
Какой способ вёрстки лучше?
Всем привет. Задумался тут над одной темкой. Практики в вёрстке у меня пока маловато, там пару макетиков создал по инструкции. Больше всего теорию изучал. Ну вот теперь хочу наверстать упущенное. И вот интересно, как лучше верстать сайт: с помощью CMS или вручную. Боюсь, что если буду вручную, то запутаюсь в коде. И ещё что хотел узнать: Хоть теории я и прочитал много, но всё равно пока путаюсь в CSS стилях. Понимаю, что знания того, какие стили использовать придёт с опытом. Но может есть какие-нибудь статьи, рассказывающие какие стили чаще всего используются или какие, например, всегда нужны в теге body (и других)?
0 votes3 answers -
Как избавиться от гор. прокрутки
Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот 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; }
0 votes4 answers -
Несколько начертаний шрифта на сайте
На сайте используется несколько начертаний шрифта 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; } Вопрос, как в таком случ…
0 votes0 answers -
height и bottom
position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?
0 votes2 answers