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. Изменить цвет текста в Notepad++

    Я, конечно, задам сейчас очень неумный вопрос, но уже долго ломаю голову и не нахожу ответа. Кто знает, как переключить цвет текста в Notepad++, но так, чтобы только вновь создаваемый текст имел этот цвет? Проще говоря, выделить часть текста другим цветом.

    Asked by hike,

    0 votes
    7 answers

  2. Изменить цвет фона заданный в виде градиента

    Всем привет, А как правильно сделать цвет фона заданный в виде градиента background: linear-gradient(90deg, #D9E1EA 10%, #CAC9CE 90%); немного темнее или светлее? Я попробовал на глазок background: linear-gradient(90deg, #E3EBF4 10%, #D7D6DB 90%); и градиент перестал работать... Видимо нужно отнимать(прибавлять) к обем 16и значениям одинаковые значения? Чем в Kubuntu можно сделать такие расчеты? Спасибо!

    Asked by mstdmstd,

    0 votes
    2 answers

  3. Изменить цвет фона страницы не имея доступа к ее коду

    Проблема в следующем. Есть сайт, на сайте есть раздел знакомства. Создал поддомен love.almetevsk.ru, подключился к мамбе. Сайт имеет фреймовую структуру (топ, меню навигации и собственно окно где все открывается). Проблема в том что весь сайт имеет фон одного цвета (#c7d1ed), а это окно открывается белым. Техподдержка эту проблему решать отказывается, приходится думать самому))). Хотел открыть страничку в IFRAME и использовать атрибут allowtransparency="true",( пример almetevsk.ru/love1.htm) но почему- то не срабатывает ни в IE ни в Опере В управлении страничкой есть возможность разместить баннер вверху страницы, причем я пробовал- вместо него можно код кинуть любой, мож…

    Asked by nasibullin,

    0 votes
    1 answer

  4. Изменить цвет фоновой картинки

    Есть некий элемент, скорее всего inline - span или a, например. У этого элемента установлено два стиля. Первый задает фоновое изображение вдоль нижнего края. Изображение не сложное, пусть оно состоит из двух цветов: черный и прозрачный. Второй стиль должен задавать цвет изображения, заданного первым стилем. Это возможно?

    Asked by zilog,

    0 votes
    7 answers

  5. Изменить цвет части блока

    Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?

    Asked by luethus,

    0 votes
    4 answers

  6. Изменить цвет части текста в input

    Подскажите, пожалуйста, решение такой вот задачи. Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке. http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295 Вот код: <form> <select size="1"> <option>*State</option> <option>USA</option> <option>RU</option> </select> <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" /> </form>

    Asked by behapy,

    0 votes
    6 answers

  7. Изменить ширину самой правой ячейки таблицы в IE

    Здравствуйте. Вопрос начального уровня, но почему-то привел меня в ступор. Есть исходный текст <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver; width:800px;">222</td> </tr> </table> </body> </html> Как уменьшить ячейку с текстом "V" до минимальных размеров? Firefox отображает правую ячейку с минимальными размерами, как и было задумано, а вот в IE проблема... Скорее всего я что-то …

    Asked by Кириллов С.Н.,

    0 votes
    0 answers

  8. Изменить ширину таблицы из блоков DIV

    Не получается вместить всю таблицу в ширину примерно 450-500px http://codepen.io/anon/pen/jPWReM

    Asked by Guesto,

    0 votes
    3 answers

  9. Изменнение цвета текста в Input type=text

    Есть следующий тег: <input class="text" type="text" placeholder="введите e-mail"> и свойсто CSS .text{font:italic 10px 'Trebuchet MS',verdana,sans-serif; color:#260b01;} Как сделать так что-бы свойство цвета подхватывалось не только вводимым текстом но и placeholder-ом?

    Asked by Vlad_kot,

    0 votes
    2 answers

  10. Изменяется сайт!

    День добрый. Сталкиваюсь с такой проблемой то что сайт изменяется из-за разрешения экрана сам! Не понимаю из-за чего. Я слышал то что его надо "прорезинить". Не мог бы кто нибудь объяснить как это избегать? Я скинул свои сайт. Если можете то посмотрите и объясните в чем проблема?Спасибо!

    Asked by Tardpipl,

    0 votes
    5 answers

  11. Изменятся высота при изменение left/right

    Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);

    Asked by KoliK29,

    0 votes
    0 answers

  12. Измерение размеров элементов в psd

    Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого…

    Asked by aaron,

    0 votes
    1 answer

  13. Изобр. на форме с меняющейся картинкой

    Есть вот такая заготовка: <a href="http://www.mail.ru" onMouseOver="document.button.src='buttoni.png'" onMouseOut="document.button.src='button.png'"> <img src="button.png" class="csbutton" alt="Рассчитать индивидуально" name="button"></a> Которая, как известно, при наведении курсора мыши на кнопку меняет картинку. Пытался сделать такое с картинокой в форме: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Кнопка с изображением</title> </head> <body> <form ac…

    Asked by frrgstr,

    0 votes
    8 answers

  14. изображение

    Що потрібно зробити щоб зображення було біля самого краю

    Asked by Yaroslav007,

    0 votes
    10 answers

  15. Изображение (увеличение)

    В общем ситуация такая. На многих сайтах видел, как по щелчку на картинке, она увеличивается и оказывается по центру окна браузера, при этом основной контекст страницы как бы становится приглушенным. Сие хочу тоже реализовать. То есть есть сайт, на нем картинки, оформленные пока как <a href='ссылка на полную картинку'><img src='ссылка на уменьшенную картинку'></a> Как сделать так, что бы основной контекст страницы становился темным, а картинка оказывалась увеличенной по середине окна браузера? Заранее спасибо.

    Asked by kalcifer,

    0 votes
    6 answers

  16. Изображение в :hover

    Как позиционировать в :hover именно изображение? При наведении курсора чтобы стрелочка была. http://jsfiddle.net/qvhq45oa/1/

    Asked by NapNu,

    0 votes
    1 answer

  17. Изображение в DIV шире окна браузера оставить по центру

    Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении …

    Asked by sion999,

    0 votes
    1 answer

  18. Изображение в IE10+

    Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r

    Asked by Johnney,

    0 votes
    2 answers

  19. Изображение в изменяющемся заголовке

    Есть заголовок, который меняет свою высоту в зависимости от размера экрана (20% от высоты экрана). Нужно в него поместить картинку, которая будет высотой 80% от заголовка и находиться точно по центру. Расположить в центре по горизонтали было легко, а вот по вертикали не получается. Header - это div, headerimage - img #header { height:20vh; background:red; margin:0px; text-align:center;}#headerimage { max-height:80%;}Подскажите, как правильно это сделать?

    Asked by Percent2014,

    0 votes
    1 answer

  20. Изображение в нижний правый угол окна браузера

    Как поставить изображение в нижний правый угол окна браузера?

    Asked by Naverjas,

    0 votes
    3 answers

  21. Изображение в новом окне

    Есть код: <a style="border:0; cursor:pointer;" onclick="win_sample = window.open('%src%','sample','width=%width%,height=%height%,scrollbars=no,resizable=yes');win_sample.focus();">%system makeThumbnail(%filepath%, 120, 'auto', 'view')%</a> Подскажите плиз, как ещё здесь сделать, тобы когда изображение откроется в новом окне при клике по этой ссылке, то у окна Было название, тобишь title ???

    Asked by Guest Гость,

    0 votes
    1 answer

  22. изображение в ссылке

    Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!

    Asked by inox,

    0 votes
    11 answers

  23. Изображение в строку на всю ширину экрана.

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

    Asked by Evilejik,

    0 votes
    2 answers

  24. Изображение в три колонки

    Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?

    Asked by galsik2009,

    0 votes
    7 answers

  25. Изображение вместо бордюра в CSS

    Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…

    Asked by Кибран,

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