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. Как выровнять текст прижав к низу diva

    Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…

    Asked by Sunboy,

    0 votes
    5 answers

  2. Верстка карты мест

    Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

    Asked by yulshaz@mail.ru,

    0 votes
    3 answers

  3. Неправильное повторение фона в IE6

    Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник: Файл win-btm.gif <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title</title> <style type="text/css"> body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; } .win-loginbox { margin: 155px auto auto auto; width: 288px;} .win-btm-left { background: url('win-btm.gif') no-repeat 0px -20px; } .win-btm-right { background: url('win-btm.gif') no-rep…

    Asked by EugenyK,

    0 votes
    3 answers

  4. Дальнейшее изучение HTML и CSS

    Доброго времени суток. Совсем недавно заинтересовался Web-технологиями, облазил кучу форумов, где пытался ответить на вопрос: «с чего начать?» В результате поисков остановился на видео уроках Попова по «HTML и CSS» после их просмотра решил закрепить знания, по этим языкам прочитав, книгу Чебыкина: «HTML и CSS Современные технологии» Теперь мне нужна практика для отточки моих знаний. Хотел задать вопрос знающим людям. Что делать дальше: 1)Попытаться создать свой сайт путём проб и ошибок? 2)Попробовать поверстать макеты? или ещё какие-нибудь упражнения для практики. Забегая вперёд, хочу сказать, что в дальнейшем хочу изучить PHP и MYSQL. Если не сложно помогите составить …

    Asked by manhunt,

    0 votes
    5 answers

  5. Тени

    Здравствуйте, возникла проблемка при работе с тенями. Вот css для div body{ background:#000; margin:0; } div.spell{ margin: 0 auto; background:#FFF; box-shadow: 0 0 120px white; /* Параметры тени */ -moz-box-shadow: 0 0 120px white; -webkit-box-shadow: 0 0 120px white; height: 2000px; width: 900px; } В IE всё отображается как надо, по бокам тени, с верху и с низу отступов нет, так что div стыкуется впритык. А вот в Opere 11.51 отступы снизу равны размеру тени, а сверху всё норм, тень невидна. Реально ли сделать без отступа снизу?

    Asked by miningo,

    0 votes
    15 answers

  6. проблема с @font-face

    Почему шрифт не работает? http://jsfiddle.net/q2qTR/

    Asked by DivMan,

    0 votes
    9 answers

  7. Закрывать ли тег img?

    почему одни делают так <img> а другие так <img/>?

    Asked by DivMan,

    0 votes
    2 answers

  8. iPad4: media queries

    Всем здравствуйте! Страница Вот такая проблема. У заказчика iPad4. Она хочет, чтобы сайт на ее устройстве в альбомной ориентации отображался как для desktop. Но не могу это никак настроить! Эмуляторы отрабатывают нормально, а реальные iPad выбирают мобильный вариант. Не срабатывают оба таких media-queries: @media only screen and (max-width: 960px) {} @media only screen and (max-width: 960px),(min-device-width: 768px) and (max-device-width: 1024px) {}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px) { Как решить данную задачу?

    Asked by Светлана Г.,

    0 votes
    8 answers

  9. Semantic UI одинаковая высота блоков

    Необходимо сделать высоту блоков на скриншоте, одинаковой. Для задания одинаковой высоты у Semantic UI есть классы "equal height". Пример тут http://jsfiddle.net/ozk615p6/35/ "equal height" задается внешнему блоку, а дочерним элементам будет задана одинаковая высота. Проблема в том, что мне нужно выровнять по высоте не дочерние элементы, по крайней мере не первого уровня вложенности. Моя проблема тут http://jsfiddle.net/ozk615p6/34/ Помогите пожалуйста.

    Asked by WhatIsHTML,

    0 votes
    0 answers

  10. Неправильно вычисляется высота страницы

    Глюк можно увидеть на этих страницах http://www.ulskiy.org.ua/portofolio/outdoor.html http://www.ulskiy.org.ua/portofolio/logotypes.html Лучше всего его видно на http://www.ulskiy.org.ua/portofolio/websites.html Вот таблицы стилей http://www.ulskiy.org.ua/portofolio/greenstyle1.css http://www.ulskiy.org.ua/portofolio/greenwebsites.css http://www.ulskiy.org.ua/portofolio/greenthumbnails.css Вот описание глюка. Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody) У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока у блока btto…

    Asked by Casufi,

    0 votes
    3 answers

  11. Как правильно сверстать многоблочный DIV

    Хочу отказать от таблиц и полностью сверстать дизайн. Но произошел затык. Я не могу 1) отцентровать блок 2) правильно отобразить положение блоков. Что бы были рядом, а не по краям. Как это сделать? Вот пример трех блочной верстки. Left_c это левый блок, main правый блок. User2 находится под блоком user1. <div id="all"> <div id="left_c> <div id="user1"></div> <div id="user2"></div> </div> <div id="main"></div> </div> #all { width: 1000px; margin: 0 auto; } #left_c { width: 370px; float: left; } #main { width: 630px; padding-left: 370px; } #user1 { width: 100%; padding-left: 10px; float: left; } #u…

    Asked by PaLyCH,

    0 votes
    7 answers

  12. Интересный эффект на Рамблер, как реализовать?

    На Раблере, в разделе вакансии увидела очень интересный эффект, когда нажимаешь на кнопку "предложить резюме", появляется красивое окошко , с просьбой ввести свои данные, а экран как бы затуманивается. http://hr.rambler.ru/25221412.html. Это JavaScript?

    Asked by savushka,

    0 votes
    5 answers

  13. проблема с 3-мя колонками

    Вроде элементарный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; } .left { background: #88f; float:left; width:100px; height:100px; } .center { background: #f88; height:100px; margin: 0 100px; } .right { background: #8f8; float:right; width:100px; height:100px; } </style> </head> <body> <div class="left"></div><div class="center"></div><div class="right"></div> </body> </html>…

    Asked by Searcher,

    0 votes
    3 answers

  14. Дублирование кода в Firefox 3

    Коллеги, никто не сталкивался с такой проблемой, что Firefox 3 при отображении страницы дублирует фрагмент html-кода? ресурс где возникает баг закрытый, поэтому ссылку давать бессмысленно. для примера: допусти, в коде есть такой фрагмент: <div class="qwe"> <a id="rty">asdf</a> </div> Открываем страницу с нужным нам результатом в первый раз, и браузер показывает совсем не то, что нам надо. Firebug видит такой код: <div class="qwe"> <a id="rty">asdf</a> <div> <a id="rty">asdf</a> </div> </div> То есть продублировался фрагмент кода, но div уже без класса. Смотрим исходный код страницы чере…

    Asked by qwe,

    0 votes
    6 answers

  15. Текст уходит за пределы видимости

    День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.

    Asked by bncom,

    0 votes
    10 answers

  16. как сделать "дырку" в div

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

    Asked by warobushek,

    0 votes
    2 answers

  17. Верстка под IPB

    Здравствуйте уважаемые пользователи данного форума. Немогли бы вы подсказать как верстать дизайны с PSD под форум IPB?

    Asked by Rentgene,

    0 votes
    2 answers

  18. псевдоселекторы after and before

    добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

    Asked by mrfrunze,

    0 votes
    6 answers

  19. Почему при адаптиве съезжает элемент на Bootrstrap 4?

    не могу понять почему у меня съезжает телефон при уменьшении экрана? Вроде все перепробовал , но не выходит... <div class="row"> <div class="col-lg-3 "> <img src="img/logo.png" alt="logo"> </div> <div class=" col-lg-2 offset-lg-4 align-self-center phone text-right"><a href="#">+7 495 771 05 08</a></div> <div class="col-lg-3 align-self-center text-right"><button class="button header-btn ">получить консультацию</button></div> </div>

    Asked by Tempest99,

    0 votes
    0 answers

  20. Как расятянуть картинку моря?

    Вот задача думаю непростая... Не знаю, как и с чего даже начинать... может кто, что посоветует?

    Asked by BRK,

    0 votes
    6 answers

  21. Таблицы и colspan

    Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>

    Asked by Kenshi45,

    0 votes
    5 answers

  22. Очень непростая задачка

    Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …

    Asked by AssaCSSin,

    0 votes
    3 answers

  23. нужен совет по календарю JS

    Надо встроить календарь на сайт посоветуйте готовый скрипт с легко изменяемым дизайном и желательно функционалом, а то в гугле слишком много разных вариантов и фиг пойми какой из них лучше на данный момент нужен вот такого плана

    Asked by WalkMan,

    0 votes
    7 answers

  24. 100 однотипных страниц

    Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

    Asked by reitory,

    0 votes
    4 answers

  25. Ищу слайдер

    Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.

    Asked by Arthur,

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