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. банальная проблема с прижатием футера к низу экрана

    верстаю шаблон под osCommerce 3.0, столкнулся с кажется банальной проблемой, не так ведь сложно прижать футер к низу экрана, а страницу растянуть на всю высоту вне зависимости от содержимого. Но что-то я запутался немного, а за два дня с этой проблемой уже и никаких вариантов в голову не приходит, буду благодарен если кто укажет где моя ошибка)) вот стили основной части сайта, без шапки и футера /* @group structure */ #container { margin-left: auto; margin-right: auto; width: 1000px; height: 100%; text-align: left; background: #e0e9ed; overflow: hidden; } #left-column { width: 166px; position: relative; top: 80px; float: left; clear: bo…

    Asked by Lord Demon,

    0 votes
    7 answers

  2. bootstrap 3, горизонтальная прокрутка

    Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте

    Asked by torsar,

    0 votes
    7 answers

  3. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  4. Заокругленые углы

    есть штмл текст верхняя рамка <tr> <td style="background-image:url(images/header_left.gif); width:3px; height:21px;background-repeat: no-repeat;;"></td> <td style="background-image:url(images/header_center.gif); height:21px;"><font class="header_name">Погода</font></td> <td style="background-image:url(images/header_right.gif); width:3px; height:21px;background-repeat: no-repeat;"></td> </tr> как указать длину если таблица может быть разной длины чтобы средняя ячейка растягивала фон до конца,

    Asked by solos,

    0 votes
    14 answers

  5. Пустой узел текста

    Творится что-то непонятное (во всяком случаи для меня): Есть тело <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html> <body> <div> <strong>123</strong> <strong>123</strong> <strong>123</strong> </div> </body> </html> Я пытаюсь изменить дочерние объекты div-а, но не могу так как после каждого </strong> он мне создает еще один объект. И в итоге получается что дочерних объектов не 3, а 5!! Средства разработки в IE8 ставит в дереве документа, после каждого <strong>123</strong> объект "Текст - Пустой узел текста". Тоже самое прои…

    Asked by kosh_,

    0 votes
    22 answers

  6. Как можно сдвинуть кнопку влево?

    Здравствуйте! http://unbrokenteam.ru/ На главной странице внизу есть кнопка "Отправить". Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает. Вот style.css: body { padding: 20px; } button { margin-top: 20px; margin-left: 80px; line-height: 38px; font-size: 93%; padding: 0 60px; background: white; border: 2px solid rgb(112, 182, 234); border-radius: 35px; position: relative; left: 45%; transform: translate(-55%, 0); } button:hover { transit…

    Asked by noob_saibot,

    0 votes
    5 answers

  7. list-style-type - возможно ли изменять диаметр?

    Возможно ли как то прописать размер маркера? А то по-умолчанию они такие большие и неказистые

    Asked by Rhema,

    0 votes
    8 answers

  8. Дивы в диве

    Народ!помогите,совсем уже устала с этим биться(...в общем есть один блок родительский, в нем находяться еще три блока,расположены по горизонтали стык встык друг к другу...когда один из этих трех блоков растягивался мне нужно сделать так,чтобы родительский блок тоже в свою очередь растягивался, и принимал значение height такое же как и у самого длинного наследуюемого блока.расскажите как?...заранее всем спасибо.

    Asked by Mantikore,

    0 votes
    6 answers

  9. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka,

    0 votes
    6 answers

  10. XML

    Только не нужно сразу отправлять меня в гугл. Всё началось с того, что я захотел понять в чём же суть этого XML и зачем он вообще нужен, вроде везде он есть, а конкретно о нём ничего узнать нельзя. Прочитал по нему несколько статей в нете, но везде одно и то же, синтаксис, оганизация, что мол он создан для определения чего-то там, и в нём мы создаём теги. Но нигде нет нормального объяснения, зачем всё-таки нужен этот чёртов XML и где и как он применяется. Везде одна голая теория. Если кто может, пожайлуста объясните мне, что же это за зверь то такой и для чего он нужен.

    Asked by Игорь Ермаков,

    0 votes
    14 answers

  11. Центрирование на экране фиксированного элемента

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

    Asked by MageMerlin,

    0 votes
    13 answers

  12. некорректно отображается меню в internet explorer - нужна помощь

    сделал сайт - neosoulcafe.ru проблема у меня с меню в Mozilla, Firefox и Opera всё отображается корректно, а в Internet Explorer при наведении курсора на контекстное меню, оно пропадает. может у меня что-то неправильно в коде? помогите, пожалуйста, кто может! СПАСИБО

    Asked by shall soul,

    0 votes
    8 answers

  13. Фреймы в Div'e и Body

    Никак не могу совершить задуманное. Есть сайт, есть страница. На этой странице задумал разместить все мои видеоролики с Ютуба, понаставлял кучу object-кодов через , выглядит громоздко, к тому же страница тяжелая и с 20 плеерами грузится крайне тяжко. Решил сделать следущее. Взять, понаштопать скринов с каждого видео, и из этих скринов сделать гиперссылки к определенному видео. Но задумал еще интереснее, чтобы страница каждый раз не обновлялась со всеми скринами и плеером, а чтобы обновлялся чисто плеер. Сделал еще одну страничку, назвал "1", впихнул туда следущее: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head&g…

    Asked by Пятница,

    0 votes
    5 answers

  14. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H,

    0 votes
    2 answers

  15. Стоит ли идти на курсы Frontend-разработке в 2019?

    Позвольте немного философский, но оттого не менее важный вопрос. Многим известна онлайн-школа обучения веб разработке "Html-Academy", являющаяся, пожалуй, самой адекватной на российском рынке. У них есть несколько курсов - Html/css уровень 1, Html/css уровень 2, Java script уровень 1. Представленные как отдельные курсы по стоимости что-то около 15-20 тысяч рублей. НО недавно появилась программа "профессия" , которая представляет из себя обучение комплексно по 3 приведенным выше программам и присвоением квалификации "Frontend-разработчик" в конце обучения. Скажите, как вы считаете стоит ли идти на обучение по этой комплексной программе?…

    Asked by AlexGreat,

    0 votes
    1 answer

  16. Как позиционировать div снизу?

    Не могу понять почему div не позиционируется снизу? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…

    Asked by okn00me,

    0 votes
    4 answers

  17. Большая SWF на заднем плане

    Собственно сабж. Хочу использовать swf-ку размером 800х800 в качестве бекграунда в окне контента. Если использовать этот код, то при наполнении дива контентом, ячейка таблицы, в которой он находится, не растягивается. <div style="position:absolute;z-index:2;"> content </div> <div style="position:absolute;z-index:1;"> <object align=bottom> <embed src="twin.swf" wmode="transparent" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="800"></embed></object> </div> Можно ли это сделать без position:absolute?

    Asked by MTandi,

    0 votes
    4 answers

  18. Формы

    Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?

    Asked by lapwing,

    0 votes
    17 answers

  19. Как отключить сглаживание шрифтов в Firefox с помощью CSS/JS/PHP?

    Здравствуйте. В FireFox применяется сглаживание шрифтов, отсюда отличное от других браузеров отображение текста(по крайней мере для Verdana bold). Прочитал, что в конфиге FF для это надо изменить настройку gfx.content.azure.enabled в false, но это делается руками через настройки. Есть ли возможность повлиять на эту настройку средствами CSS, PHP, JS? Благодарю

    Asked by borus,

    0 votes
    7 answers

  20. Как сделать отступ текста от верха в header?

    Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?

    Asked by Emelean,

    0 votes
    7 answers

  21. Многоугольник с рамкой

    Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

    Asked by Aleksandr.L,

    0 votes
    4 answers

  22. transform, transition и IE

    Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…

    Asked by maritca,

    0 votes
    5 answers

  23. ссылки в Opera

    Имеется следующий код: #content #transport { background: #C5C5C5; font-size: smaller; padding: 5px 0 7px 167px; list-style-type: none; margin-right: 50px; } #content #transport li { display: inline; margin-right: 1em; } #content #transport li a { color: #484848; position: relative; } <ul id="transport"> <li><a href="./index.php?id=23">Грузового и спец. автотранспорта</a></li> <li><a href="./index.php?id=24">Автобусов</a></li> <li><a href="./index.php?id=25">Легкового автотранспорта</a></li> <li><a href="./index.php?id=26">Пассажиров</a></li> </ul>…

    Asked by rash,

    0 votes
    9 answers

  24. Бегает текст от выпадающего меню

    Бегает текст от выпадающего меню через цсс... причину понять не могу. может кто то сталкивался

    Asked by DEN123,

    0 votes
    23 answers

  25. Не выделяется текст в Firefox и Chrome

    Не получается выделить текст в Firefox и Chrome, в IE и Opera все нормально, связано это как я понял с z-index, если убрать их то текст выделяется, но тогда вертикальное меню уходит под блок, как исправить можно? Сдела бы фитчей, но не ссылки не кнопки не выделяются) jsfiddle Еще баг появился, на этот раз только в мозиле, добавил свой шрифт, на главной странице все отлично отображается, на другой стандартным шрифтом текст делается. Код: CSS HTML

    Asked by Dolfik,

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