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. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA,

    0 votes
    6 answers

  2. Тень у блока с трех сторон, как?

    Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?

    Asked by Galyanoff,

    0 votes
    10 answers

  3. Руссификация HTML 5 шаблона

    Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…

    Asked by Sunsayka,

    0 votes
    3 answers

  4. Блок тянется вниз за соседним

    Здравствуйте. Есть проблема, которую немогу решить, уже всё пересмотрел, голову ломаю. Есть сайт трехколоночный, на дивах, натянутый шаблон на CMS. Так вот покажу на скриншотах проблему, чтоб не объяснять на пальцах. Блок, выделенный красным цветом тянется за блоком боковым (зелёный) и образуется пустое, никому не нужное, пространство. Дело в том, что далее ,следующий блок идёт нормально. Это пустое пространство создаётся только в первом блоке, возле которого боковые блоки. Где копать ? Почему так ? Честно, не могу догнать, я не очень в этом ещё силён, в принципе всё элементарно, но именно это я не понимаю. Сайт где видно всё это - в профиле.

    Asked by *JoKeR*,

    0 votes
    4 answers

  5. IE 8 не видит ссылок

    Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится

    Asked by terminotor,

    0 votes
    7 answers

  6. Как убрать рамку в IE вокруг элемента object?

    В IE отображается рамка вокруг элемента object можно её как то убрать. Пробовал через CSS border: none; Не помогает!

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  7. Кроссбраузерный сайт

    Прошу совета у знающих людей! Сверстал сайтик (под фордпресс). Когда верстал смотрел на результат в хроме и мозилле. Используя хаки добился адекватности в IE8. Теперь проблема с IE7. Вроде бы и хаки должны работать, но не работают. При позиционировании футера (по центру(лево-право)) странным образом ползёт последний пункт горизонтального меню. Подскажите плиз где копать? В чём причина такого поведения кода? 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…

    Asked by aov000,

    0 votes
    3 answers

  8. Скроллинг на сайте

    Здравствуйте! Если кто знает как сверстать сие чудо. http://tsetserskaya.jino.ru/t/scroll.png .ПЖЛ не откажите в совете.. Этот блок будет большой и будет прям посередине сайта.. А контент должен будет прокручиваться вот такой замечательной фичей на скроллинге вниз.. Задумка дизайнера..Ни че не могу поделать..

    Asked by Demon_gms,

    0 votes
    15 answers

  9. fixed div

    Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?

    Asked by Sensei,

    0 votes
    18 answers

  10. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим,

    0 votes
    2 answers

  11. max-width в div вёрстке

    Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/

    Asked by Plany,

    0 votes
    2 answers

  12. Проблемы с фоном

    Вот сайт. _http://test.kabushikigaisha.ru/webster/ Есть там фоновое изображение с движением на jquery и java и вроде все нормально, фон растягивается на всю страницу, но как только добавляешь много текста в основной контейнер, или снизу прицепляешь футер, то получается белый отступ снизу. Откуда он берется- понятия не имею, вот html и css (в последнем много лишнего, ибо сайт в разработке). HTML CSS И еще сюда же-как сделать, что бы то, что в нижнем меню (там где контакты, то что вверх ногами) при уменьшении окна браузера не вылазило за пределы своего блока, в котором оно находится?

    Asked by terminotor,

    0 votes
    3 answers

  13. opacity в див

    Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.

    Asked by nik1524,

    0 votes
    3 answers

  14. Два элемента и содержимое.

    Добрый день! Есть элемент #a с фиксированным размером и следующий за ним элемент #b. Код: <style> div { height: 10px; width: 10px; } #a { background: #fcc; } #b { background: #ccf; } </style> <div id="a">1<br/>2</div> <div id="b"></div>Как при помощи css сделать так, чтобы второй элемент #b шел после содержимого первого элемента #a, выходящего за его границы? Как есть и как должно быть: Порядок элементов менять нельзя, создавать другие элементы тоже. Размеры содержимого элемента #a произвольны (неизвестны), поэтому просто задать margin для элементов нельзя.

    Asked by Webkit,

    0 votes
    7 answers

  15. Не учитывается высота картинки-слоя при использовании float

    Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…

    Asked by kuraga,

    0 votes
    1 answer

  16. Блок Div сдвинут на 1 пиксель в Опере

    Доброго времени суток, уважаемые форумчане! Появилась проблема, с которой я раньше как-то не сталкивалась. В Опере div сдвинут на 1 пиксель в сторону. В Хроме такой проблемы нету. Подскажите, в чем может быть загвоздка? Сайт xstroy.biz

    Asked by katjuha6,

    0 votes
    6 answers

  17. псевдокласс :hover

    День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо

    Asked by volkoff,

    0 votes
    4 answers

  18. Колебания в Opera

    Добра всем! Сделал что бы при наведении на logo появилось другое img. popcorn-j.narod2.ru/ Но почему-то на Opera это дело скачет... Кто знает как решить? CSS — #logo .loggo { wight: 306px; height: 79px; position: relative; top: -92px; left: 10px; } #logo{float:left; z-index:7; } #logo {display:block; display:inline;} #logo .logo ul {display:none;} #logo .logo:hover ul {display:block;} #logo #main {float:left; position:relative; left:0px; top:-86px; width: 306px; height: 15px; z-index:5;} CSS — HTML — <div id="logo"> <div class="logo"> <a href="http://popcorn-j.narod2.ru/"><img class="loggo" src="image/logo.png" alt="Popcorn"/></a> <ul…

    Asked by SCANIT,

    0 votes
    0 answers

  19. Попиксельная верстка макета из Adobe Illustrator'а

    Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.

    Asked by MiReQ,

    0 votes
    6 answers

  20. Форма заполнения анкеты на сайте

    Доброго времени суток! Делаю сайт http://oriflamebest.jimdo.com/ и столкнулся с проблемой в разделе регистрация, чтобы пользователи регистрировались и ко мне на почту либо куда еще-то)) приходила инфа,ну а дальше я уже с ними связывался. Нашел код HTML формы регистрации которая мне подходит, но на сайт ставится как-то криво(сейчас стоит), и не могу разобраться куда мне будит приходить информация о регистрации и как настроить защитный код. Вот код который нужно переделать, <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <style> BODY,TD {FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 13px;} .pismo {BORDER-BOT…

    Asked by Den4ik69,

    0 votes
    4 answers

  21. Картинка для логотипа

    Как лучше сделать логотип картинкой? Поставить логотип на фон и использовать свойство text-indent <h1> <a href="#">Logo</a> </h1> h1 { float: left; text-indent: -9999px; } h1 a { float: left; width: 450px; height: 450px; background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat; } пример или Просто вставить картинку с альтом? <h1> <a href="#"> <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" /> </a> </h1> пример

    Asked by ShootingStar,

    0 votes
    3 answers

  22. Проблема в ie6.

    Добрый день! Есть элемент div с фиксированным размером, содержимое которого выходит за его границы. Код: <style> div { background: #fcc; height: 10px; width: 10px; } </style> <div>1<br/>2<br/>3</div>Как сделать чтоб в ie6 выглядело как и в других браузерах? Как выглядит в других браузерах и как выглядит в ie6: Создавать другие элементы нельзя. Дополнение: портативный ie6 (один файл) можно скачать тут.

    Asked by Webkit,

    0 votes
    3 answers

  23. трабл таблиц

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

    Asked by mashur,

    0 votes
    16 answers

  24. Павающие блоки

    При верстке двухколоночного макета столкнулся с проблемой. Контент представляет собой "нвости", "статьи", которые формируются в две колонки. Затруднений бы не воздникло, если бы все блоки были одинакового размера, ширина фиксированная, но вот высота может быть какой угодно. На картинке схематично изобразил расположение частей сайта, блоки пронумерованны. Шаблон блоговый, на странице будут по мере добавления выводиться статьи/записи. Так вот, можно ли как-то это реализовать средством css, задавая блокам свойство "float: left;", имея такую html-разметку: <header>header</header> <div id="middle"> <div id="content"> <div class="block">block…

    Asked by a.antropov,

    0 votes
    3 answers

  25. SEO, ТИЦ, редирект

    Подскажите. Есть напр. сайт mysite.com с структурой mysite.com/ru/, mysite.com/en/, mysite.com/uk/. Если при регистрации в каталогах указывалась ссылка на сайт - mysite.com. То есть, при переходи по mysite.com редирект на mysite.com/ru/. Это может повлиять на величину ТИЦ?

    Asked by Alex&R,

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