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. Нестандартный селект

    Здравствуйте. Хочу сделать что то вроде селекта Выбор параметра Параметр 1 Параметр 2 Параметр 3 При выборе "Параметра" он появляется ниже выборки. Примерно как это должно работать показываю на скрине. Покопался в нете, но увы нечего путного не нашел. Может кто поможет или уже видел, что то подобное.

    Asked by musulman,

    0 votes
    2 answers

  2. чем отличается div class от div id ?

    подскажите пожалуйста, чем отличается <div class=""> от <div id=""> ?? просто очень часто встречал это, просматривая исходный код сайтов...

    Asked by enom,

    0 votes
    2 answers

  3. Помогите с вёрсткой под IE

    Помогите пожалуйста с блочной версткой В нормальных браузерах сайт отображается нормально, но в IE... Элементы посыпались, и один div не реагирует на установку размеров для него Вот фрагмент файла index.html: <html> <head> <link rel='stylesheet' type='text/css' href='style.css'> <title>Design</title> </head> <body> <div id='tovary'> <div class='small-knife sm-left'> <p><a href='?postid=1'>Нож Выживания Bear Grylls</a></p> <img src='img/postpics/1336572716_l.jpg'> <div class='price-small'> <p>цена: <b>900</b></p> <div class='stripe'&…

    Asked by ivanivan,

    0 votes
    5 answers

  4. Слой второй колонки не учитывает отступ от слоя шапки

    Здравствуйте, пару дней, как начал изучать HTML, возник такой вопрос: Простой шаблон страницы: шапка(1), левая колонка(2), правая колонка(3), подвал(4). Левая и правая колнки лежат в отдельном слое(5), т.к. собирался делать третью колонку справа. Для всех элементов задан margin: 5px. Левая колонка(2) отстоит от шапки(1) на 5px + 5px ее собственный отступ. Правая же колонка(3) игнорирует отступ от шапки(1), учитывает только свой, почему так происходит? Пробую сделать для правой колонки margin-top: 10px, но тогда на 10 пикселей отъезжает весь слой (5). Если убираю слой(5), margin-top: 10px корректирует проблему, но все равно непонятно, почему требуется эта корректировка. Ещ…

    Asked by Develax,

    0 votes
    1 answer

  5. Проблема с меню!

    Всем доброго времени суток) При верстке у меня возникли проблемы! Вот сайт - http://nyashki-v2.ucoz.ru/ 1.В Опере и Мазилле почему-то треугольки в название блока отображается не корректно! 2.В опере почему все ссылки горизонтального меню оранжевого прикреплены к верху хотя я поставил line-height(( Помогите решить проблему!Заранее спасибо!

    Asked by ELBegemotos,

    0 votes
    8 answers

  6. Корректное употребление тега <cite>

    Доброго воскресного утра, быстро раскланиваюсь со всеми и перехожу к сути дела: В справочнике http://htmlbook.ru/html/cite указано что область применения тега <cite> При этом в примере: <p><cite>Айзек Азимов</cite></p> <p><q>Нельзя сказать человеку: «Ты можешь творить. Так давай, твори». Гораздо вернее подождать, пока он сам не скажет: «Я могу творить, и я буду творить, хотите вы этого или нет».</q></p> Тег используется, для указания авторства. Это меня уже смутило. В другом тематичном, русскоязычном источнике xiper.net также поддерживается эта точка зрения .Казалось бы какие могут быть вопросы? Для …

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  7. наследовательность тени

    Как установить наследовательность тени в этом примере: http://jsfiddle.net/ViES/VrhxC/ Если фон у блока прозрачный, тень видна, с бэкграундом - нет. можно ли наследовать, или нужно прописывать для каждого класса? И еще вопрос, можно ли пустить тень внутри <tr>

    Asked by ViES,

    0 votes
    3 answers

  8. Ссылки

    Ребята! Есть такой вопрос - на сервере куча файлов, папок и разной всячины, есть файл php и html которые не в корне лежат, а в папках и папках папок. Есть ли разница в том, как писать ссылки на эти файлы: <a href="http://ссылка из строки браузера"></a> или <a href="имя папки/файл.html"></a> Не будет ли первый вариант ошибкой?

    Asked by alex_stepanow,

    0 votes
    2 answers

  9. точки между словами

    Граждане Гуру, помогите с такой проблеммой: нужно сделать точки между словам таким образом, чтобы они были от конца первого слова и до начала второго. Пример: Слово1..........................................слово2 второе слово..............................третье слово попробую пояснить цель: нужно первые слова прижимать влево, вторые вправо, а между ними точки. Обычное форматирование сбивается при изенении шрифта, его параметров и т.д. Идея бала такая: Контейнер DIV, в который будут вложенны блоки DIV играющие роль строк полностью до конца набитые точками, а уже во внутрь строковых DIVвов с точками вложить по два дива, прижатые один к левой и другой к правой границе строч…

    Asked by vovik,

    0 votes
    2 answers

  10. Меню

    Как сверстать данное меню. Интересует конкретно как прописать звездочки. Кто знает, подскажите! Картинка здесь: http://imagepub.org/3175-1341677245

    Asked by Imperil,

    0 votes
    5 answers

  11. размер шрифта в адаптивном макете

    научите пожалуйста работать со шрифтом в адаптивном макете. мне интересен сам принцип. словами или примерами посмотрел несколько адапитвных страниц. часто размер шрифта задан жёстко, в пикселях. при разных разрешениях смотрится и читается неплохо. но я понимаю, что это не лучший стиль для адаптивной вёрстки иногда вижу, что размер шрифта задан в процентах. например здесь. но от какого числа берутся эти проценты не представляю я сверстал страничку (пока в черновом варианте). если не трудно, то расскажите на примере блока .content_article что мне сделать со шрифтом

    Asked by cyklop77,

    0 votes
    0 answers

  12. ie 7 и absolute

    Как видно на картинке номера не на своем месте, во всех "нормальных" браузерах номера написаны над словом Комфорта. Второй снимок показывает как уехало меню и вместе с ним фон #bg он отдельным дивом идет. Буду очень признателен за помощь!

    Asked by Chris,

    0 votes
    0 answers

  13. z-index + position

    Прочитал статью http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html Не совсем понял как решить проблему для IE7 Есть: <div class="header"> <div class="menu">111</div> </div> <div class="content"> <div class="article">1111</div> <div> .headaer { [...] position: relative; z-index: 2; } .menu { [...] position: absolute; z-index: 1000; } .content { [...] position: relative; z-index: 1; } .article { [...] position: absolute; z-index: 1000; } То в такой ситуции article не залезит на headaer, а нужно что б дивы с position: absolute; залазили на дивы position: relative; Как тогда р…

    Asked by Justtie,

    0 votes
    0 answers

  14. Уменьшить картинку

    Здравствуйте уважаемые форумчане. У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312 ). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос: Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту,…

    Asked by dimpim,

    0 votes
    0 answers

  15. Прижать футер

    http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Все вроде бы по правилам: Вышележащ блок min-height:100% и margun-top:-высота футера. А футер не прижат, т как .container не занимает 100% высоты. В чем проблема может быть?

    Asked by seemax,

    0 votes
    5 answers

  16. Картинка,реклама,картинка

    Всем привет , я только постигаю азы html и вот столкнулся с такой проблемой , мне под шапкой сайта нужно разместить картинку , рекламу от гугл и еще картинку и все это равномерно распределить в одну линию . Подскажите пожалуйста как это реализовать

    Asked by Mr.B,

    0 votes
    2 answers

  17. помогите сделать таблицу table

    вот такую http://nordtrest.ru/sneg/neg1.bmp

    Asked by high,

    0 votes
    1 answer

  18. помогите растянуть меню

    /* MENU */ #nav { width: 100%; background: #000000; float: left; margin: 0; padding: 0; border: 0px solid white; border-bottom: none; z-index: 999; } #nav li a, #nav li { float: left; z-index: 999; } #nav li { list-style: none; position: relative; width: 20%; z-index: 999; } #nav li a { padding: 1em 2em; text-decoration: none; color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; …

    Asked by bu3i28,

    0 votes
    5 answers

  19. подключить файл через медиа-запрос

    научите пожалуйста подключать определенный файл стилей в зависимости от фактической ширины экрана. следующий код работает <style media="screen">@import "css/styles1.css";</style> <style media="print">@import "css/styles2.css";</style> но здесь проверяется тип принимающего устройства. мне же нужно при ширине экрана >1000px подключать css/styles1.css , при ширине экрана <1000px подключать css/styles2.css

    Asked by cyklop77,

    0 votes
    5 answers

  20. CSS с условием

    Привет всем! Мой первый пост. Решил я все картинки-миниатюры, уровнять по ширине: .attach { width: 720px; height: auto; } Большие картинки сжало красиво, а маленькие - нет. Задача: Как в css выполнить, что если ширина больше 720 px, то ровняло к 720, а если меньше, то оставляло как есть.

    Asked by vox,

    0 votes
    3 answers

  21. text-shadow в opera

    Заметил что text-shadow: white 0px 1px 0; на кнопке подписаться не работает в opera. Адрес проблемы http://parkes.org.ua/test/form.php

    Asked by apexis,

    0 votes
    0 answers

  22. Маленькая проблема в меню

    Здравствуйте. Сижу делаю меню. Почти всё сделал. Но возникает косяк в выпадающей части. При наведении на "Пункт 1" открывается выпадающая часть которая состоит из таблицы (3 строки и 3 столбца). В каждой ячейке таблицы будет от одного до нескольких div. Только не спрашивайте зачем так сделано, это всё не просто так, тут всё продумано Ссылка на страницу с меню: http://rosnominal.ru/Ros-l_NEW/index.html Ссылка на файл стилей: http://rosnominal.ru/Ros-l_NEW/style.css Само меню сделано через UL и LI. Косяк в том что список UL не встаёт в блок div а лежит поверх и следовательно не тянет этот div. Границы div обозначены красным цветом. Что не так???? Сижу уже третий день..…

    Asked by krasniy,

    0 votes
    2 answers

  23. Внезапный БАГ

    Столкнулся вот с такой проблемой, которая просто ввела меня в ступор: http://jsfiddle.net/ViES/5pEYs/ ВТФ?? Что с внутренним блоком?

    Asked by ViES,

    0 votes
    5 answers

  24. Фон не привязывается к низу страницу

    Всем привет! Столкнулся с проблемой, на странице где может быть минимум текста, а может быть 3-4 экрана текста необходимо размещать в самом низу в BODY фон. Прописываю фон таким образом: html, body{height:100%;} body{background:#dafcff url(img/bg.jpg) bottom center no-repeat;} В итоге, фон не крепится снизу страницы, а остается в самом верху http://popov.ints.net/_projects/scandilife/verstka/test.html Если убрать высоту боди и html, тогда всё работает для большого кол-ва текста но не работает для маленького объема http://popov.ints.net/_projects/scandilife/verstka/test2.html Может быть кто-то сталкивался с подобным?

    Asked by Kurilshik,

    0 votes
    2 answers

  25. Совершенно непонятный баг!

    ...

    Asked by nicafortune,

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