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. Не выделяется текст в Firefox и Chrome

    Не получается выделить текст в Firefox и Chrome, в IE и Opera все нормально, связано это как я понял с z-index, если убрать их то текст выделяется, но тогда вертикальное меню уходит под блок, как исправить можно? Сдела бы фитчей, но не ссылки не кнопки не выделяются) jsfiddle Еще баг появился, на этот раз только в мозиле, добавил свой шрифт, на главной странице все отлично отображается, на другой стандартным шрифтом текст делается. Код: CSS HTML

    Asked by Dolfik,

    0 votes
    4 answers

  2. инпут разной ширины в хроме и мозиле

    есть инпут с классом pressure_date у него такие стили { border: 1px solid #AAAAAA; background: url(/img/input_shadow.jpg) top repeat-x; height: 30px; color: #999; text-align: center; font-style: italic; width: 75px; } почему в мозиле, визуально этот блок нормально выглядит (по ширине) как мне нужно, а в хроме чтоб он выглядел как мне нужно, емц нужно поставить ширину 79px. То есть хром показывает на 4px меньше?

    Asked by vladmih,

    0 votes
    4 answers

  3. Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.

    Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…

    Asked by mogdalov,

    0 votes
    4 answers

  4. Inline + margin

    <div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?

    Asked by GuitarFan,

    0 votes
    4 answers

  5. Проблема отображения блока в хроме

    Всем привет! Ребят, у меня возникла проблема отображения блока на сайте. У меня вот такая структура <div id="header"> <img class="logo" src="/images/logo.png" alt=""> <div class="login"> <form id="login_form" name="login_form" method="POST"> <table cellspacing="0"> <tr> <td><label for="email">Эл. почта</label></td> <td><label for="password">Пароль</label></td> </tr> <tr> <td><input autocomplete="off" type="email" name="email" id="email" title="Эл. почта"></td> <td><input autocomplete="off" type="password" name…

    Asked by amstr1k,

    0 votes
    4 answers

  6. Внезапно: Помогите с версткой.

    http://furry.cu.cc/ вот тестовый сайтец. Проблем много. В разных браузерах расползается, меню работает не так как нада... В общем подскажите как поправить. Для большей конкретики: 1.Меню навигации - "Меню с вложением" в нем 2 подменю, отображаются на 1 строке а хочется чтоб шли в столбик, ну и если добавить под-под меню то вообще все грустно. 1.1.скачущая надпись - Сайт клана "FURRY" 2.Менюшка pagenavi справа (в опере неправильно отображается) ссыль на css: https://dl.dropboxus...gifronstyle.css Я особо css не занимался, по мелочи правил и переделывал, тут вот решил сделать тему под себя.

    Asked by gifron,

    0 votes
    4 answers

  7. смена фона страницы по наведению на ссылку

    Товарищи, нужна помощь! Не подскажите как при наведении на ссылку, в данном случае на кнопку меню менялся фон страницы? код прилагается : <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <style type="text/css"> #container { width:960px; margin-left: auto; margin-right: auto; padding: 0; } .clear { clear: both; margin: 0; padding: 0; } p { margin: 1.6em 0; line-height: 1.6em; } h2 { font-size: 20px; line-height: 20px; margin: 22px 0 18px 0; }…

    Asked by nick1403,

    0 votes
    4 answers

  8. Смена фона кнопки при клики

    Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!

    Asked by prettyremage,

    0 votes
    4 answers

  9. Странные пустоты...

    Я даже незнаю как это назвать, так то по сути мой косяк, но в коде немогу его найти. суть: вот собственно обведенное красным и есть то непонятное образование. Код странички нужен?

    Asked by gifron,

    0 votes
    4 answers

  10. Размер фона в зависимости от количества текста

    Мне нужно сверстать вот такой блок: А именно вехнюю часть, где квадрат, надпись "ABOUT WHITESQUARE" и штриховка справа от надписи. В чем собственно проблема: нужно чтобы штриховка уменьшалась или увеличивалась в зависимости от текста. Тоесть чтобы не было так (когда я увеличу количество букв (фон наежал на буквы)): А фон сежал правее (вот так):

    Asked by Girn,

    0 votes
    4 answers

  11. лишнее место меню

    http://jsfiddle.net/ENEVq/2/ интересует как сделать ровное распределение главного меню по краям, там остаётся лишнее пустое место

    Asked by Struggle,

    0 votes
    4 answers

  12. Заглавная страница сайта

    Здравствуйте! Подскажите пожалуйста как можно сделать такие эффекты для фотографий с меню как на этом шаблоне http://demo.templaza.com/joomla-template/2013/nicanian-ii , очень буду признателен за помощь с этим вопросом

    Asked by Tviretik,

    0 votes
    4 answers

  13. Помогите пожалуйста разобраться!

    У меня возникло два вопроса пока я верстал макет и найти ответ на них я сам не смог. Помогите пожалуйста разобраться. Вопросы следующие: 1. внутри дива 1024х1200 пикселей, я сделал два дива поменьше 256х90 и 256х400. Мне хотелось сделать этих два дива, один под другим и прижать их к правому краю. Можно ли это как-то сделать, не запихивая эти два дива в один общий? 2. можно ли свойство -webkit-border-radius применить только к нижней границе?

    Asked by АнтонЖитихин,

    0 votes
    4 answers

  14. Разноцветная рамка

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

    Asked by Evkaky,

    0 votes
    4 answers

  15. Проблемы с div'ами при изменении масштаба браузера

    Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…

    Asked by PavelK,

    0 votes
    4 answers

  16. Затемнение логотипа по правому краю

    Я начал изучать верстку не так давно,в основном переделываю готовые шаблоны...и вот столкнулся с такой проблемой,как затемнение логотипа по правому краю на 5 пикселя: помогите пожалуйста,у меня не как не получается их убрать...лого заключено в контейнер <div id="header"></div> данный контейнер включает в себя 3 css : Заранее благадарен. p.s предполагаю что проблема находится в base.css

    Asked by micron,

    0 votes
    4 answers

  17. Лист Ексель в Джумле

    Подскажите: как можно вставить в страницу Джумла данные со страницы ексель с гиперссылками. Т.Е. есть прайс, сделанный в Ексель, состоит из двух листов, где первый лист оглавление со ссылками на второй лист, в котором подробно видно прайс. Или может быть возможно вложить этот файл в Джумлу как вложение? Помогите, пожалуйста. Как это сделать?

    Asked by Y-7,

    0 votes
    4 answers

  18. Нужна помощь (Фильтры на сайте)

    Здравствуйте! Меня, если что, зовут Владимиром Я начинающий веб-мастер так сказать. Мне нужна помощь по конкретному проекту (сайт веб-студии). Начну с общего вопроса (т.к. первый раз с этим сталкиваюсь): фильтрs создаются в рамках верстки или это относится к CMS натяжке? Вот сам фильтр. Подскажите пожалуйста, как это сделать, если это только верстка. А если CMS (это скорее всего будет WordPress) можете скинуть обучающий ресурс по WP Заранее благодарен. Дополнительный вопрос не в тему:

    Asked by ulteriormoon,

    0 votes
    4 answers

  19. Как сделать такую форму поиска?

    Добрый день всем! Подскажите как сделать такую форму поиска? интересует именно как сделать поле закругленное. Спасибо.

    Asked by west456,

    0 votes
    4 answers

  20. Почему label не растягивается?

    <div style="width: 200px; display: block; height: 50px; border: 1px solid black;"> <label style="width: 91px; height: 50px; background: url('http://t1.gstatic.com/images?q=tbn:ANd9GcRc_1-stUn1RKGtLH5VY0cUyjQrbxma1yaJo5lMIApDFqU4WAs');"> седан</label> </label> </div> http://jsfiddle.net/qaYcE/1/ Размер стоит один, а label все равно растягивается по контенту. Мне нужно чтобы размер был фиксирован или такой же, как у картинки. Хотя лучше вручную размер задать. Почему не работает width: 91px; height: 50px?

    Asked by GuitarFan,

    0 votes
    4 answers

  21. Растянуть изображение по вертикали

    Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз

    Asked by gadjet,

    0 votes
    4 answers

  22. css живет своей жизнью.

    Всем джамбо друзья. Такая странная хрень...Сайт на WP, изначально на сайте например был серый фон, меняю на удаленке файл skin.css, рамку там поставил фон поменял для header для page и т.д. Потом решил в админке че то поменять, сохранил, обновляю страничку и вижу что мой серый фон вернулся! То есть все изменения которые я вписывал в skin.css тупо пропали...а самое интересное что иногда они и из самого файла тоже пропадают, т.е как будто я ничего туда и не вписывал. Надеюсь хоть кто-нибудь понял что я хотел донести) Заранее спасибо.

    Asked by CatInTheBread,

    0 votes
    4 answers

  23. Ширина / width Требуется консультация!

    Добрый день всем! У меня есть несколько вопросов. Дело в том что в данный момент я задался длительной целью создать городского портал, и в связи с этим возникли вопросы. Уже давно гуглю интернет на тему какой же все таки ширины создавать сайт, но сколько страниц в инете, столько же и мнений. Я склоняюсь к 1200, но и отсюда опять же появляются вопросы. Так как это будет городской портал то обязательным условием является его нормальное графическое отображение на всех браузерах и разумеется на всех мониторах (тобишь с любым разрешением). Просьба не предлагать резиновую верстку, так как я уже сталкивался с ней и в ней на разных разрешениях сайт или некоторые его блоки просто …

    Asked by Avainta,

    0 votes
    4 answers

  24. Нужен пример Фиксированного Меню с небольшой прокруткой от верха до низа

    САБЖ. Чтобы меню всегда присутствовало на странице. Т.е. прокрутил страницу вверх - меню тоже видно только верхнюю часть. Прокрутил страницу вниз до конца - меню не исчезло, а прокрутилось только до своего конца. Где-то я натыкался на такие примеры, но шото никак не могу найти.

    Asked by антигерой,

    0 votes
    4 answers

  25. Навигация сайта

    Здравствуйте. Есть главное меню. Высота его 48px, залит он определенымм цветом. При наводе на пункт меню цвет фона ссылки меняется. Вопрос: как правильно заставить графический элемент отображаться с низу, после фона. Вот сайт:http://01020304.o0.pm/ (45px задал специально что бы было видно как урезается картинка )

    Asked by T001,

    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