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. в горизонтальном меню съезжают пункты вслед за подпунктами

    Необходимо меню позиционировать справа в блоке, а выпадающие пункты должны выпадать влево: песочница (просмотр full screen) ...и при наведении на раздел 3 выпадает список с подразделами, однако пункты раздел 1 и раздел 2 тоже уезжают влево на уровень подразделов. Как не бился не могу исправить... ...помогите, что-то логику ни как не могу понять с этой многоуровневостью.

    Asked by alexeymeek,

    0 votes
    14 answers

  2. В две или в одну строку?

    Какой из двух вариантов правильнее, первый (в две строки) или второй (в одну строку)? Или и так и так правильно? <META http-equiv="Content-Type" content="text/html;charset=windows-1251"> <META http-equiv="cache-control" content="no-cache"> <META http-equiv="Content-Type;cache-control" content="text/html;charset=windows-1251;no-cache">

    Asked by кэп,

    0 votes
    3 answers

  3. В Джумле

    Проблема или в настройках джумлы, или в верстке. Не знаю. Главное меню. Если убираешь пункт в меню, то пропадает логотип (ну и вообще все что в шапке находится). Было у меня 5 пунктов. Сделал два - все пропало. Выровнял их по центру сайта (чтобы не справа эти 2 пункта были, а по центру) - все появилось. Сдвигаю чуть влево или вправо - опять пропадает...

    Asked by Imperil,

    0 votes
    2 answers

  4. В диве в блоке не задать подсветку сылки.

    Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…

    Asked by dima4321,

    0 votes
    7 answers

  5. В домене www.сайт.com появилась приставка ?lg_2sr

    pikamsk в домене www.сайт.com появилось что то)))) _http://www.сайт.com/?lg_2sr что эт такое ?lg_2sr как исправить? Домен прикреплен к хостингу ucoz www.сайт.ucoz.ru Добавлено: P.S. приствка _http://www.сайт.com/?lg_2sr то есть то её нет www.сайт.com может что то в исходном коде,не знаю что делать,боюсь что отразится на индексации сайта(((( Cheery.:МордератоР:. домен нашел в сети по аналогичному вопросу pikamsk Иногда появляется,а в основном нормально,решу проблему,отпишусь на форуме,не закрывайте тему. panserg Newbie Может быть элемен ДДОС защиты? Кто что думает по поводу элемента защиты?Или есть какие другие мысли?

    Asked by pikamsk,

    0 votes
    3 answers

  6. В домене сайта присутствует надпись "показать сайт"

    Сделал сайт,залил его на хостинг,и есть очень серьезная проблема. Адрес сайта таков: you-play71.ru водя такой адрес в адресную строку браузера-ничего не находит Если ввожу you-play71.ru.показать.сайт/index.html то так все работает Вопрос: как избавится от такого,то есть как убрать эту надпись в адресе "Показать сайт"

    Asked by Rexshion,

    0 votes
    1 answer

  7. В заголовке таблицы с двумя картинками

    Всем привет, Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла Если делаю так : ...<th ><table><tr><td>SKU </td><td><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></td></tr><tr><td> </td><td><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></td></tr></table></th>...То у меня разваливается вся таблица - я так и не понял почему, так как внутренний <table></table> валиден и нигде не разрывает внешную табли…

    Asked by mstdmstd,

    0 votes
    3 answers

  8. в ИЕ 6 у PNG картинки без фона появляется фон

    Такая проблема, есть бекграунд с заливкой градиента через маленькую картинку, который множится. На этот бекграунд делаю <img ... вставляю картинку с логотипом, который прозрачный фон имеет, он нормально садится, и везде красиво смотиртся, но в ИЕ6 у меня эта картинка получает какой-то сероватый бекграунд, хотя его быть не должно, не подскажите, что делать?

    Asked by fireXXX,

    0 votes
    5 answers

  9. В ИЕ не отображается background-image

    В ИЕ не отображаеются background-image которые отлично видны в Mozilla и опера Вот страница - (url - убрал) Скрин в Мозилле Вот скрин в IE7 Код CSS в общем стиле h2.contentheading, .contentheading {padding:3px 0px 6px 43px; margin:0px 15px 25px 0px; font-size:14pt; color:#ae8a55 !important; font-weight:normal; background:url(../images/header/hrSborPng-c.jpg) center left no-repeat; border-bottom:1px solid #ae8a55; } .componentheading { padding:0px 0px 0px 40px !important; height:38px; font-size:180%; font-weight:normal; color:#ae8a55!important; background:url(../images/header/hrSborPng-b.jpg) top left no-repeat; margin:0px 15px 25px 0px; d…

    Asked by stadion,

    0 votes
    4 answers

  10. В ИЕ цвет gif'a отличается от других

    В ИЕ цвет gif'a отличается от других. С png я знаю как решать проблему, а вот с гифом нет. У кого какие соображения.

    Asked by Brain_activities,

    0 votes
    9 answers

  11. В ие6 не отображается часть фона дива!

    В ие7 и гуглхроме и фф и сафари и опере работает. <div id="content_bottom"> <div id="blockcontent_left"> <div id="heading"> <div id="heading_left"></div> <div id="heading_center">Правила бонусной программы</div> <div id="heading_right"></div> <div class="clear"></div> </div> </div> <div id="blockcontent_right"></div> <div class="clear"></div> </div> CSS #blockcontent_left { float: left; width:250px; margin-left:40px; position:relative; } #blockcontent_right { position:relative; float: left; } #content_bottom { background-image:url(../pic/…

    Asked by SteaM,

    0 votes
    7 answers

  12. В Ие7 Не Получается Сделать Кликабельным Блок

    Опять же трабл с ИЕ7. Всё то же моё несчастное выпадающее меню: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html На этот раз имеем следующий трабл. В общем, когда я под блоком этого меню устанавливаю ещё один блок с текстом, то почему-то в ИЕ7 та часть выпадающего меню, которая накладывается на текст, становится некликабельной. В браузерах Опера, Мозилла и ИЕ8 имеем всё окей, а ИЕ7 не окей. Уже всё вдоль и поперёк переюзал - не могу найти где Акела промахнулся

    Asked by Belovsan,

    0 votes
    11 answers

  13. В ИЕ7 смещение на 1px... Подскажите почему?

    Вот верстка: http://predvoditelev.ru/tmp/test_ie7_bug/main.html При нажатии на город отображается список городов с номерами. В большинстве браузерах отображается всё хорошо, а вот в ИЕ7 при открытии списка наблюдается смещение на 1px вниз, причем только для телефона... Отчего так?

    Asked by VJiK,

    0 votes
    19 answers

  14. В исходном коде есть, а в инспекторе нет стиля - как это возможно?

    В исходном коде в шаблоне я прописал, чтобы было так: <div class="product-grid row"> <data data-bal="bal-elemen"></data> <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4 zakonchilosvcat"> <div class="product zakonchilos"> Смотрю - а стиль на сайте к zakonchilosvcat не применяется. Вижу. а этого стиля попросту нет в инспекторе! Проверял в других браузерах аналогично. <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="product zakonchilos"> При этом в исходном коде (ctrl-u) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример

    Asked by nikki4,

    0 votes
    1 answer

  15. В каждом браузере по разному

    сабж Вот index.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class=…

    Asked by GumaNoiD,

    0 votes
    6 answers

  16. В каких браузерах тестировать верстку

    Воспользовался статьей с Хабрхабр Браузерный зоопарк для того что бы установить 6,7,8 версии IE на свой ноутбук. Но возник вопрос относительно Opera и Firefoх, статье с Хабрхабр уже год, какие версии этих браузеров использовать для верстки на сегодняшний день? В каких браузерах тестируете верстку вы?

    Asked by Drunk_Monkey,

    0 votes
    4 answers

  17. В какой CMS есть данная возможность?

    Добрый вечер. Появился вопрос: В какой CMS Вы встречали сортировку с такими возможностями? (выбираешь НЕСКОЛЬКО критериев и система подбирает запись) Сайт на котором это реализовано: http://www.b-seminar.ru/catalog/ Вычислить CMS не удалось. P.S. 1. Это не спам. 2. Знаний PHP нет.

    Asked by sportgid,

    0 votes
    26 answers

  18. В какой кодировке броузер передает данные формы?

    Всем привет, Подскажите пожалуйста по нескольким вопросикам, связанным с UTF-8: 1. В какой кодировке броузер передает серверу значения текстовых полей формы, заполненной пользователем? Всегда ли в кодировке страницы? Если HTML страница сформирована в UTF-8, в тексте страницы есть тег META с указанием кодировки charset=UTF-8, означает ли это, что текстовые данные из полей input и textarea всегда будут в UTF-8? Зависит ли такое поведение от конкретной марки/модели/года выпуска/тормозной системы броузера, либо все себя ведут одинаково? Есть ли необходимость на стороне сервера скриптом-обработчиком формы определять кодировку, и, при необходимости, конвертировать текст. Сервер…

    Asked by Gride,

    0 votes
    5 answers

  19. в какой программе они это сделали?

    Друзья, вот на этом сайте www.ferrum-n.ru мне оооочень нравится, как выполнено лого. с помощью какой программы можно такое сделать?adobe flsch, adobe after effects? заранее благодарю

    Asked by OlgaTor,

    0 votes
    5 answers

  20. В каком виде передается задание верстальщику?

    Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?

    Asked by we1,

    0 votes
    30 answers

  21. В каком компиляторе разрабатывать?

    Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !

    Asked by Joris,

    0 votes
    6 answers

  22. В каком направлении копать для адаптивного скроллируемого фона?

    Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…

    Asked by NDanilov2015,

    0 votes
    2 answers

  23. В каком направлении копать!?

    Практически каждый человек, пожелавший посвятить свою жизнь Веб разработке, и попавший на этот форум. Создает тему со следующими словами: "Как начать ?", "С чего лучше начать изучение верстки: CSS или JavaScript или HTML? А может быть с PHP?" и т.п. В этом ничего зазорного нет ! Все мы когда то были новичками, в том или ином деле. Но, на мой скромный взгляд, однотипные темы (только названные по разному). Не только засоряют форум, но и затрудняют поиск, действительно, полезной информации. Искатель, поставивший себе за цель найти информацию о PNG прозрачности в IE6, попросту ее не найдет (хотя она есть). Ему не остается ничего другого, как продолжить создавать дублирующие т…

    Asked by Selen,

    0 votes
    12 answers

  24. В каком случае рационально использовать expression или другие ухищрения для релизации min-width для ie6

    Вот такой случай не знаю стоит ли заморачиватся и делать полностью кроссбраузерно как положено. Посмотрев некоторые работы по верстке увидел что некоторые забивают на него. Может и правильно фиг его знает, я не знаю какой их проф уровень может они только учатся как и я. Хотелось бы услышать мнение более опытных или продвинутых верстальщиков. В чем суть. Рассматриваеться только ie6. Есть футер div 100% шириной. В нем есть бекграунд. Синего цвета. Все остальное на сайте имеет фиксированную ширину 998px. Когда происходит ресайз окна футер ведет себя нормально до появления скрола. В скрине видно когда размер окна около 1024px; Далее продолжая ресайз до появления …

    Asked by voooodoo,

    0 votes
    17 answers

  25. В каком стандарте описан тег <image> (не <img>) ?

    В общем случайно обнаружил что такой код вполне рабочий: <image src="images/logo.png" alt="Экодом" width="140" height="148" /> Картинка отображается в Chrome, FF, IE. Кроме того, тег image подсвечивается в Notepad ++ Однако валидатор выдает непонятную ошибку: Line 18, Column 115: Saw a start tag image. …ную"><image src="images/logo.png" alt="Экодом" width="140" height="148" /></a> Доктайп <!DOCTYPE html> В dom-инспекторе хрома элемент отображается как img. Вопрос - что это за тег такой и в какой спецификации он описан? Кстати мне он симпатизирует больше чем img

    Asked by danik.html,

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