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. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249,

    0 votes
    14 answers

  2. css transition

    Всем добрый день и с восстановлением форума! Ситуация какая... http://jsfiddle.net/rZpC3/16/ Плавность есть только в Firefox...думал синтаксис типа ":hover:before" не воспринимают, так нет - воспринимают, transition - не работает. В других местах(случаях) работает, на том же сайте...Подскажите? ....и почему то мне кажется одними стилями дело не поправить...=/

    Asked by alexandr_v-vich,

    0 votes
    3 answers

  3. css validation небольшие недочеты

    Сабж. стоит ли обращать внимание на эти ошибки?

    Asked by rus,

    0 votes
    19 answers

  4. CSS vopros

    Podskajite pojaluista! Kak sdelat rasstojanije mejdu jeltimi blokami, no pri etom ostavit ix na odnoi linii? <div id="main" class="clearfix"> <div class="first">1</div> <div class="first">2</div> <div class="first">3</div> </div> * { box-sizing: border-box; } #main { width: 100%; background-color: green; padding: 10px 0; } .first { /* margin: 10px; */ /* display: inline-block; */ width: 33.33%; float:left; background-color: yellow; text-align: center; } .clearfix:…

    Asked by Liubo,

    0 votes
    1 answer

  5. CSS vs DOCTYPE

    Здраствуйте. Есть скрипт вывода окошка на JS и CSS. вот пример - посмотреть Проблема заключается в том, что мне нужно установить doctype с описанием dtd файла, типа <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> но когда я его ставлю - окошко не выводится(исключение- опера, она не обрабатывает страницу через doctype). В ФФ,Хром, и остальные не показывают с doctype и dtd. Пробовал вычислить в чем проблема- выяснилось, что если убираю css - окно выводит, хотя и без стилей коряво, но все же выводит. Возможно, ему чтото не нравится в написании кода css. <style type="text/css"> A:Link…

    Asked by gaolong,

    0 votes
    4 answers

  6. css аналог noshade у тега <hr>

    Какой есть css аналог свойства noshade у тега , чтобы не писать постоянно , а грамотно с помощью css?

    Asked by yujin,

    0 votes
    1 answer

  7. CSS анимация при переходе с display:none на display:block

    Здравствуйте! Ситуация следующая: есть навигация nav, которая в мобильной версии исчезает с помощью display:none. С помощью JavaScript переключаю свойство display на block. Естественно, все это происходит резко - появление и исчезновение меню. Можно ли сделать плавное появление меню средствами CSS анимации? Погуглил - пишут что на display анимация не распространяется. Но все же, может Мастера подскажут... Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    10 answers

  8. CSS анимация с текстом

    Особо не вдавался в подробности анимации, поэту прошу у вас. Нужно сделать так, чтобы буква при загрузки страницы, после 3с (ПРИМЕРНО) с центра экрана переместилась на 300px (ПРИМЕРНО) в любое из четырех направлений. P.S. Лишнего не пишите, и ссылки на темы не надо кидать.

    Asked by pro100blich,

    0 votes
    0 answers

  9. css блок с теню

    Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?

    Asked by Viitolinsh,

    0 votes
    6 answers

  10. css в <iframe>

    Здравствуйте товарищи. Ищеемся главная станица, где iframe. Туда хочу загрузить страницу с css дизайном. Отдельно эта страница классно отображается, а внури iframe все плохо. что исправить. PS код там маленький) (http://rghost.ru/56887167)

    Asked by JamesPipiskin,

    0 votes
    1 answer

  11. Css В Ie

    Здравствуйте . Не удается установить правильно текст в правой колонке(на желтом фоне) в мозиле и в опере все ок, а в IE текст прилип к низу. вот ссылка : объясните пожалуйста что надо еще прописать в коде для IE ? Спасибо.

    Asked by Lobo,

    0 votes
    8 answers

  12. CSS в маркированном списке (li)

    Приветствую. Прописал в свойствах маркированного списка (li) следующее: .li_gr { width: 190px; display: block; border-color: #cccccc; border-style: solid; background-color: #f0f0f0; border-collapse: collapse; list-style: none; } Получается следующее - Однако , при использовании таблицы (а не списка) получалось так - (на белый фон не обращать внимание). Вопрос - как сделать, чтобы границы у списков (следующих друг за другом) имели тонкую границу и как сделать отступы для текста (пробовал margin и padding, не помогло)? В идеале надо сделать так, как на втором изображении.

    Asked by Romanice,

    0 votes
    9 answers

  13. CSS валидация

    Не могу найти ошибку в валидации, выдает выдает такое http://cs627923.vk.me/v627923236/14d57/uZepzpynQC8.jpg Сайт сделан на респонсив с помощью медиа запросов @media (max-width: 980px){} и @media (max-width: 767px){} и если убрать один из этих запросов то все норм, а так ошибка

    Asked by Dmitrij,

    0 votes
    9 answers

  14. CSS верстка страницы, проблема с центрированием

    Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…

    Asked by Alexey Menshikov,

    0 votes
    2 answers

  15. css верстка, блоки, нужна помощь

    Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.

    Asked by alHaos,

    0 votes
    13 answers

  16. css вертикальное меню

    Здравствуйте! проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает CSS: #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; display:inline-block; z-index:1; } #nav a:link, #nav a:active, #nav a:visited{ outline:none; display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:none; position:relative; width:180px; } #nav ul{ margin-left:10px; margin-top:-10px; position:absolute; width:12em; top:1.5em; dis…

    Asked by erange,

    0 votes
    2 answers

  17. css всплывающее окно с img поверх текущей страницы

    Доброго дня: имеем конструкцию типа: HTML <section id="ph_main" class="ph_main"> <div class="ph_wrapper ph_wrapper_col1"> <div class="ph_scroll"> <ul class="ph_strip"> <li><a style="height: 160px; width: 150px;" href="/IMG/1.jpg" title="Spring1" ><img src="/IMG/icon/1.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/2.jpg" title="Spring2" ><img src="/IMG/icon/2.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/3.jpg" title="Spring3" ><img src="/IMG/icon/3.jpg" /></a></li> <li><a style="height: 160px; widt…

    Asked by Серый_Ветер,

    0 votes
    12 answers

  18. CSS Выбрать элементы следующие за текущим

    Как выбрать выбрать сестринские элементы следующие за текущим, до такого же элемента но без класса т.е. вот кликая на первый tr,чтобы на tr c классом преминилось,а уже на последний нет. <tr> <tr class="lvl-2"> <tr class="lvl-2"><tr>

    Asked by vladimircape,

    0 votes
    2 answers

  19. css выподающее меню

    В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…

    Asked by WonderMNS,

    0 votes
    2 answers

  20. CSS галерея

    CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…

    Asked by Zombier,

    0 votes
    7 answers

  21. css глобальный стиль через класс и позиционирование элемента через id.

    Собстевенно, есть сайт, в нем много страниц на которых содержатся (в разных местах) повторяющиеся элементы (кнопки, формы, чекбоксы, div и т.п.) со стилем заданным (css) через class, а позиционируются на станице эти элементы через id. Правильно ли это? Если нет, то как сделать правильно? Пример: <!DOCTYPE html><html> <head> <title>!DOCTYPE</title> <meta charset="utf-8"> <link href="main.css" rel="stylesheet" media="all"> </head> <body> <div id="id" class="class"> <p>Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования …

    Asked by valdemark,

    0 votes
    3 answers

  22. CSS Горизонтальное меню

    Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans seri…

    Asked by die_frage,

    0 votes
    5 answers

  23. CSS горизонтальное меню картинками

    Идея такая сделать меню , или даже мини меню для сайта ! Но так чтоб меню было полностью из картинок , который выглядят так Конечно хотелось бы чтоб на link серая часть картинки была , на hover зеленая и так далее ! Помогите !

    Asked by darewangog,

    0 votes
    2 answers

  24. CSS градиент в IE

    нужно делать линейный градиент для IE. В css пишу: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff')"; Но он создает градиент сверху вниз. Как делать чтоб он шел слево на право. Можно так?

    Asked by jumancy,

    0 votes
    3 answers

  25. CSS для amazon kindle fire hd браузера и ipad1

    На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение, почему-то когда заходишь по ссылке, начинаешь скролить ,то картинка начинает размазываться. На фото пример http://www.cyberforum.ru/attachments/635905d1453120474(почему-то форум не дает с картинкой здесь сохранить) или попробывать можно с этих двух устройств сюда https://www.icanvas.com/ заходишь в artists Что за баг и как исправить, попробую пока поиграться с positions Это чисто появляется на 2х устройствах. На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение когда пытается пальцем поскролить,когда выбрал artists

    Asked by vladimircape,

    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