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. При удалении текста, блок смещается

    Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.

    Asked by Didorri,

    0 votes
    2 answers

  2. Форма обратной связи

    Доброго времени суток. Очень нужна помощь, на форуме ответа не нашла, простите. Но буду пизнательно если хотябы укажите где читать. Задача такая: Добавить форму обратной связи + возможнсть выбора адресата(и высылать на соответствующие адрес электронной почты) Сайт написан на HTML, соответственно вопросы: Реально ли это сделать? И если да, то как?) Уточню, как сделать форму я нашла, а как возможность выбора адреса сделать?

    Asked by Tishina,

    0 votes
    2 answers

  3. не могу разобраться с div

    Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …

    Asked by dummy,

    0 votes
    13 answers

  4. padding "ломает" верстку

    Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…

    Asked by ]-[иколай,

    0 votes
    16 answers

  5. Выравнивание горизонтального списка

    привет!! Есть горизонтальный список такого вот примерно вида: не могу дойти до мысли, как выровнять эти элементы по высоте(middle) Подскажите какие есть пути, но интересует только вариант со списком, таблицы не нужны.

    Asked by axigreat,

    0 votes
    8 answers

  6. центрирование повернутого текста

    добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так .boxRotateLeft{ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(270deg); /* FF3.5+ */ -ms-transform: rotate(270deg); /* IE9 */ -o-transform: rotate(270deg); /* Opera 10.5 */ transform: rotate(270deg); zoom: 1; display:block; } вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит вот еще сама разметка <div id="hide" style="float:left;"> <img src="img/hide.png"> <span class="boxRotateL…

    Asked by SnowCatcher,

    0 votes
    26 answers

  7. Выравнивание текста

    Салют) Значит...есть блок, в этом блоке строка, строка должна быть выровнена по центру, одно слово из этой строки должно быть выровнено по правому краю. на ум пришло 2 варианта. 1) запихать это слово в отдельный блок и сместить его, но в таком случае меняется уровень, это слово находится выше остального текста... 2) position:relative; left:**px; слово является ссылкой, и проблема в том, что можно кликнуть на эту ссылку наведя курсор на место где была эта ссылка до сдвига...(надеюсь понятно)

    Asked by Dumle,

    0 votes
    3 answers

  8. :focus для <a>

    К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон

    Asked by bot87,

    0 votes
    5 answers

  9. Цвет ссылок

    Здравствуйте! Подскажите пожалуйста можно ли сделать ссылку из двух цветов?

    Asked by Lucifer,

    0 votes
    4 answers

  10. Наложение Div'ов

    Столкнулся с проблемой когда 1 div перемещаю по странице с помощью джаваскрипта, и он, как бы "подъезжает" под картинки которые тоже спрятаны в диве. Наглядная иллюстрация Есть ли способы "Расслоения" div'ов чтобы тот что перемещается оказался сверху? P.S. Извиняюсь если надо было обращаться в раздел джаваскрипта.

    Asked by Agahnim,

    0 votes
    2 answers

  11. Резиновый сайт по центру экрана

    Задача: сделать резиновый макет сайта, расположенный по центру. Сделать фиксированный макет по центру, например шириной 960 пикселей, не трудно. На мониторах с шириной 1024 и 1280 такой сайт будет смотреться хорошо, но вот на мониторах с шириной 1680, и тем более 1920, уже не устраивает. Хотелось бы, что бы на больших расширениях сайт растягивался допустим до 1200 пикселей (не будем трогать тему удобочтения длинных строк), а на маленьких (1280, 1024) 960. Или как-то пропорционально растягивался с ростом расширения. Недорешений несколько: 1. Как предлагают в большинстве статей: сделать сайт на всю ширину экрана. Такой вариант сразу отпадает. 2. Прописать свойства min-widt…

    Asked by bob_24,

    0 votes
    6 answers

  12. Ячейки таблицы тянутся на непонятную ширину

    Уже поставил фиксированную ширину таблицы и ячеек, и все равно одно и тоже. В 8 ИЕ. http://vm3378.vps.agava.net/partners/

    Asked by Tchorteg,

    0 votes
    1 answer

  13. Резиновый дизайн

    Резина и ещо раз резина Я сделал фон сайта резиновым ,но в Браузере Opera при размере страници 100% слева виден маленький белый промижуток размером 8-10px Но при минимальном размере промижутка нету Как это исправить? И как зделать кнопки зделаные тегом img заставить быть по соотнашению с BG чтоб не только BG был резиновым ,но и кнопки.

    Asked by yarickyarick,

    0 votes
    4 answers

  14. Как это реализовать?

    Здравствуйте! Сайт для выставления картин на продажу. т.е. человек приходит регистрируется, у него появляется личный кабинет от туда он выкладывает фото картины и доп информацию. Ссылку дать не могу потому что сайта как токового нет, все в голове. Форму входа и кнопку-ссылку регистрации на страничку с формой регистрации я сделал. А вот дальше как не представляю. Т.е допустим авторизовался человек и появляется кнопка типа личный кабинет и там уже он делает свои дела. Сайт пишу на html и css.

    Asked by Didorri,

    0 votes
    5 answers

  15. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan,

    0 votes
    6 answers

  16. Не отоброжаються любые картинки в DLE

    Здраствуйте, не могу понять почему не отображаються картинки в движке dle. Все пути перепробывал, как будто им не движок " не разрешает показываться" Помогите. В прошлом году сталкивался с этим, но за год забыл...помойму делал что то с праваи на папку шаблнов...

    Asked by Bandyy,

    0 votes
    1 answer

  17. Путь в JS

    Не могу указать путь в js. arrowimage: {classname: 'downarrowclass', src:'down.gif', leftpadding: 5} картинка переехал в images/down.gif не видит её, как правильно указать путь?

    Asked by Bandyy,

    0 votes
    0 answers

  18. Помогите решить вопрос с меню

    Здраствуйте, помогите пожалуйсто решить вопрос с меню Выматало все нервы мне за сегодня.... В новом документе работает отлично, при ингегрирование в движок вообще не видит стили, что я только не делал, просто игнорирует... На движке вообще без стилей отображаеться. Главная Галерея Activities 1 Activities 2 Activities 3 Water Sports 1 Water Sports 1 Water Sports 1 Water Sports 1 Activities 4 Афиша Меню Traveling 1 Traveling 2 Traveling 3 Traveling 4 Africa 1 Afghjrica 2 Africa 3 Africa 4 Kenya 1 Kenya 2 Kenya 3 Kenya 4 Kenya 5 Traveling 5 Контакты все пути использовал которые только знал...я в шоке что это может быть?!

    Asked by Bandyy,

    0 votes
    8 answers

  19. появляется новый столбец у таблицы

    <th> <td>Столбец 1</td><td>Столбец 2</td><td>Столбец 3</td><td>Столбец 4<sup>Примечания</sup></td> </th>

    Asked by Seretyr,

    0 votes
    2 answers

  20. mete тег

    <meta name="keywords" content="#" /> Есть ли какие либо ограничения в размере текста?

    Asked by Fear1,

    0 votes
    2 answers

  21. Затемнение средствами CSS без потери кликабельности

    Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?

    Asked by luethus,

    0 votes
    8 answers

  22. Перенос сайта с одного сервера на другой

    Всем добрый день. Меня попросили перенести один интернет-магазин с одного хостинга на другой. Мне дали файлы уже выкаченного сайта с другого хостинга. Я прежде чем закачивать на хостинг хочу проверить локально у себя на компьютере. У меня установлен денвер. Я в нём создала папку с названием сайта и в ней папку www (как и обычно в денвере) и скопировала туда все файлы из папки public.html. Дело в том что я ни разу не закачивала сайты, прикреплённые к движку на сервер и естественно не знаю как правильно это сделать. На денвер я устанавливала цмс-ки и конечно в их настройки проблем не было - там всё просто. Знаю что надо создать для этого сайта новую базу данных, но не знаю …

    Asked by meta,

    0 votes
    4 answers

  23. вырезать фон из psd

    помогите пожалуйста вырезать фон из psd-макета. проблема в том, что после кадрирования(фон в правой колонке) и сохранения(в .png или в .jpg) исчезает переход между тонами, который есть в оригинале. наличие перехода я проверяю при помощи pixie(на глаз тоже заметно) результат размещения фона на странице выглядит так

    Asked by cyklop77,

    0 votes
    6 answers

  24. Валидация виджета "Вконтакте"(коментарии)

    Подскажите как побороть проблему с валидацией виджета "Вконтакте"(комментарии).

    Asked by Alex&R,

    0 votes
    8 answers

  25. Посмотри те пожалуйста!

    Доброго времени суток. Прошу вашей помощи. Верстаю впервые. Нужен ваш совет. Посмотрите пожалуйста, не допускаю ли я какие либо ошибке в плане самой конструкции кода и самого подходу к верстке? Сверстал только шапчёнку и то замучался. Просто нехочется потом весь сайт переписывать, если что то не так... _http://www.yourspotolki.ru/ Код думаю выкладывать не стоит, наверняка все файрбаг юзают. Верно?) Заранее благодарю P.S. Да и ещё, подскажите пожалуйста как h1 выровнять по центру относительно блока logo.

    Asked by Un1x,

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