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. Подскажите

    Здравствуйте! Подскажите сайт где есть разные способы украшения таблиц, ну там добавляем тени к таблице, закругление углов и т.д. Натыкался давно на какой-то сайт и там всё это было, но на тот момент я значение этому не придал, а сейчас очень нужно стало. Через Google ничего нормального не нашёл. Подскажите если Вам не трудно. Спасибо за внимание. С уважением, Артём

    Asked by ААА,

    0 votes
    4 answers

  2. "правильный" перенос строки в вертикальном меню

    Всем привет! Сайт http://www.mobilebattery.ru, при горизонтальном разрешении окна в 1024 px в боксе каталога товаров длинные названия переносятся на следующую строку. Как сделать, чтобы перенесенная строка начиналась в том же месте, где заглавная буква этой же строки? Чтобы текст не пересекал красную линию. Пробовал поместить стрелку и текст в отдельные <td>, но тогда при открытии следующего уровня каталога все выглядит некрасиво (нужно чтобы сохранялось смещение вправо, которое есть сейчас). Пробовал вместо <td> в <div> запихнуть, в итоге либо то же самое получается, либо вообще ужас.

    Asked by rdva,

    0 votes
    2 answers

  3. Разное отображение в Firefox и IE. Как лечить?

    Добрый день. Есть таблица. Одна ячейка отведена под новостной блок. Новости формирую через блоки <div>. 4 блока формируются правильно и стоят на своих местах, а вот с самой последней надписью "Читать все новости..." проблема. В Firefox отображается нормально, а в IE прилепает вверх. Если делаю в стиле отступ сверху, выравнивается в IE, но ползет таблица в Firefox. Подскажите, почему такая разница в интерпретиция тегов и как это можно исправить? Вот кусок из CSS p.news_data { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; font-size:10px; color:#000; margin: 10px 10px 0 10px; } p.news_zagolovok { font-family:Verdana, Geneva, sans-se…

    Asked by amv,

    0 votes
    21 answers

  4. Отсутпы в меню

    В браузере имено ИЕ6 и ИЕ7 в меню произошёл, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню. http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg http://www.sharemania.ru/0158454

    Asked by people2010,

    0 votes
    6 answers

  5. Помогите - CSS глюк?

    Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.html и вот тот же самый код <!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" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-…

    Asked by BPOTHOCOK,

    0 votes
    6 answers

  6. Подскажите по обтеканию..

    Здравствуйте! Есть участок html: <div id="footer"> <div class="content"> <div class="imgline"> <img class="leftimg" src="Claim_dark_grey_on_white_01.gif"> </div> <p>На иллюстрациях может быть изображено дополнительное оборудование.</p> <p>Материалы, размещенные на данном Сайте, предназначены для клиентов Opel в Российской Федерации и не могут быть применены вдругих странах. Opel будет прилагать все усилия, чтобы обеспечить точность и актуальность данных, содержащихся на Сайте, однако Opel не несет никакой ответственности в отношении любых претензий или убытков, понесенных в связи с использованием информации, разм…

    Asked by gard,

    0 votes
    10 answers

  7. Вопрос по выпадающему меню

    Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь

    Asked by julie83,

    0 votes
    3 answers

  8. Форматирование выпадающего списка

    Вот нужно в div заданой высоти и ширини вставить выпадающйй список, я его вставить вставил, но как его расположить по центру по вертикали и по горизонтали и ширину поставити на 90% блока и высоту такую же. Вот код того что есть: стиль: #pole {width:100%; float:left;} #pole .nw {background-color:#e3ebf5; height:50px;} #pole .wht {background-color:#FFF; height:50px;} #pole .pole_name {text-align: left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-left:25px; width:33%; line-height:50px; float:left;} #pole .pole_lists {text-align: center; line-height:50px; float:left;} #pole .list_style { width: 100%;; height:95%; background-color:#c…

    Asked by DrMartens,

    0 votes
    1 answer

  9. текст в центре рисунка

    Здравствуйте. Помогите пожалуйста расположить текст со ссылкой в центре рисунка, в диве. Рисунок представляет собой полосу height: 24px; width:296px; font-size:12px;

    Asked by pattaya,

    0 votes
    5 answers

  10. рамка вокруг фото в постах

    Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…

    Asked by htmlkatt,

    0 votes
    9 answers

  11. Иконка в меню

    Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg

    Asked by people2010,

    0 votes
    1 answer

  12. Неудается полностью скопировать блок

    Добрый день, появился вопрос, пытаюсь скопировать блок с сайта для дальнейшей переработки и использования, но блин вроде все тоже самое но не то Посмотрите профессиональным взором, где я туплю? Исходный сайт с блоком http://www.dv-reclama.ru/photo/fashion/index.php Копия http://hb3.ru/123/

    Asked by diden05,

    0 votes
    6 answers

  13. Выпадающие списки

    Как сделать выпадающий сисок с календарем от такого типа: ???

    Asked by DrMartens,

    0 votes
    4 answers

  14. Ul Li Display: Inline; - Отступы При Использовании Бэграунда

    Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …

    Asked by gard,

    0 votes
    6 answers

  15. Два Блока Рядом.. Выходит Только Если Ширина..

    Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…

    Asked by gard,

    0 votes
    12 answers

  16. Приоритеты

    Возникла проблемы с приоритетами стилей. Полистал форум, но не смог понять почему не работает.суть такая есть <td class="lt3"> <a style="display: block;" class="sublevel"></a> <a style="display: block; font-style: italic;" class="sublevel "id="active_menu"></a> </td>Далее имеется 2 цсс файла. Один - первый шаблона сайта, второй шаблона модуля. 1 .lt3 a { color: blue; }2 a { color: green; .sublevel { color: red !important; } }В общем если убрать импортент, то ссылку становятся синего цвета. Вопрос почему?

    Asked by crazybet,

    0 votes
    3 answers

  17. Помогите Подправить Шаблон

    Нашел хороший шаблончик http://rghost.ru/2536374 но он нормально отображается только в IE 6. В Opera, Google Chrome и остальных браузер все вверх ногами.. Подскажите что подправить надо то..

    Asked by Peretz,

    0 votes
    11 answers

  18. Форма Ввода

    Такое дело, как сделать чтоб у инпута был автоматически заполненный текст, а при клике он убирался?

    Asked by -O-J-A-,

    0 votes
    1 answer

  19. Выравнить Текст По Середине Изображения ?

    на сайте на одной строчке есть изображение и с права от него текст, нужно выравнить текст по середине изображения, но почемуто margin, padding и line-height ниначто не влияют код такой <p> <a href="#"><img src="/sites/default/files/img/route_plan.jpg" alt="print" /></a> <a href="java script:window.print();"><span>Напечатать адресс</span></a> </p> Как можно выравнить Напечатать адресс по середине изображения route_plan.jpg ?

    Asked by asker2,

    0 votes
    8 answers

  20. Не Могу Правильно Разместить Блоки

    Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …

    Asked by c0d3r,

    0 votes
    45 answers

  21. Нестандартный Шрифт

    Кто нибудь пробовал использовать нестандартный шрифт этим способом: http://habrahabr.ru/blogs/typography/72991/ У меня чёт не работает, мож я что-то делаю не так? a{font-family:src:url('http://domen.ru/faili_na_razdacu/wolfgang_amadeus_mozart.ttf');}

    Asked by antonP,

    0 votes
    9 answers

  22. Проблема С Ксс

    Здрасте!! у меня такая проблема... ксс выглядит так: сайт вот: http://www.dialogexpert.com/ и мне нужно как то "дорисовать" нижнюю часть, а именно "приклеить" к полоске с меню (файл menuBG.jpg) вот эту полоску: http://s49.radikal.ru/i125/1009/c1/6ad0d73cf009.jpg я это решила сделать добавив в ксс следущую запись: где paper1.jpg -- это и есть название файла с полоской котрую хочу добавить....но у меня ничего не добавилось!!! =((((((((((( что не так?.............

    Asked by lena-lona,

    0 votes
    3 answers

  23. Googlemaps & Метки.

    Доброго времени суток, заранее извиняюсь если что не так оформил, в первый раз попал на Ваш форум. Собственно проблема: Имеется сайт, создавался не мной, на сайте в странице контактов было несколько адресов магазинов, на ряду с адресом были ссылки на гугл мапс для каждого адреса вставленную на эту же страницу. Поступило распоряжение пару адресов убрать и тут появилась проблема - адреса то убрать особо труда не составило, а вот как убрать лишние метки с карты это уже проблема, до этого ни разу с ней не сталкивался, а в большинстве статей на тему вставки карты описывается в стиле "клацаешь на ссылка\ ссылка на форум ". Собственно здесь показано как сейчас обстоит дело maps …

    Asked by Mick,

    0 votes
    0 answers

  24. Проблема С Цветом Текста

    Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), firebug не показывает вообще ни какого цвета . Это мой код: .container2 { position:relative; text-align:left; width:944px; z-index:10; сolor:#104e8b;} , а это код firebug container2 { position:relative; text-align:left; width:944px; z-index:10; } div.htm (строка 78) Унаследовано отdiv.container .container { font:14px Calibri,Arial,sans-serif; text-align:left; }

    Asked by pattaya,

    0 votes
    19 answers

  25. Margin И Padding

    Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.

    Asked by Igorpurgen,

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