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. Верстаю первый сайт

    Здравствуйте! 2 вопроса.. 1: Как убрать отступ между правым и левым контентом(на картинке проблема указана под номером 1) Пробовал и маржины обнулять и паддинги и бордеры.. Не фурычет...((( 2: Как сделать так, чтобы правый контент изменял свою height одновременно с левым... Может как-то наследованием?! ставил height:inherit - не помогло... (на картинке под номером 2) Картинка и код прилагаются: body { margin: 0 auto; padding: 0 1.6em; background: url('12.jpg'); overflow: auto; } /* все для меню */ #menu{ width:766px; margin:15px; position: absolute; } ul{ list-style:none; } #menu li{ list-style:none; display:block; float:left; margin:…

    Asked by Diego,

    0 votes
    2 answers

  2. Верстаю по макету. Нужен совет.

    Есть *PSD макет . Дом, земля, забор, логотип и небо с солнцем на разных слоях, вот думаю как сверстать из этого резиновую шапку. Есть сложности: градиент не равномерен, т.к есть солнце и свет от него, т.е сделать фоном небо с забором и землей не получиться. Как думаете, что тут можно сделать? http://photofile.ru/express/ashozzofesisea...omothi/1016525/ - шапка

    Asked by 100kd,

    0 votes
    11 answers

  3. верстают ли сегодня по модульной сетке

    Случайно наткнулся на статью об применении в верстке модульной сетки gird960, статья очень старая, посему вопрос, актуально ли сегодня верстать с применением сетки?

    Asked by karlitos32,

    0 votes
    5 answers

  4. Верстка

    многое знаю а это не могу понять что ... объясните пожалуйста что такое верстка...

    Asked by kasbek,

    0 votes
    10 answers

  5. верстка

    вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg html <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…

    Asked by stars,

    0 votes
    3 answers

  6. вёрстка

    ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).

    Asked by bald,

    0 votes
    2 answers

  7. верстка

    Почему текс в Мазиле не выделяеться, что нужно прописать в стилях или убрать?

    Asked by irina777,

    0 votes
    3 answers

  8. Верстка

    Как сделать чтобы страничка отображалась в браузерах по средине ?

    Asked by Unger,

    0 votes
    1 answer

  9. Верстка

    Как сделать выпадающее меню?

    Asked by Unger,

    0 votes
    3 answers

  10. Верстка

    Здравствуйте задался вот сверстать такую конструкцию: расстояние промежуточное равно 2px высота фиксированная... Как такую конструкцию можно собрать из дивов? Я пробовал так: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <style type="text/css"> html, body { width:100%; } header { display: block; width: 95%; margin: 0 auto; } #head_left, #head_right { width: 50%; height: 105px; float: left; } #head_left_first { width: 100%; height: 21px; background-color: green; } #head_left_second { width: 100%; height: 84px; background-color: red; } …

    Asked by serg_ss,

    0 votes
    2 answers

  11. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

    Asked by Unger,

    0 votes
    16 answers

  12. Вёрстка

    как 4 блок поставить на линию с 3? margin-top отрицательный? ещё варианты?

    Asked by andys,

    0 votes
    8 answers

  13. Верстка

    Здравствуйте! Подскажите как сделать верстку трех колонок по вертикали? А то весь день сижу мучаюсь они у меня друг под друга заезжают или выстраиваются по горизонтали. Верстаю с помощью <div> пытаюсь выравнять при помощи float:left.

    Asked by Lucifer,

    0 votes
    21 answers

  14. Верстка

    Есть меню, нужно сверстать что бы была картинка постом ссылка Пример, картинка_ссылка картинка_ссылка a.menu { display:block; font: 14pt sans-serif; background-position: left bottom; background-image: url(images/icon-folder.png); background-repeat: no-repeat; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0 0 0 10px; } <a href="#" class="menu">Главная страница</a> Вот что у меня есть, но проблема в том, что ссылка налазит на картинку, а нужно что бы ссылка шла после картинки

    Asked by JoyStick,

    0 votes
    2 answers

  15. Верстка

    Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…

    Asked by vova.a99,

    0 votes
    1 answer

  16. Верстка

    Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;

    Asked by Drix87,

    0 votes
    7 answers

  17. Верстка

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

    Asked by superhero,

    0 votes
    6 answers

  18. Вёрстка

    Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!

    Asked by Flanidub,

    0 votes
    22 answers

  19. Верстка

    Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { margin-left: 350px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, …

    Asked by zolga7,

    0 votes
    6 answers

  20. Вёрстка

    Всем привет, возникла проблема с вёрсткой сайта, ul и li не хотя совместно работать с menu, в такой записи как на скриншоте изображение меню пропадает вообще, а если убрать .menu ul li в css, то изображение появится, но текст на него накладываться не будет. Текст вообще сам по себе, не подскажите как сделать правильно или в чём ошибка?

    Asked by kiserkiser9111,

    0 votes
    1 answer

  21. Верстка divami в 2 колонки гле ошибся

    День добрый. Столкнулся с такой проблемой при верстке шаблона divами. Проблема в следующем: Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера. Пример здесь: Моя ссылка Кусок кода css: /*Макет колонок*/ .vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; } .vsep .vsep { padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; } .vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; } .container, .rightside, .dopside, .midside, .mainside { overflow: auto; } .container { width: 800 px; padding: 0 15px 0 15px; } .con…

    Asked by remont63,

    0 votes
    3 answers

  22. Верстка - правильное наложение слоев

    Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.

    Asked by gera3,

    0 votes
    14 answers

  23. Верстка - правый элемент ризины

    Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.

    Asked by clgs,

    0 votes
    9 answers

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

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

    Asked by CROSP,

    0 votes
    3 answers

  25. Верстка "бумажного конверта": позиционирование поля "индекс"

    Добрый день! Мне необходимо реализовать форму, которая бы внешне выглядела как бумажный конверт. Верстка блочная, "резиновая". Все получилось, кроме одной вещи. Имеем два поля ввода: "Откуда" и "Индекс места отправления". Во всех браузерах выглядеть должно так: Поле "Индекс" должно заканчиваться там же, где и поле "Откуда", пиксель в пиксель. Иначе получится не как на настоящем конверте. Сейчас мой код хорошо отображается в FireFox, но в других браузерах индекс съезжает то влево, то вправо. Код CSS: input { position:absolute; margin:0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #70aae8; padding-left:0.4em; font-size:9pt; } label span …

    Asked by yeg,

    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