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. Резиновая таблица html

    Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…

    Asked by Дронго,

    0 votes
    3 answers

  2. HTML5 - В какой элемент лучше всего оборачивать breadcrumbs и pagination?

    Обычно я делал так <aside role="navigation"> <!-- breadcrumbs or pagination --> </aside> Однако это, как оказалось, невалидно из-за ошибки "Bad value navigation for attribute role on element aside". Элемент aside используется для блоков, которые не относятся к содержимому на странице, но связаны с ним, т.е. для крошек или пагинации вполне пойдет по семантическому смыслу, как мне кажется; а роль navigation используется для указания на элементы, содержащие ссылки для перемещения по сайту. В связи с этим у меня вопрос - как лучше всего с точки зрения семантики создавать блоки со ссылками (кроме главного меню, конечно)? Просто aside или secton role="navig…

    Asked by Heian,

    0 votes
    4 answers

  3. задание для универа

    задание для универа всем привет, делаю задание для универа, https://www.dropbox.com/s/xfiz58mguk24i7n/java2.zip как сделать так чтобы после нажатия другой кнопки он убирал старые сообщения? а то кишмиш получается. может посоветуете еще как можно улучшить или так сойдет, задание таково: You will need to demonstrate that you have an understanding of the following programming concepts: • Variables • Loops • Statements • Functions • Built-in Objects • Arrays • Strings • Event Handlers • Concatenation • Operands делали с другом как могли! это очень важное и сложное задание для меня ценю любую помощь! спасибо. p.s. слово на спасение от лупа enough

    Asked by artem32,

    0 votes
    4 answers

  4. Проблема с текстом при повороте блока

    Возникла проблема при отображении текста внутри блока (Firefox 17). Поворот реализовал свойством transform:rotate. Текст ужасен и не читаем. Хотя в ИЕ 9 все круто. Подскажите, как исправить? Зранее спасибо! Сайт: http://mirolan.net - настройка локальной сети, администрирование серверов, киев

    Asked by MrRoutman,

    0 votes
    2 answers

  5. Проблема с созданием стилей сайтов

    Я знаю CSS, HTML, Javascript но создание дизайна сайта это для меня мука. Я не могу просто придумать сам дизайн или хотя бы зарисовку. Есть ли литература поэтому поводу, чтоб можно было научится создавать дизайны?

    Asked by T@NKIST,

    0 votes
    7 answers

  6. организация ссылок на сайте

    Голова всех страниц у меня на сайте добавляется через require_once. Все страницы разбросаны по папкам, а index.php в корне. Из-за этого ссылки в меню на главной отличаются и я не могу подключить её к шаблону. Есть какой-то способ подключить главную страницу к шаблону? Использование абсолютных ссылок не подходит написал скрипт на php <?php if ($_SERVER["REQUEST_URI"] !='/index.php') { $level = '../'; }?> <a href="<?=$level?>tree/line.php" title="Товары и услуги"><span><b>Товары</b></span></a> Может есть проще варианты?

    Asked by apexis,

    0 votes
    2 answers

  7. Поле для поиска

    вот я создал поле для поиска на странице, но от него пока нет толку потому что оно не задействовано, как его задействовать,с помощью чего точнее?вот допустим в этом поле ктото чтото вводит и вот нажимает на кнопку "найти", а что бы чела куда то перекинуло что нужно вписать?я не прошу мне писать код я хочу сам.просто обьясните что должно быть примерно.да так на всякий случай я знаю только html и css . этого хватит или в этом случае потребуются и еще другие знания?

    Asked by IUaD,

    0 votes
    4 answers

  8. Проблемы с прозрачностю

    Здравствуйте. У меня вот такой вопрос. При создании блока с черным фоном и изображением внутри, применяются стили css для прозрачности фона, но вместе с фоном прозрачным стает и изображение, как добиться того чтоб изображение не было прозрачным. код HTML <div id="test"> <img src="img/img.gif" width="117" alt="img"> </div> код CSS <style> #test { background-color:#000; opacity: 0.5; } </style>

    Asked by prudcky,

    0 votes
    1 answer

  9. неизвестное

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

    Asked by IUaD,

    0 votes
    11 answers

  10. Ну очень нубский вопрос

    Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <div class="main"> <div class="block"></div> </div> body { margin: 0; padding: 0; } .main{ width: 400px; height: 400px; background-color: #272822; } .block{ background-color: #982722; width: 100px; height: 100px; margin: 40px; } почему в данном случае margin-left отображается корректно, а margin-top как бы вылазит и отодвигает родительский блок от области просмотра?

    Asked by manut,

    0 votes
    1 answer

  11. Отображение ширины - простой вопрос :)

    Добрый день. Начал изучать CSS столкнулся с проблемой, вопрос наверняка очень простой, но я уже все облазил найти не могу. Я задал блок <div> с идентификатором, в style.css ему прописываю конкретную ширину, но она неправильно отображается в бразуерах - в firefox вообще почти на всю страницу, в opera чуть меньше но тоже не 800px, везде по разному В общем. Притом что там вообще больше элементов нет, подскажите пожалуйста что я пропустил? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset…

    Asked by Olks,

    0 votes
    2 answers

  12. Наложение тени

    Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.

    Asked by Vlad,

    0 votes
    6 answers

  13. Double border

    Приветствую всех! Подскажите пожалуйста, необходимо сделать выдавленный div, для этого необходимо сделать двойной border. Написал border-top: solid 1px #fff; outline: solid 1px #888; Все работает, только в Опере outline просвечивает через все слои лежащие поверх этого div. Есть ли иной вариант создания двойного border?

    Asked by darlov,

    0 votes
    4 answers

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

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar,

    0 votes
    5 answers

  15. Как задать тень вокруг текста ссылки?

    http://hostingkartinok.com/show-image.php?id=1531b1855ae14fa1fcb94bb2863129c6 Здесь то, что я получаю,добавляя тень к ссылке. А мне нужно,чтобы тень добавлялась непосредственно к тексту,а не выводилась в виде рамки вокруг ссылки. Такое возможно осуществить? Подскажите,пожалуйста. Мой код: ul.menu{ margin:20px 35px; padding:4px;} .menu li{display:inline; margin-right:30px; padding:4px; list-style:none;} .menu li a{text-decoration:none; font-family: 'Lobster', cursive;font-size:28px; font-weight:200; color:#FFFFFF; box-shadow:0 0 8px 0px #9B0000; -moz-box-shadow:0 0 8px 0px #9B0000; -o-box-shadow:3 5 6px #9B0000; -webkit-box-shadow:3 5 6px #9B0000; -ms-box-shadow:3 5 6px …

    Asked by eleonore,

    0 votes
    2 answers

  16. Проблемы с фоном.

    Необходимо совместить грандиент и картинку в одном на фоне body. Возможно ли это? И как?

    Asked by Bitaller,

    0 votes
    1 answer

  17. Фреймы

    Доброго времени суток всем! Я очень часто встречаю на сайтах фреймы но тут я вычитал что это не популярно и фреймы лучше не использовать из за их недостатков. Как на ваш взгляд фреймы стоит использовать или их лучше избегать?

    Asked by IUaD,

    0 votes
    4 answers

  18. jsfiddle

    у меня с некоторых пор перестала работать псочница jsfiddle. после того как я открываю ссылку, получаю алерт " подтвердите на таком то адресе то, это". при этом 3 из 4 окон пустые скажите, вы тоже подобный глюк наблюдаете или я не настроил доступ?.. посоветуйте пожалуйста как исправить ситуацию

    Asked by cyklop77,

    0 votes
    6 answers

  19. Вертикальное перемещение блоков

    Всем доброго времени суток! Есть следующая задумка, переместить блоки по вертикали. Вот краткий пример, как должен вывести браузер пользователю: <div id="wrapper"> <div id="1"></div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> </div> <div id="footer"></div> и как хотелось бы, чтобы его видели роботы: <div id="wrapper"> <div id="5"></div> <div id="3"></div> <div id="2"></div> <div id="4"></div> <div id="1"></div> </div> <div id="footer"></div> при этом высота всех блоко…

    Asked by krum,

    0 votes
    0 answers

  20. UTF-8

    Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.

    Asked by IUaD,

    0 votes
    4 answers

  21. высота строки и вертикальное выравнивание текста в ней

    Всем привет. А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки? Спасибо. ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.

    Asked by toxarbk,

    0 votes
    7 answers

  22. отменить вывод подсказки

    подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант

    Asked by cyklop77,

    0 votes
    4 answers

  23. Не отображаются картинки

    Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))

    Asked by usv008,

    0 votes
    6 answers

  24. Горизонтальный список!

    Нужен горизонтальный список для меню.Без маркеров.Каждый элемент этого списка будет содержать ссылку на раздел. css такой ul.menu{ margin:0; padding:4px;} .menu li{display:inline; margin-right:5px;padding:4px; list-style:none;} .menu li a{ text-decoration:none} HTML такой <ul class="menu"> <li><a href="">На Главную</li> <li><a href="">Новости</li> <li><a href="">Галлерея</li> <li><a href="">Фото</li> <li><a href="">Видео</li> </ul> Бьюсь весь день,меняю значения,display,float, но список упрямо отображается вертикально и с маркерами.Сил моих больше нет, пожалуйста,помогит…

    Asked by eleonore,

    0 votes
    2 answers

  25. проблема с background-size в ie

    есть блок, ему устанавливаю задний фон и растягиваю(background-size:100% 100%), для ie делаю({ /* IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fon-1.png',sizingMethod='scale')"; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/fon-1.png', sizingMethod='scale'); background-image: none; /* IE ? 9.0 */ }), Все работает хорошо, только текст находящийся в этом блоке в IE начинает искажаться. Кто знает как можно решить эту проблему

    Asked by Marat,

    0 votes
    0 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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