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. Как растянуть картинку на весь блок, если картинка прописана не в блоке

    Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…

    Asked by Омск,

    0 votes
    2 answers

  2. SELECT + TITLE или подсказки в выпадающем меню

    Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?

    Asked by MiraMaX166,

    0 votes
    4 answers

  3. Flexslider

    http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…

    Asked by Michael Myers,

    0 votes
    3 answers

  4. Календарь На Сайте

    Ребята подскажите как работает календарь на сайте и где взять скрипт в html

    Asked by Игорь Виленский,

    0 votes
    5 answers

  5. Растянуть div на высоту body, вычтя высоту header

    Всем привет. Необходимо растянуть body на высоту страницы, а вложенному диву с контентом задать высоту: body минус высота header. Если я делаю так <html> <body> <header></header> <div id="#content"></div> <body></html>html, body, #content {height:100%;}то высота #content увеличиваеся на высоту header. Хотя, может быть, я вообще не в ту сторону смотрю. Исходный сайт — s1a.ru; нужно растянуть контейнер #gk-main на всю высоту страницы. Сейчас же на Главной и на страницах, где мало контента, внизу по бокам появляются белые полосы.

    Asked by vkapas,

    0 votes
    9 answers

  6. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  7. Верстка под mac os x

    Привет ребята! недавно перешел на макос и столкнулся с проблемой тестирования кода в IE. Давно я завидовал тем, кто верстает под маком, мне всегда казалось это красивым и удобным средством, давно я мечтал, что открою настоящий текстмейт, а не вин суррогат... Вот и свершилось это чудо, а такие элементарные вещи, как полноценное тестирование кода, под маком совершить не удается. Вот такие дела. Я в расстроенных чувствах.

    Asked by linpulee,

    0 votes
    15 answers

  8. Позиционирование маркеров в списках

    Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?

    Asked by Razor,

    0 votes
    3 answers

  9. Выравнивание ячеек таблицы по высоте

    Здравствуйте. Столкнулся с проблемой - есть таблица, в которой имеются ячейки, разные по высоте из-за контента. Поэтому высота ячеек получается разной. А нужно прижать один элемент к низу ячейки.Будь они одинаковой высоты - воспользовался бы position: absolute . А так все скачет и получается некрасиво. Есть какие либо варианты выравнивания ячеек по самой высокой в ряду?

    Asked by drdorian,

    0 votes
    13 answers

  10. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL,

    0 votes
    13 answers

  11. Выравнивание картинок с помощью Float:left и float:right

    Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?

    Asked by Renert,

    0 votes
    5 answers

  12. Объединение начертаний шрифта

    Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то ис…

    Asked by maxakagaret,

    0 votes
    2 answers

  13. Проблема в ie

    Страница http://namemail.ru/reg.php Создал такой стиль width:100%; border:1px solid #dddddd; Во всех браузерах кроме IE6 показывает как надо, а в IE6 правый border не выделяется (его просто не видно) Подскажите в чем может быть проблема

    Asked by qwelp,

    0 votes
    22 answers

  14. Проблема с максимальным расширением дива в диве среди дивов

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> div { border: 1px solid #000000; padding: 5px; } </style> </head> <body> <div style="width: 500px;"> <div style="float: right;">Right</div> <div style="float: right; width: 80%;">Center</div> <div style="">Left</div> </div> </body> </html> Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.

    Asked by Aleks_P,

    0 votes
    6 answers

  15. Фирменный бланк для письма рассылки

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

    Asked by puller12,

    0 votes
    3 answers

  16. Как отцентровать дивы?

    Здравствуйте. Вопрос такой. Есть код: <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body> И CSS к нему: body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff;} .clear{clear:both;} .center { width: 100%;} .block { float:left; margin: 6px; …

    Asked by laradice,

    0 votes
    6 answers

  17. Не получается добавить изображение в шапку сайта

    Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…

    Asked by ProRus,

    0 votes
    29 answers

  18. выравнивание изображения в ячейке

    добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus

    Asked by alazankin,

    0 votes
    7 answers

  19. Завершаем обтекание в IE

    В общем clear:both; не работает в 7 и 9 IE http://pashkes24.narod.ru У всех остальных браузерах все норм. Как быть в моем случае?

    Asked by Pashkes,

    0 votes
    35 answers

  20. Нижний scroll bar

    по сайту искал но ответа ненашел, вот есть вапросик. если я делаю так http://www.htmlbook.ru/css/height.html то как то можно убрать нижний скрол? при чем не просто скрол а и само поле для скрола тоже, но только для нижнего

    Asked by BogusUA,

    0 votes
    10 answers

  21. Версия страницы для слабовидящих

    Подскажите, занимался ли кто-нибудь версиями для слабовидящих. Если да - буду признателен за ссылки на примеры своих работ или на источники где можно подчерпнуть информации на русском

    Asked by mongoose,

    0 votes
    10 answers

  22. Инлайновый элемент переносится на другую строку без отступа

    Добрый день, образовалась такая проблема. Есть заголовок с фоном (ссылка), у ссылки прописан padding:5px; и display:inline; Но про переносе строки заголовка padding на другой строке слева и справа на предыдущей строке не отображается. Наглядно: Подскажите пожалуйста, как справиться с проблемой.

    Asked by sublife,

    0 votes
    18 answers

  23. Border-radius для <img> в Opera...

    Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!

    Asked by Yamaradg,

    0 votes
    27 answers

  24. Цикл do ... while + позиционирование?

    Как вывести текст который выходит через цикл (заметки), да ещ? с позиционированием. Они у меня накладывается друг на друга и ещ? дабавить к этим заметкам общий скроллер?

    Asked by DmB,

    0 votes
    24 answers

  25. вопос с DIV

    Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…

    Asked by Uragan,

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