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. float:left и выравнивание по центру

    Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

    Asked by bobo,

    0 votes
    2 answers

  2. Прозрачные фоновые картинки

    Иногда, у блока задают прозрачную фоновую картинку (пример,смотреть в Google Developer Tools), как в этом шаблоне. Картинка, какбы одновременно серая и прозрачная... Внимание, Вопрос: Как вырезать такую картинку из psd?? Например, может, отключить все слои кроме одного (с картинкой).. .. а дальше??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  3. DIV уезжает вниз.

    Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …

    Asked by EventPromo,

    0 votes
    2 answers

  4. Выподают изображения из блока

    Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?

    Asked by Ravan,

    0 votes
    2 answers

  5. Выравнивание по центру

    У меня сново есть вопрос по сайту pohodkin.ru.У меня там есть меню(верхнее) которое сделано абсолютным позиционированием.Если в браузере уменьшить маштаб то оно уходит влево,как сделать что бы оно всё время было по центру?

    Asked by NeoMurderer,

    0 votes
    2 answers

  6. Всплывающие элементы

    NULL

    Asked by Queebro,

    0 votes
    2 answers

  7. почему не могу задать размеры ячейки таблицы при помощи css?

    http://temich11.nxt.ru/table.html -- таблица http://temich11.nxt.ru/style_doska.css -- css В css размер ячеек задан по сто пикселей, но на деле -- гораздо меньше. В чём проблема?

    Asked by Тёмыч,

    0 votes
    2 answers

  8. Подскажите пожалуйста

    http://spectexnikaavto.ru/contact_form.php Собственно вся проблема не могу - форму поднять вверх.... с z-index уже замучался... Святые верстки подскажите ...

    Asked by Select,

    0 votes
    2 answers

  9. img в строчном элементе span

    Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

    Asked by graf,

    0 votes
    2 answers

  10. Помогите вылечить IE

    Понимаю, что название темы звучит утопически =D В IE 6-7 странные вещи творятся. _http://romilen.neru9.com/ В частности, блок контента съезжает вниз, а текст в нём перекрывает изображения, хотя не должен бы. Это для начала =D

    Asked by Gaspode,

    0 votes
    2 answers

  11. растягивание фоновой картинки в ИЕ

    Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?

    Asked by stone86,

    0 votes
    2 answers

  12. "alt" у <input type="submit" />

    Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?

    Asked by monsterr,

    0 votes
    2 answers

  13. Фон страницы по центру

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

    Asked by antonzol,

    0 votes
    2 answers

  14. Убрать часть url

    http://site.ru/ru/example.html Для смены языка на сайте нужно в адресе например /ru/ заменить на /us/ текущий адрес узнаю так <a id="demo"></a> <script> document.getElementById("demo").href= "http://site.ru/us/" + window.location.pathname; </script> Как получить только последнюю часть url?

    Asked by maxim1o,

    0 votes
    2 answers

  15. Проблема с Div блоками по горизонтале

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

    Asked by mixman48,

    0 votes
    2 answers

  16. Щелчек по свободному полю -> переход по ссылке

    Всем привет, Уважаемые форумчане, прошу Вашей помощи в решении такого вопроса: Создал сайт на джумле, менюшки, ествественно, гененируются автоматически и на выходе получается вот такой код: <ul class="menu"> <li id="item-105"><a href="/index.php/kamaz" >камаз</a></li> <li id="item-106"><a href="/index.php/maz" >маз</a></li> <li id="item-107"><a href="/index.php/paz" >паз</a> <li id="item-109"><a href="/index.php/uaz" >уаз</a></li> <li id="item-110"><a href="/index.php/ural" >урал</a></li> <li id="item-111"><a href="/index.php/yazda" >язда&l…

    Asked by goodguy,

    0 votes
    2 answers

  17. Анализ одного ключевого слова

    Анализ ключевого слова "Усилитель сотового сигнала" Я стал заниматься анализом сайта 1 места по данному запросу выдачи Яндекса и увидел интересную хтуку Забил в поисковую строку домен сайта полный путь и наткнулся на вот что http://nakomp.com/search/icq+7.2+3525.html УСКОРИТЕЛЬ КОМПЬЮТЕРОВ И ИНТЕРНЕТА UltraFast PC - сверхэффективный ускоритель, разработанный под систему Windows и любой тип интернет-соединения. Ваш компьютер будет работать как новый! Увеличение производительности компьютера! Значительное ускорение загрузки Интернет-страниц, фотографий и файлов! Эффективность проверена тестами. Рекомендуем! скачать_______ При этом после слов найденные файлы стояли ссылки на…

    Asked by excomf,

    0 votes
    2 answers

  18. Подскажите, как сформулировать запрос.

    Вот здесь _http://ekipazh-service.com.ua/dp/restaurant/id/1992.html у корзины эффект "выпадения с подпрыгиванием". Подскажите, как это правильно называется, чтобы найти скрипт.

    Asked by photograf,

    0 votes
    2 answers

  19. Вопрос по макету

    Скриншот Как называются эти синии линии? Для чего они нужны? Что можно прочитать про них? По какому запросу искать статьи, чтобы понять что такое и для чего оно нужно?

    Asked by Rustick,

    0 votes
    2 answers

  20. Атрибуты IMG после использования ластика

    После обнуления всех отступов через CSS reset. В контентной области инфа вставляется через редактор и все атрибуты как выравнивание и отступы не работают. Есть способ как оставить их работоспособность использую ластик?

    Asked by mixnn,

    0 votes
    2 answers

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

    Здравствуйте. Я хочу сделать на своём сайте строчку вроде "... Сейчас в Иркутске +15, ночью будет +2. Курс доллара упал до 27.32..." Естественно хочется подставлять температуры и курс автоматически. То-есть их надо откудато забирать или вроде того. Вопрос: Как это сделать?

    Asked by Kujibiki,

    0 votes
    2 answers

  22. Ключевые слова: способы, хитрости, опасности.

    Вопрос следующий: как правильно выделять ключевые слова в тексте и нужно ли? Самым действенным способом такого выделения вроде является заголовок <h1> (после TITLE). Если я прямо в тексте поставлю ключевое слово в тег заголовка (без вложенности в другие теги), а потом уберу жирность и выравнюю размер под основной текст, не будут ли на это ругаться поисковики?

    Asked by Kalisnik,

    0 votes
    2 answers

  23. не работает правило атрибута в ие+опера

    Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …

    Asked by xlife,

    0 votes
    2 answers

  24. проблемы с a:hover

    Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  25. Размер элемента в процентах минус 100 пикселей

    На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!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> <title>Примеры. Простой вызов карты.</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…

    Asked by mkone112,

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