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 и сразу столкнулся с проблемой - при провереке страницы, она не отображается в браузерах експлорер и опера. помогите, пожалуйста разобраться, что я делаю не так. З.Ы. в мозилле и гугл хроме все работает вот код страницы <!DOCTYE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/tr/REC-html140/loose.dtd"> <HTML> <HEAD> <TITLE>Сайт</HTML> <BASE href="http://www.max.ru"> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META name="keywords" lang="ru" content="бла-бла"> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY bgcolor="blue"…

    Asked by hello167,

    0 votes
    4 answers

  2. проблема

    Я пишу в HTML разные языки допустим я пишу на Латышском и некоторые элементы в интернете проявляются как знак вопроса (?) я пишу в простом блокноте и мне посоветовали вставить это - <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1257"> всеравно не получается . Скажите что сделать?

    Asked by sevenyou,

    0 votes
    2 answers

  3. Проблема

    Здравствуйте всем, возникла проблема - нашел форум - думаю кто нибудь поможет) В общем у меня на локальном сервере есть сайт в котором среди всего прочего есть блок контента. Выглядит он вот так: Проблема заключается в том , что на самом сайте текст "Some text" отображается там где надо (вверху сайта под хедером). А текст который я вывожу из базы данных выводится внизу прямо возле футера. Кто знает или хотя бы догадывается в чем проблема - помогите. Отпишитесь сюда или на аську 439-956-699. заранее спасибо!

    Asked by Audio,

    0 votes
    15 answers

  4. проблема

    смотрите есть ещё такая проблема: пишу доску обьявлений заходишь на страницу вход всё норм, заходим... после входа автоматически перекидует на добавление обьявления а потом если вернутся на вход то футер плывёт влево я так понял он перестаёт воспринимать центрирование сайта #container{ background: url(images/back.jpg)repeat-y; width: 800px; margin: 0 auto; height: 400px; position: relative; } с чем ет может связано быть? #footer{ position:absolute; left:25px; top: 1208px; }

    Asked by KapSuLa818,

    0 votes
    3 answers

  5. Проблема

    Решается

    Asked by jokinglyaaa,

    0 votes
    4 answers

  6. Проблема

    Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.

    Asked by Webkit,

    0 votes
    4 answers

  7. Проблема

    Добавляю class к изображению которая находятся в div и в css добавляю нужный код и не работает . Помогите ! ———--HTML—————— <div class="content"> <img src="images/home.png" class="lol"> </div> ————-CSS—————- .content .lol { margin: 0 auto; position: absolute; top: 0; left: 190px; } ————————— Где ошибка ? Помогите ...

    Asked by Dragomir,

    0 votes
    11 answers

  8. Проблема

    Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо

    Asked by Di110,

    0 votes
    0 answers

  9. Проблема c input и autofocus

    Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

    Asked by averin13,

    0 votes
    0 answers

  10. проблема округления

    привет! знаю про проблему округления но как с ней воевать не знаю для опери !! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } .wrapper{…

    Asked by bot87,

    0 votes
    0 answers

  11. Проблема с версткой div

    Подскажите как исправить ошибку в верстке. Собственно вот линк _http://coldafan.ucoz.ru/. Нужно, чтоб блок с контентом не растягивался вместе с левым столбцом (блоки меню). А если перейти в "полную новость", то блок не растягивается. Как исправить?

    Asked by Farllok,

    0 votes
    10 answers

  12. Проблема текста

    Здравствуйте, у меня такая проблема при верстки с правого блока выходить текст в середину в браузере IE6. http://www.jizpi.uz/cssprimer/boxes8.html *{margin:0px; padding:0px;} body{ font:12 tahoma; background:#efefff; text-align:center; } .clear{ clear:both; } #wrapper{ width:1004px; margin:0px auto; border:1px solid navy; text-align:left; } #header{ font-size:30px; color:#FFF; background:#C90; padding:20px 20px 20px 20px; } #left{ float:left; width:200px; background:#FC0; padding:5px; } #left ul{ list-style:none; margin:0 0 0 10px; line-height:20px; } #left a{ text-decoration:none; color:#FFF; background:url(images/mdot.gif) no-repeat left; pad…

    Asked by ziyodjon,

    0 votes
    5 answers

  13. Проблема - Мобильная верстка, viewport, iPhone

    Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку

    Asked by MageMerlin,

    0 votes
    2 answers

  14. ПРОБЛЕМА - Разрыв между ячейками таблицы, если в нее вставить катинки

    втсавляю 2 части одной картинки в соседние ячейки таблици, но обе картинки не сливаются в одну, межде ними образуется разрыв вот пример: <tr> <td> <img src="D:likasajtuchebnij2 strnicy2.jpg" width="400px" height="150px" border="0"> </td> <td> <img src="D:likasajtuchebnij2 strnicy5.jpg" width="400px" height="150px" border="0"> </td> </tr> Если ячейки всместо картинок заливаю цветом - разрывы исчезают, если вставляю картинки - разрывы опять появляются. Видимо браузер автоматически добовлят картинкам обтекание( Как сделать так , чтобы разрыв пропал, и обе катринки стали единой?

    Asked by lika,

    0 votes
    7 answers

  15. проблема - растягивающийся button в FF

    Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…

    Asked by glivera,

    0 votes
    2 answers

  16. Проблема - точки между буквами

    Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?

    Asked by AlexBes,

    0 votes
    5 answers

  17. Проблема (может не сюда)

    Есть сайт, в ФФ и Опере открывает все как надо... как только открываю Хром, то все, сразу иероглифы появляются на подгружаемых страничках и jQuery UI там мозг пудрит (когда по экрану пытаешься окошко тоскать) Beautyful Holiday

    Asked by Golgi,

    0 votes
    3 answers

  18. Проблема @font-face

    Подключаю два шрифта к своему сайту с помощью: @font-face { font-family: 'a_bodoninovabrkbold'; src: url('../fonts/a_bodoninovabrk_bold-webfont.eot'); src: url('../fonts/a_bodoninovabrk_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/a_bodoninovabrk_bold-webfont.woff') format('woff'), url('../fonts/a_bodoninovabrk_bold-webfont.ttf') format('truetype'), url('../fonts/a_bodoninovabrk_bold-webfont.svg#a_bodoninovabrkbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'a_machinaortoshtregular'; src: url('../fonts/a_machinaortosht_regular-webfont.eot'); src: url('../fonts/a_…

    Asked by terminotor,

    0 votes
    1 answer

  19. проблема <div class="b">

    собственно сабж Причем не постоянно, а через раз. Если не лезет в середину то его закрывают фотографии Как удержать <div class="b"> внизу страницы и сделать его высоту больше? игрался с firebug - безрезультатно.. живой пример: nakley-doma.ru/category.php?id_category=9 как бы это поправить?

    Asked by ese,

    0 votes
    8 answers

  20. Проблема accept-charset="utf-8"?

    Достался тут один большой сайт на небольшую доработку. Сам сайт весь в кодировке windows-1251. На нём расположена простейшая форма, которая сабмитит типом POST на другой сервер. На том сервере, само собой, UTF-8. Чтобы всё было нормально, был добавлен в тег form параметр accept-charset="utf-8". В результате из фаерфокса всё приходит нормально, а из ИЕ8 и оперы (в других не проверял просто) приходит муть. Кто-нибудь сталкивался с подобным? Чего посоветуете? Вариант всё переделать в утф кажется очень заманчивым, но слишком трудоёмок.

    Asked by Veseloff,

    0 votes
    1 answer

  21. Проблема c CSS версткой

    Всем доброе время суток! Вот у меня проблема с верстой в СSS, а проблема в том, что при нажатие на верхнее меню появляется красный квадрат, а не должен там такого. А берет этот красный квадрат из бокового меню, хоть у обоих меню разные ID А вторая проблема, как мне сделать с помощью спрайта чтоб было активной страницей другого цвета? вот код верхнего меню <div id="menu"> <ul id="bottom"> <li id="index"> <a href="index.html" title="На главную" class="corrent"></a> </li> <li id="photoshop"> <a href="photoshop.html" title="Рhotoshop"></a> </li> <li id="html"> <a href="html_&amp…

    Asked by Bismuth,

    0 votes
    3 answers

  22. Проблема c IE: смена класса у элемента

    Добрый день. Имеется следующая вёрстка и css: <style> .menu_line { display:inline; padding: 3px 5px;} .menu_line a.sign, .menu_line a.sign:active, .menu_line a.sign:link, .menu_line a.sign:hover, .menu_line a.sign:visited {text-decoration:none} .menu_line a.txt, .menu_line a.sign:active, .menu_line a.txt:link, .menu_line a.txt:hover, .menu_line a.txt:visited {font-size:12px; color:#555555; text-decoration:none} .menu_line span {display:none} .checked {background:#FF7800;} .open span, .close span {display:inline; background-position:0px 1px; bac…

    Asked by a3.work,

    0 votes
    3 answers

  23. Проблема c text-shadow и opacity в Chrome

    Здравствуйте. Сегодня мне нужно было сделать эффект исчезновения и появления текста, и я заметил баг в браузере Google Chrome. Заключается он в том, что, если на текст наложен эффект text-shadow, то этот эффект не отображается пока opacity не станет равен 1. Кто-нибудь сталкивался с такой проблемой? Есть идеи как её решить?

    Asked by fttkhv,

    0 votes
    5 answers

  24. проблема c width

    Привет, кто может, хелп. Есть сайт( не реклама если что) http://goodmoons.ru/ugg-sale3/?utm_referrer= , попросили немного переделать, https://jsfiddle.net/s41y9o5q/- вот код переделанный. Но возникла проблема: на мобильных разрешениях у оригинала Body 480px остается и тянется все содержимое пропорционально размеру экрана, в моей же версии такого не происходит, а боди 960px почему то, и не поменялся width, хотя для wrapper и body задал теже параметры, что и в оригинале Вопрос решил viewport 480 стоял

    Asked by exoty,

    0 votes
    0 answers

  25. Проблема Content-Slider в wordpress сайте

    Здравствуйте, уважаемые участники форума, у меня следующий вопрос: сайт www.agotido.ru сверху слайдер в шапке сделанный посредством плагина Content-Slider, весь шаблон до определённой степени обладает так называемой "резиновостью", а слайдер нет, как и его сделать резиновым? заранее спасибо

    Asked by astronautt,

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