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. margin в %

    Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???

    Asked by dostel1,

    0 votes
    2 answers

  2. Картинки в background.

    Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.

    Asked by Sofmes,

    0 votes
    5 answers

  3. Смена стилей страницы при изменении размера окна браузера

    Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/

    Asked by goooooch,

    0 votes
    2 answers

  4. Кое что от facebook!

    Привет! Решил сделать у себя на сайте похожую навигацию с сайта facebook Сделал почти все. но не могу разобраться с одной вещью, подумал, может опытные верстальщики мне помогут. Нужно при нажатии на стрелку (вниз) раскрывалось окошко так же.... просто посмотрите на скриншот и все поймете:

    Asked by ethan,

    0 votes
    4 answers

  5. проблема с Denwer'ом

    Проблема такая, что при запуске денвера файл hosts переписывается и заполняется всеми моими локальными сайтами. Кто-нибудь сталкивался с подобным? В чем может быть причина этому, и как можно исправить?

    Asked by Lemming,

    0 votes
    14 answers

  6. Ссылки из одной папки в другую

    Простите незнаю как обьяснить. Посмотрите на рисунок. У меня в папке css лежит файл, а в этом файле нужна ссылка на картинку в другой папке(images)... Как это сделать?...

    Asked by RuslanRokker,

    0 votes
    2 answers

  7. Приоритет подключаемого css-файла над css, прописанными в коде. Возможно ли?

    Имеем код <table border="1" cellspacing="1" cellpadding="1" width="300" height="200" class="table"> <tbody> <tr align="center"> <td colspan="2"><span style="font-size: x-small;">Характеристики <br /></span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина наибольшая, мм</span></td> <td><span style="font-size: x-small;">2900</span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина кокпита, мм</span></td> <td><span style="font-size: x-small;">2100</span></td> </tr> <tr> <t…

    Asked by goooooch,

    0 votes
    3 answers

  8. мини интернет магазин

    люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…

    Asked by voin545,

    0 votes
    0 answers

  9. Форма и Google Chrome

    Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome

    Asked by andrecool,

    0 votes
    2 answers

  10. line-height: 1,5; у <small> при DTD XHTML Mobile 1.0

    Как с этим бороться? Большие значения - ставятся, а меньше 1,5 - игнорируются.

    Asked by 7ion,

    0 votes
    4 answers

  11. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green,

    0 votes
    2 answers

  12. Позиционирование Google +1

    Всем добрый вечер. У меня проблема мучаюсь уже 3 день никак не могу её решить. Мне необходимо выровнять кнопку google +1 остальными. Но в разных браузерах всегда разное позиционирование данной кнопки. Вот так отображается в GChrome и FireFox А так в Opera и IE. Код картинок рядом. position:absolute; top:69px; width:108px; height:24px; right:0px; Код самой кнопки: position: absolute; right:111px; top:59px; Когда меняешь top в Opera и IE отображается как надо а в GChrome и FireFox наоборот съезжает.

    Asked by Jekis,

    0 votes
    28 answers

  13. Подключение в файле сss скрипта для окргления углов в IE

    В файле style.css eсть код для округления углов в IE .ieroundbox{ ... behavior: url(border-radius.htc); /* подключаем наш htc скрипт который и будет округлять углы в ie*/ } Но IE его не видит. Сам файл border-radius.htc лежит в одной папке с style.css. Пробал задавать разные url ../border-radius.htc ./border-radius.htc и полный путь, но все равно IE, что то не нравиться. В IE углы не округляются P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc

    Asked by riki,

    0 votes
    23 answers

  14. Вечные проблемы с валидацией

    Валидатор ругается на эту строку, а именно на data-href, data-width, data-show-faces, data-border-color, data-stream, data-header. <div class="fb-like-box" data-href="http://www.facebook.com/pages/Free-Place/255003731206097" data-width="240" data-show-faces="true" data-border-color="#EEEEEE" data-stream="false" data-header="false"></div> Есть решение этой проблемы?

    Asked by Alex&R,

    0 votes
    6 answers

  15. Ошибка валидации

    Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>

    Asked by Kerny,

    0 votes
    3 answers

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

    Здравствуйте, что-то не получается верстка, несложный макет.Шапка, левая и правая часть, левая часть в виде картинки фоном идет и должна быть прямо до верха, я ставлю position:absolute, для правой мне тоже нужно чтобы заходила на шапку я тоже поставил absolute, правильно ли я сделал? или можно как-то по-другому сделать? просто в шапке тоже стоит фон и поэтому мне надо чтобы на него залазили и левая часть и правая. И хотел спросить не по теме, конечно, но чтобы не создавать новую тему, я в фотошопе сохраняю картинку в png или jpg, НО в хроме, опере другой цвет, не понимаю в чем может быть проблема, не подскажете пожалуйста?

    Asked by Bingo,

    0 votes
    5 answers

  17. Знак рубля

    Да, тема уже понималась, но было это в году в 2009 и не совсем понравилось что там писали. Поэтому решил открыть тему снова. Думаю у Лебедева все читали. Но я столкнулся с такой проблемой. С тире все смотрится отлично. Для IE нужен шрифт Rubl Sign. Вот он то у меня и не цепляется. Кто может сказать в чем проблема? Пробовал и с его сайта и к себе качать. Есть еще шрифт PTSerif, который работает везде кроме Оперы. В коде, ясно, будет так: <span class="r">р</span> Хотел для IE сделать одноразовый экспрешн, который бы удалял букву р, и вставлял бы туда код символа рубля и для которого бы применялся шрифт PTSerif. .r{ zoom: expression(runtimeStyle.zoom = 1, thi…

    Asked by bob_24,

    0 votes
    0 answers

  18. Как проще сделать такое как на картинке ?

    Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка

    Asked by Saturn,

    0 votes
    5 answers

  19. смещается подвал в ie8

    помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка

    Asked by cyklop77,

    0 votes
    6 answers

  20. Текст кнопки по центру

    Привет всем! Помогите пож-та в небольшом проблеме. текст кнопки должен стоят ровно в центре (вертикально) Для этого я использовал line-height. Но почему то Firefox его не понимает. не подскажите как это исправить. Вот ссылка http://jsfiddle.net/qzDwJ/ Вариант с паддингами не предлагать, они по разному в разных браузерах

    Asked by jumancy,

    0 votes
    6 answers

  21. Помощь с макетом

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

    Asked by Neograff,

    0 votes
    6 answers

  22. Деликатная проблема

    Имеем wrapper с 980px ширины, в нем находится header,content,footer. Каким образом сделать так чтобы содержимое content была больше 980px (в моем случае 100% экрана). Неужели придется header и footer выставлять отдельно, а у врапера убрать?

    Asked by gibigate,

    0 votes
    8 answers

  23. Непонятка в официальном тесте CSS 2.1

    Вот этот тест. Что значит, "Test passes if there is no red visible on the page"? С какого перепугу блок должен ужаться до нуля вместо ширины буквы? Во всех браузерах я вижу букву на красном фоне, и в меру моего понимания спеки считаю это правильным. Ошибка в тесте, что ли?

    Asked by SelenIT,

    0 votes
    2 answers

  24. Синкаксис для base64

    background-image:url(data:image/png;base64,rgbrekjgbertghie); Это для каких версий браузеров поддерживается? Редко такое вижу.

    Asked by KPA,

    0 votes
    4 answers

  25. ИЕ8 нельзя даже навести на подпункты меню

    в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/

    Asked by VioletaMeynell,

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