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. Задание из практикума

    http://cssdeck.com/labs/8oz4cgnn При наведении не то что надо. Дайте подсказку . Код писать не надо..

    Asked by rpmcmerphy,

    0 votes
    8 answers

  2. Вопросы новичка

    Начал делать сайт на HTML и CSS. Вопрос,можно ли написать профессиональный сайт только на одном HTML или без php+mysql или ещё чего-то там не обойтись?

    Asked by Lukey,

    0 votes
    23 answers

  3. Блочная или табличная верстка

    Необходимо сделать такую же страничку как на фото http://i021.radikal.ru/1311/d4/6bf6a93b5478.jpg Лучше <div> делать?

    Asked by Amstrong,

    0 votes
    12 answers

  4. Разваливается кусок верстки

    Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1

    Asked by Temik2704,

    0 votes
    4 answers

  5. Поломанные селекторы

    Привет! Возникла проблема при использование соседних селекторов в браузерах Safari 5.1.7 Chrome 31.0.1650.57. В браузерах Opera 15 и IE 9(как не странно) все работает. Подведу к проблеме с помощью примеров. и так имеем код: http://jsfiddle.net/FxunN/ имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым 3 блок синий все работает правильно, в любых браузерах. теперь добавим какой-нибудь псевдокласc, к примеру hover. имеем код: http://jsfiddle.net/AhC6Z/2/ При наведение курсора на блок номер один, имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым (во всех браузерах) 3 блок подсвечен синим (в Opera и IE работает) (Safari Chrome не подсв…

    Asked by doremidoredo,

    0 votes
    3 answers

  6. Как растинуть картинку во весь экран.

    Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)

    Asked by WEB-best,

    0 votes
    5 answers

  7. CSS не взаимодействует с HTML должным образом

    Всем привет! Столкнулся с такой проблемой, где всё вроде бы написано правильно, а в браузере не отображаются те свойства, что я прописываю как в html, так и в css. Вот что написано в html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> {headers} <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet"/> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet"/> <scrip…

    Asked by Автостопщик,

    0 votes
    3 answers

  8. Обнуление отступа

    http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?

    Asked by Caffeine,

    0 votes
    8 answers

  9. Как сделать вертикальную прозрачную полосу на фоне?

    Здравствуйте всем!Прошу помощи у всякого неравнодушного. Делаю сайт по шаблону брату,не могу одолеть одну хитрость. Как сделать вертикальную прозрачную полосу на фоне по середине? Помогите пожалуйста или ткните носом где прочитать.http://artpaullo.96.lt/

    Asked by artberesta,

    0 votes
    10 answers

  10. Разная высота фона для шапки

    Всем привет, прошу помочь грамотным советом. Верстаю сайт, в котором шапка = 100% а сам контент уже 980рх. В шапке над зоной контента дизайном предусмотрено вот такой фон: который я конечно вставил и отцентрировал, но вот как сделать так чтобы и влево он тянулся максимально далеко и вправо не могу придумать из-за разной высоты сторон. Раньше не верстал, только натягивал на систему шаблоны, но вот решил познать истину и ищу нормальное решение. Пока все что придумал - сделать картинку шириной >2000рх, но перфекционизм очень страдает от такого костыля.

    Asked by Extremum,

    0 votes
    6 answers

  11. Ссылки по центру

    Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.

    Asked by WooLunatiX,

    0 votes
    2 answers

  12. Верстка scroll

    Здравствуйте, такая вот проблемка.. Не могу понять и найти как верстать scroll И как его можно сверстать для <select name=""> <option>1993</option> <option>1994</option> <option>и тд..</option></select>так же как и для чата какого нибудь, хотелось бы узнать... Заранее спасибо

    Asked by BSandro,

    0 votes
    3 answers

  13. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  14. Фиксирование на экране без fixed

    Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. Покидайте примеров если сталкивались с таким.

    Asked by Игорь Ермаков,

    0 votes
    4 answers

  15. Не много ли букав у меня к картинкам

    Мастера, подскажите пожалуйста, скопировал код (картинка при наведении на текст). Не много ли там текста, может что-то убрать, в смысле не нужное, а то я тупо "скатал"??? Паралельно вопрос: как сделать, что бы картинки под текстом правой колонки оставались в зоне видимости? Они иногда вылезают вправо. Кто не понял, при наведении на название ткани появляется картинка. Спасибо! Забыл ссылку-то: http://jaluzi-rolety.com.ua/price.html#prvert

    Asked by Vic-Tor,

    0 votes
    1 answer

  16. Как уберечь сайт от копирайта(постер)

    Я создал постер,нарисовал с нуля,других подобных в мире нету я уверен на 100%,но вот вчера задумался,а что если какойто другой сайт,более старый и популярный сопрет его?Как мне доказать что он мой и как заставить вора снять мой постер с его сайта?

    Asked by pudge,

    0 votes
    4 answers

  17. фоновая картинка и фоновый цвет

    Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!

    Asked by ariel,

    0 votes
    3 answers

  18. Можно ли так нарисовать на css3?

    Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)

    Asked by Zverushka,

    0 votes
    5 answers

  19. Подчеркивание только одной строки из блока

    Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>

    Asked by sss2019,

    0 votes
    2 answers

  20. Помогите с фоном

    Всем привет. Я начинающий верстальщик. Только учусь прошу сильно не судить. Из курса Евгения Попова я верстаю сайт по макету Смарт бизнес. Вот сыдка (http://www.cms-php.ru/html-shablony/290-shablon-psd-smartbiz-dlya-biznes-kompanii.html) Проблема такая. Во всех браузерах смотрится отлично. Но в ie6 есть проблемы с фоном вот что именно не так: http://s001.radikal.ru/i196/1311/65/e6e894a39bad.jpg в остальных браузерах смотрится отлично: http://s004.radikal.ru/i208/1311/34/e09b7aa62f0c.jpg Сперва павда прозрачности не было, но я установил вот этот плагин http://jsfiddle.net/B9t64/1/ p.s. уроки евгения попова делал наперед, это макет я сверстал без его помощи, правда щ…

    Asked by WEB-best,

    0 votes
    2 answers

  21. подключение css

    Всем привет!Решила заняться вёрсткой и сегодня мой первый день обучения.Сразу же возникла проблема с подключением css файла.Ребята,подскажите мне пожалуйста,что я делаю не так? Это html файл: <DOCTYPE html><html><head><title>Вёрстка сайта</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style1.css"></head><body> <div class="header"></div></body></html> А это css:*{margin:0;padding:0;} html,body{width:100%;height:100%;background-color:#7b7b7; } .header{width:100%;background-color:#C0C0C0; }

    Asked by nata1902,

    0 votes
    9 answers

  22. Текст в таблице

    Добрый день. Возник такой вопрос. Как в таблице сделать чтобы левый столбец текст группировался по левому краю, а во всех остальных по центру.

    Asked by BuBeK,

    0 votes
    1 answer

  23. Помощь по созданию сайта

    Подскажите пожалуйста, я начал делать сайт, и хотел бы спросить у вас, почему при приближении и отдалении у меня "Разбегаются элементы"? Та и хотел бы что бы опытные люди указали на ошибки пока еще не слишком много кода! Заранее спасибо! http://rghost.ru/50186474

    Asked by oleg126,

    0 votes
    12 answers

  24. Как сделать так...

    Есть ячейка (или слой). Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки); Текст должен быть вертикально по центру. Картинка прижата к верху.

    Asked by Zverushka,

    0 votes
    12 answers

  25. Верстка , с чего начать ?

    Здравствуйте , вот хочу попробовать поверстать сайты. Но не знаю с чего начать. HTML и CSS знаю на нормальном уровне , то есть сделать статическую страницу по примеру вполне смогу. Но вот как научится верстать такие страницы которые сейчас обычно можно увидеть ? Пару раз работал с такими движками как Joomla и DLE , на DLE все показалось практически элементарно практически один HTML + CSS.Но вот с Joomla сразу все очень страшно показалось один PHP практически . Пробовал что-то редактировать, изменять , даже вроде неплохой сайт вышел , но делал по готовому шаблону из интернета (изменял его) . Но вот хотелось бы научится верстать как бы "правильно" , насколько я знаю сейчас…

    Asked by CROSP,

    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