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. обрезать картинки при разных разрешениях

    Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста

    Asked by X-Miller-X,

    0 votes
    5 answers

  2. Помогите с бэкграундом

    Товарищи помогите с вёрсткой! Проблема в следующем.. установил 2 фоновых изображения, одно сверху другое снизу, проблема в том, что на тех страницах где много информации и сайт получается "высоким"- смотрится хорошо, а там где страницы "низкие"- верхний фон наезжает на нижний. Пример высокой: http://vkomforte.su Пример низкой: http://vkomforte.su/index.php?route=information/news&news_id=15 вот код CSS: body { background-image: url('../image/bg.jpg'), url('../image/bg-bottom.jpg'); background-repeat: no-repeat, no-repeat; background-position: top , bottom; background-size: 100% auto; color: #000000; } Что можно сделать? Заранее спасибо!

    Asked by nig3r2,

    0 votes
    3 answers

  3. z-index

    Всем привет. Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так? Вот сама верстка: http://clck.ru/8wUq6

    Asked by Aleksandr.L,

    0 votes
    14 answers

  4. Анимация выпадения ксс3

    http://www.volkswagen.ru/ru.html как сделать через ксс3 анимацию выподания меню, как на примере у верхнего меню

    Asked by aquapasha,

    0 votes
    3 answers

  5. Верстка брэндинг с ссылкой

    Всем привет, Посоветуйте, как сверстать страницу с брэндингом , и так что бы фоновая картинка была ссылкой вот макет http://prntscr.com/3vy5fw Вот как это у клиента выглядит http://ezh1.i-d-web.com/

    Asked by Anna Zharova,

    0 votes
    9 answers

  6. Как закрепить картинку в среднем блоке

    Здравствуйте, Коллеги! Сайт на готовом движке http://mobilang.ru Свертан в три колонки. В средней колонке разместил картинку, но при изменении ширины окна браузера она выпадает вниз. Хотелось бы, чтобы картинка всегда была на месте. при любой ширине окна браузера. Как то это можно сделать? В CSS файле следующие записи про эти колонки: #leftcol { position:relative; top:-10px; left:-10px; float:left; width:260px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:280px; /* actual value */ margin:0 0 -10px 0; padding:0px; z-index:5; } #rightcol { position:relative; top: -10px; right:-10px; float:right; width:300px; /* for IE5/WIN */ voice-family: "\"}\"";…

    Asked by hieronym,

    0 votes
    6 answers

  7. Добавить checkbox и radio кнопки в существующую форму

    Здравствуйте. Есть необходимость добавить варианты выбора чекбоксом и радио кнопкой в форме отправки. Сайт тут - http://olegberesnev.com/ Форма эта - http://xozblog.ru/2012/11/modal-windows/ Подскажите, где поискать грамотно дописанное?

    Asked by kattiperk,

    0 votes
    5 answers

  8. Наложение Div-ов

    Доброе врем суток! Столкнулся с такой проблемой. При переходе на новую строку, идет наложение картинки на картинку. Картинка кстати, при наведении меняется на другу. Код кину ниже. Как видно, вверху картинки ложатся друг на друга. Пытался сделать все что в голову пришло, ничего не получилось. А вот что нужно сделать: <!DOCTYPE html Version-1.0><html> <head> <title>Сотрудники</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style-employees.css"> <link rel="stylesheet" type="text/css" href="style-media-screen.css"> </head> <body> <div class="Employees-Box-Block"> …

    Asked by sergey-starostenko,

    0 votes
    1 answer

  9. Пропадает шапка сайта на мобильном

    Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?

    Asked by ishurgaya,

    0 votes
    2 answers

  10. В Bootstrap верстке на малых устройствах все поля в 2 колонки

    Всем привет, В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки : <div class="row "> <div class="form-group col-sm-12 col-md-6 "> <label for="id" class="col-xs-12 col-sm-6 control-label">Id</label> <div class="col-xs-12 col-sm-6"> <input class="form-control integer_input validate" value="1" id="id" readonly=""> </div> </div> <div class="form-group col-sm-12 col-md-6 "> <label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор <span class="required"> * </span> </label> <div class="col-xs-12 col-sm-6"> <input class="form-control stri…

    Asked by mstdmstd,

    0 votes
    2 answers

  11. Не получается установить Gulp less

    Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log

    Asked by Catzzz,

    0 votes
    2 answers

  12. Шрифты и их отображение

    Вот замученная шрифтами страничка http://pomidor.com.ua/seemax/ImageneerB/HTML/ImageneerB.html Вот задумка дизайнера http://clip2net.com/s/26zqO Визуально размер шрифтов ощутимо мельче, хотя выставлен в соответствии. Я так понимаю что фотошоп и браузеры отличаются, но какие могут быть варианты приведения в реальное соответствие? И достижимо ли оно вообще на 100% при том что в результате по шрифтам я, как исполнитель, оказался в ситуации когда А) Куфон нельзя, Б) http://www.fontsquirrel.com/fontface/generator держит в черном списке нужный мне шрифт В) http://www.google.com/webfonts не имеет его вообще. Г) Подключить способом из этой статьи не удается http://htmlbook.ru…

    Asked by seemax,

    0 votes
    3 answers

  13. счётчик кликов

    допустим я добавил ссылку на свой сайт для рекламы, как установить для ссылки счётчик кликов по ней? ну предположим хоть www.google.ru, какой должен быть код?

    Asked by tthhh,

    0 votes
    2 answers

  14. Как-то не просто с футером...

    Приветствую всех. Товарищи, прошу вашей помощи. butterflyaf.ru В чём проблема. 1. есть rezina.js, который резинит сайт, при том сделано так, что у всех практически элементов прописан процентный height. И в связи с этим проблемно прижать к низу футер. На первый взгляд он вроде и прижат, но при бОльших разрешениях или малом контенте он отпадает. 2. Футер сейччас идёт в потоке обычного контента и соответственно, как и у всего контента, у него есть поля, т.е. его мне не удаётся растянуть на 100%. Я вытащил его грубой силой за поля вьюпорта и прописал overflow: hidden; И вроде было терпимо, до тех пор, когда я не нажал на скрол и прокрутил (случайно) мышкой вбок. Overflow убр…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  15. скрыть часть контента при разрешении, допустим меньше 640*480

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

    Asked by barracuda116,

    0 votes
    4 answers

  16. Межстрочный интервал

    Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.

    Asked by NektoNY,

    0 votes
    6 answers

  17. Работа с несколькими страницами сайта

    Учусь верстать и не задумывался пока, как скрепляются страницы на сайте. Я так понимаю, для каждой страницы отдельный html-файл и ссылки внутри друг на друга. Но если страниц много, и надо изменить html - добавить блок например. Не может быть, чтобы надо было изменять все файлы вручную

    Asked by y6uBaToP,

    0 votes
    9 answers

  18. Косяк верстки на iPad

    Сайт: zabotuchka.ru На айпаде появляется непонятный косяк: Как исправить?

    Asked by posthack,

    0 votes
    3 answers

  19. Проблема с градиентами в IE и Opera

    .blue-button {font-size: 13px; color: #ffffff; padding: 2px 15px; background: -moz-linear-gradient(top, #0E92B6 0%, #0FA2CA); background: -webkit-gradient(linear, left top, left bottom, from(#0E92B6), to(#0FA2CA)); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0px solid #000000; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -ms-behavior: url(css/pie.htc); behavior: url(css/pie.htc);Почему-то свойство background…

    Asked by okunev2,

    0 votes
    10 answers

  20. двухуровневый <Select> с возможностью свернуть второй уровень

    Добрый день, долго гуглил, но решения не нашел. Мне нужно сделать как на картинке ниже, вот так. Желательно, чтобы можно было выбрать и родителя, в этом случае будет считаться, что выбраны все его дети. Заранее спасибо.

    Asked by Apec,

    0 votes
    4 answers

  21. Как получить код-интерактивная карта?

    Всем привет! Объясните пожалуйста,как получить код-интерактивная карта,и затем как прописать его в html ???? За раннее благодарен!

    Asked by lisur,

    0 votes
    2 answers

  22. Просмотр видео через торрент на сайте

    Как можно реализовать просмотр видео по p2p через ОБЫЧНЫЙ JS плеер, без расширений и всяких сервисов сторонних - только средствами Chrome(Opera и т.п.)? P.s.Реально проверенные способы советуйте - никто как вы поняли зайдя на сайт, не будет устанавливать хрен знает зачем расширение(которое только для ОгнеЛиса помоему)

    Asked by Garamond,

    0 votes
    3 answers

  23. Модульные сетки

    Скажите пожалуйста Как работать с модульными сетками. Какие теги и атрибуты, и где они должны прописоваться?:/ или хотя бы ссылочку

    Asked by ryt-10,

    0 votes
    4 answers

  24. Ненумерованый список в ИЕ и Лисе=\

    Здравствуйте! Верстаю несложный шаблончик. Там в шапке есть меню вертикальное, выполненное в виде ненумерованого списка. Так вот это меню в осле и в лисе отображается абсолютно по разному((( Вот так в лисе (нормально): а вот так в горячо любимом осле: Вот кусок css для этого меню: .menubox { float: left; background: #fff url(../images/menubox_1.png) no-repeat left top; width: 292px; height: 349px; } .most_image { float: right; width:588px; height:349px; } #spisok { margin-left: -30px; font-size: 2.8em; font-family:"Times New Roman"; font-weight: normal; font-variant: small-caps; } #spisok ul { list-style-type: square; color: #a8a8a8; } #spisok li a { color…

    Asked by rijy,

    0 votes
    4 answers

  25. Проблема скомпилированный стиль

    Есть такое <div id="top_menu"> {cpt_category_tree} </div> top_menu задан в style.css , {cpt_category_tree} дает следующий код <div id="top_menu"> <div class="cpt_category_tree"> <ul id="menu"> ..... ... </ul> </div> </div> высота cpt_category_tree разная в разных браузерах, выходит из скомпилированного стиля. Оставлял даже так <div id="top_menu"> <div class="cpt_category_tree"> </div> </div> Высота все равно не та, что нужно, от 19 до 25 пкс в разных браузерах. Не могу понять откуда оно взялось и как найти и поправить.

    Asked by saygo,

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