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. табличный макет. проблема с вертикальным объединением ячеек

    прошу помощи в таком вопросе. сделал шаблон для joomla 1.5 . табличный резиновый. в таблице есть ячеики, сгруппированные по вертикали. в ie6 одна из таких ячеек растягивается по вертикали(хотя высота указана строго). не могу решить проблему заполнения фоном образовавшейся области. если бы растягивалась соседнии нижняя ячеика, то я бы поступил так как указано вот здесь http://htmlbook.ru/content/osobennosti-tablits но растягивается именно верхняя. подскажите как быть... архив с шаблоном здесь http://narod.ru/disk/5513907001/di_elastic_tab.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  2. Центрирование содержимого DIV

    Всем привет. Столкнулся с небольшой проблемой и никак не могу ее разрешить. Помогите, пожалуйста! Допустим, у нас есть контейнер .content внутри которого текст и небольшая галерея. У меня никак не получается выровнять содержимое content по центру. Margin:0 auto для content не помогает. Text-align выравнивает только текст. Пробовал взять img в <p> - результата не принесло. В общем, вопрос пустяковый, но он никак мне не дается. Дайте совет. p's: поиск по форуму почему-то не работает. <head> .content { width:60%; float:left; } .gallery { float:left; margin:4% 7% 4% 0; } .gallery2 { float:left; margin:5% 7% 0 10%; } .gallery P { margin:0 auto 5px; text-align…

    Asked by Sedli,

    0 votes
    4 answers

  3. Градиент текста с помощью css

    Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.

    Asked by ValentoS,

    0 votes
    13 answers

  4. Необходимы объяснения и ликвидация

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

    Asked by LeD4eG,

    0 votes
    10 answers

  5. помошь в верстке для IE 6

    такой сайт http://www.raivolahouse.ru/ скачет телефон справа вверху и подвал внизу в IE6 по поводу подвала пробовал http://htmlbook.ru/layout/fiksirovannyy-podval не помогло. ставил position:absolute также не помогло. прошу помощь

    Asked by Deca,

    0 votes
    0 answers

  6. @font-face и русские буквы

    Здравствуйте. Не понимаю как "писать" подгруженным шрифтом по-русски. Смотрю в таблице символов. Всё ок - русские буквы : &\#192; - &\#255; выглядят правильно. Т.е. если писать через код буквы &\#216; получаю правильную Ш, а если просто написать Ш, то получаю Ш стандартного шрифта. На английской раскладке всё хорошо. Заранее спасибо

    Asked by chlp,

    0 votes
    2 answers

  7. Web colors

    Добрый вечер. Вот тут у меня есть вопрос касающийся, так называемых, "безопасных цветов". Имеется макет, в котором цвет верхней границы блока имеет серый цвет. При проверке цвета на "безопасность" в фотошопе стало видно, что цвет опасный, но лишь на пол тона. При замене его на аналог из безопасной палитры, разница практически не заметна. Как мне дальше быть в аналогичный ситуациях ? Если цвет не для веб, но очень близко к нему, стоит ли применять его или же подставлять картинку для 100% визуального соответствия ? Спасибо.

    Asked by Selen,

    0 votes
    7 answers

  8. Как вернуть стиль по умолчанию?

    Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

    Asked by thekap,

    0 votes
    11 answers

  9. Как сделать слой высотой с родительский элемент

    Доброго времени суток всем! Делаю сайт с двумя наложенными друг на друга прозрачными слоями (один, типа, основа, под ним, типа, тень). Высота слоя зависит от количество текста в нем, нельзя ли как-то его высоту связать с высотой родительской ячейки? Основной css: .Opacity { background-image: url(image/BG1.png); background-repeat: repeat; background-position: bottom; } .Opacity div { background-image: url(image/BG.png); background-repeat: repeat; background-position: bottom; position: relative; left: -10px; top: -10px; …

    Asked by Manta,

    0 votes
    0 answers

  10. Позиционирование

    помогите никак не можу розобратся, перепробывал кучу способов. Если решил сайт выровнять по центру примером шириной в 1000px, то при больших разрешения экрана элементы страницы здвигаются со своих мест. Пробывал загнять в таблицу но есть места где нужно наложить обьект поверх обьекта, там применяю свойство position:absolute; и в итоге также елементы при другом разрешении здвигаются как быть подскажите пожалуйста?

    Asked by Floran,

    0 votes
    21 answers

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

    Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?

    Asked by Arigato,

    0 votes
    6 answers

  12. Главенство одного стиля над другим

    Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите

    Asked by KoDDy,

    0 votes
    7 answers

  13. размер изображения в %

    Всем привет! Подскажите. У меня блок с контентом задан в %, а в нём есть фото. так-вот, указываю изображению ширину 100% (чтоб было на весь блок), а в IE8 изображение отображается в реальном размере, то есть растягивает блок с контентом. как сделать так чтоб фото было только на всю ширину блока, а не в полном размере в мозилле и опере все норм (когда указываю изображению параметр width="100%"), а IE как всегда все портачит подскажите пожалуйста решение этой проблемы, уж очень нужно =) заранее всех благодарю!

    Asked by Serpanok,

    0 votes
    11 answers

  14. Тег b

    Как сделать так чтобы с помощью тега b окно закрывалось при наведении на текст курсора? Заранее всем спасибо

    Asked by kikim,

    0 votes
    1 answer

  15. мокрый пол

    Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.

    Asked by Veseloff,

    0 votes
    25 answers

  16. Народ нужна помощь...

    Привет всем ) Решил сверстать страничку ... так ради опыта ... скачал с нета макет... Начал верстать... и все бы ни чего но в конце чё то отступы от body до footer в разных браузерах разные(( Как с этим бороться возможно есть какие то хаки ??? или еще что то ..... подскажите кто знает) Вот код и ссылка на страницу(http://portfolio-ka4erovskii.narod.ru/Hammer/index.html) Код: html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Hammer</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /…

    Asked by ka4erovskii,

    0 votes
    0 answers

  17. Выпадающий список сдвигает нижние элементы

    C днем Святого Валентина всех! Сделала select с помощью скрипта, который преобразует в div и ul. Все хорошо, только выпадающий список сдвигает нижние элементы при выпадении Можно это как-то CSS вылечить?

    Asked by maerrry,

    0 votes
    3 answers

  18. float: left

    http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?

    Asked by Veseloff,

    0 votes
    6 answers

  19. Не указывается размер в %

    Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…

    Asked by WoopieZ,

    0 votes
    2 answers

  20. Проблемы при переносе списка на след. строку

    Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!

    Asked by Sedli,

    0 votes
    3 answers

  21. Кривые input-ы

    Как видите, во всех браузерах отступы разные... Как сделать, чтобы в любом браузере кнопки были посередине? CSS: input.pass {background: url(template/pass.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 65px; margin-top:6px; width:90px; height:16px; font-family:arial;} input.login {background: url(template/login.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 60px; margin-top:6px; width:90px; height:16px; font-family:arial; margin-left:5px;} input.white_button {background: url(template/white_button.gif) repeat-x; borde…

    Asked by 212th,

    0 votes
    5 answers

  22. Отступы в списке

    Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

    Asked by Vlad,

    0 votes
    33 answers

  23. И опять IE

    Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

    Asked by runet,

    0 votes
    5 answers

  24. Форум

    всем привет, я тут учусь верстать, как бы главную страницу, я верстаю, ф форум вообще не знаю как. И собственно просьба, если кто то видел видеоуроки или статьи, на эту тему. Дайте ссылку мне пожлуйста, а то я чет не могу найти Зарание спасибо.

    Asked by CbIHoK,

    0 votes
    5 answers

  25. растянуть блок по высоте

    сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.

    Asked by crazybet,

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