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. Проблемы с отображением текста по ссылке

    Всем доброго времени суток! Ребят, такой вопрос: Все банально: ставлю якорь вида: <a name="name1">...</a>. Ставлю ссылку на него вида: <a href="#name1">...</a>. В итоге при переходе по ссылке получаю текст статьи с нужной позиции(#name1), но та часть статьи, которая оказалась выше якоря name1 не видна. Подскажите пожалуйста как решить мою проблему.

    Asked by itcoders,

    0 votes
    8 answers

  2. Проблемы с отображением ширины

    Хелп!!! Вот ссылка на верстку. Можете по-изменять размеры. Стили к верстке.

    Asked by WebMasterOleg,

    0 votes
    3 answers

  3. Проблемы с отступами

    http://cs540104.vk.me/c540107/v540107236/279e9/SWeHuGPdagk.jpg Почему когда задаешь отступы сбоку margin или padding, то отступ появляется только у первой строки? как сделать чтобы отступ был для всех строк <style>.wrapper{ width: 960px; margin: auto;}header{ background: url(../images/header.png) no-repeat;}.logo{ width: 307px; height: 100px; border-radius: 20px; background: #e7e7e8 url(../images/header.png) no-repeat; background-size: 100% auto; overflow: hidden; float: left;}.logo h1{ position: relative; top: 26px; left: 15px; height: 65px; width: 275px; font-size: 35px; text-align: center; color: #fff; pa…

    Asked by Dmitrij,

    0 votes
    4 answers

  4. Проблемы с отступами в DIV

    Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.

    Asked by bond84,

    0 votes
    2 answers

  5. Проблемы с отступами в таблице

    Создал таблицу 960x130 добавил туда 4 <td> 240x130 поместил туда картинки 240x130 убрал все поля которые только знаю border-spacing: 0px; padding: 0px; margin: 0; border: none; Но внизу остается промежуток в 5px (для наглядности красный bg) в общем не знаю, как убрать его, помогите, пожалуйста http://jsfiddle.net/npofopr/da88b/

    Asked by 6hall,

    0 votes
    3 answers

  6. Проблемы с оформлением всплывающих подсказок

    Здравствуйте, не могу найти способ как устранить проблему, а именно: На странице формы обратной связи сайта всплывающие подсказки полей формы отображаются где попало. Подскажите пожалуйста как исправить? Заранее спасибо.

    Asked by webmax,

    0 votes
    0 answers

  7. Проблемы С Передачей Данных В Html Коде Через Кнопку Submit

    Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...

    Asked by Guest Гость_Денис_*,

    0 votes
    4 answers

  8. Проблемы с передачей файла post'ом

    Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …

    Asked by itisme,

    0 votes
    14 answers

  9. Проблемы с переносом

    ссылка на изображение, размер: 10.9 кбайт, 1024 x 75 точек Как сделать чтобы перенос строки осуществлялся за границей, а не шел за пределы. Если прописывать еще больше текст вообще уходит за рамки страницы и приходится перематывать. Что нужно сделать чтобы такого не было?

    Asked by mfucka,

    0 votes
    3 answers

  10. Проблемы с переносом на новую строку

    Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…

    Asked by HSilence,

    0 votes
    3 answers

  11. Проблемы с плавающими блоками

    HTML: <?xml version="1.0" encoding="utf-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="ru-ru" lang="ru-ru" dir="ltr" > <head> <title>Продукция-Столярные Технологии Михайловск - СТМ</title> <meta name="robots" content="index, follow"/> <meta name="title" content="Продукция-Столярные Технологии Михайловск - СТМ" /> <link href="/stm-ltd.com/templates/stmltd/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="/stm-ltd.com/templates/stmltd/css/…

    Asked by ownercoder,

    0 votes
    3 answers

  12. Проблемы с плавающими блоками

    Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper"&gt…

    Asked by CoDy,

    0 votes
    2 answers

  13. Проблемы с плавной анимацией градиента

    Нужно чтобы при наведении курсора на кнопку-ссылку, тело кнопки плавно заполнялось светло красным цветом влево, а когда курсор убрали с кнопки, то светло красный цвет плавно уползал обратно. Как такое сделать? У меня получается только стартовать начальную анимацию при ховере https://codepen.io/l1nx/pen/xxGrwrW

    Asked by L1nx,

    0 votes
    5 answers

  14. проблемы с подвалом

    В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот... html - страница: <html> <head> <link rel="stylesheet" type="text/css" href="/css/scr.css"> </head> <body> <div id="all_page"> <div id="top-page_round"></div> <div id="content-page"> <div id="header"> HEADER </div> <div id="f_content"> <div id="box_links"> {field_16} </div> <div id="box_content"> {field_1} </div> <div id="box_plus"> <h4>Полезно знать</h4>{field_13}…

    Asked by mario,

    0 votes
    4 answers

  15. Проблемы с подключаемыми шрифтами

    Доброй ночи, товарищи верстальщики) Заниматься версткой стала недавно и занимаюсь как говориться самообучением и сталкнулась вот с какой вещью. во всех браузерах и даже ие7 шрифты подключенные с помошью Cufon работают без проблем. а вот ие6 их хоть и выводит пишет ошибку - "инструкция return вне функции". я все ломаю голову и не могу найти решение данной проблемы. все вроде слово в слово как в примере найденном. ну почти слово в слово. везде работает без проблем. а вот 6 не хочет не ругнувшись выдать текст. не исключаю того, что просто где-то в коде допущена глупая синтаксическая ошибка, но просто я ее не вижу к сожалению(( хотелось бы попросить помощи у вас, может кто зн…

    Asked by Nurok,

    0 votes
    3 answers

  16. Проблемы с подключением кирилличного шрифта через Google Fonts API

    Всем привет. Ситуация следующая: в англоязычной теме шрифт для заголовков не поддерживает кириллицу, вместо него подключаю нужный через Google Fonts API. Но по всей видимости англоязычный подключен через скрипты, по тому стандартная замена в css не срабатывает. Прошу помочь найти, где и как отключить шрифт по умолчанию, поскольку в этом не силен. Поменял стандартный шрифт 'FolksLightRegular' на нужный 'Comfortaa' /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; font-family: 'Comfortaa', cursive; Правильно ли я понимаю, что 'FolksLightRegular' нужно отключить только в functions.php, и если да по подскажите какие строки править. <?php include_once TEMPLATEPATH…

    Asked by Kolombo,

    0 votes
    0 answers

  17. Проблемы с подключением таблицы связанных стилей

    ...оглядел своё творение... вроде все готово пора прятать стили... столкнулся с такой проблемой что при подключении файлов со css некоторые параметры перестают работать например в: <style type="text/css"> ul { list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; width:12em;...... и т.д. параметр list-style:none; не действует (при нахождении непосредственно на странице всё нормально)

    Asked by Grann,

    0 votes
    2 answers

  18. проблемы с подсчетом суммы

    Ковырялся в скрипте и подпортил его - не высчитывает сумму верхнего левого чекбокса на странице страница (function () { var inputs_1, inputs_2, total_el, current_version, table, btn_submit, form; $(document).ready(function () { table = $('.parkesd'); total_el = $('#total'); inputs_1 = getCheckboxes(table, true); inputs_2 = getCheckboxes(table, false); btn_submit = $('#btn-submit').click(function() { $('#zakaz-link').trigger('click'); }); $('#zakaz-link').colorbox({ iframe: true, width:"80%", height:"100%", onComplete: frameReady }); $('#prods').change(recalculatePrice); table.find('input[type=checkbox]'…

    Asked by apexis,

    0 votes
    1 answer

  19. Проблемы с позиционированием

    Здравствуйте, столкнулся с такой проблемой. Нужно разместить в блоке текст и блок, который обтекается этим текстом, как на рисунке Пробовал разные варианты - ставить блоку с текстом float:left; а маленький блок позиционировать, ставить обтекание справа маленькому блоку и позиционировать его отступами, но добится корректного отображения пока неполучается. В общем, вменяемых идей как это реализовать у меня пока нет, посему обращаюсь к вам за помощью.

    Asked by Karmin,

    0 votes
    1 answer

  20. Проблемы с позиционированием

    http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается

    Asked by X-Miller-X,

    0 votes
    1 answer

  21. Проблемы с позиционированием

    Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?

    Asked by Anonim_Khb,

    0 votes
    2 answers

  22. проблемы с позиционированием

    Есть макет вот такой вот шапки http://prntscr.com/6iqvhe Проблема в красной плашке, как бы выступающей за пределы блока. Подскажите как это можно реализовать.

    Asked by niitta,

    0 votes
    2 answers

  23. проблемы с позиционированием блока

    <div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…

    Asked by Roman_qwe,

    0 votes
    2 answers

  24. Проблемы с позиционированием основного div

    Очень прошу помочь. Фон - цвет, на нем div блок (на котором и располагается вся информация) - это картинка размером 1600х1200px, она находится по центру. При просмотре сайта на меньших разрешениях монитора, картинку, в зависимости от разрешения, начинает обрезать, а приближение ведется к левому верхнему краю самой картинки. Вопрос в том что я хочу чтобы при приближении (или просмотре сайта на маленьком разрешении монитора) картинка бы обрезалась слева и справа (т.е. приближение велось на к краю картинки, а прямо к её центру), т.к. вся информация закреплена по центру этой картинки.Как это сделать? Вот CSS body { background-color:#000; margin:0px; padding:0px} .fon { wid…

    Asked by Hum9k,

    0 votes
    4 answers

  25. Проблемы с позиционированием текста

    Добрый день. Нуждаюсь в помощи/совете! В корне сайта (html) создал блок с позиционированием, написал в нем номер телефона и почту. На большом мониторе блок отображается нормально, а вот если зайти через смартфон то данный блок налазит на картинку и я никак не могу это изменить..., игрался с позиционированием (absolute, fixed, relativ и т.д.) но получаю на выходе либо прикрепленный блок к верхнему левому краю либо он налазит на картинку. Подскажите, что я делаю не так? Сам сайт: http://2metra.com/ Вот код который я прописал: Скрытый текст <style> .telefon { width: auto; height: auto; position: absolute; top: 75px; right: 200…

    Asked by gumuch,

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