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. IE padding в input не учитываеться

    Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?

    Asked by Viper,

    0 votes
    3 answers

  2. Непонятный отступ у элемента li

    Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

    Asked by aaron,

    0 votes
    15 answers

  3. Помогите сделать чувствительный (responsive) div container

    Нужно чтобы аккордеон был всегда в одном месте (под локтем на скриншотах) и оставался там же, когда сжимаешь окно браузера. http://i.imgur.com/OM9vMQm.jpg http://i.imgur.com/ZB5FD3T.jpg (надеюсь понятно проиллюстрировал свою мысль) Кто-нибудь может помочь написать код CSS для этого? Буду очень признателен за помощь! http://podstrigis.com/%D0%BF%D1%80%D0%B0%D0%B9%D1%81-%D0%BB%D0%B8%D1%81%D1%82/

    Asked by msk1,

    0 votes
    1 answer

  4. Генерация рандомного значения на Javascript

    Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

    Asked by Самая сладкая,

    0 votes
    20 answers

  5. Как быть? (div)

    На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?

    Asked by homyone,

    0 votes
    11 answers

  6. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi,

    0 votes
    2 answers

  7. скрыть часть контента при разрешении, допустим меньше 640*480

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

    Asked by barracuda116,

    0 votes
    4 answers

  8. worpdress как сделать такую строку? (читать далее и т.п) фото внизу

    Asked by hatabush,

    0 votes
    3 answers

  9. Как расширить тему по бокам

    Всем привет не могу расширить тему по бокам. Сама тема називаеться Greyzed вот сайтВ style.css заменял коды не чего не получается ! пожалуйста помогите !

    Asked by hatabush,

    0 votes
    1 answer

  10. Пожалуйста, помогите с меню

    Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(

    Asked by sashakee,

    0 votes
    3 answers

  11. Блок по центру и масштаб

    Здравствуйте, товарищи ! Столкнулся с такой вот проблемой: когда height не влезает, то делается нежелательный отступ (по-сути сдвиг: с права на лево). Вот html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function load() { $.ajax({ url: "/text.txt", cache: false, success: function(xml){ $("#m").html(xml).show(); setTimeout("$('#m').html('Python (англ. python — питон, произноситс…

    Asked by Selector,

    0 votes
    1 answer

  12. Использование атрибута type у тега <link> в HTML5

    Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.

    Asked by Ultran,

    0 votes
    5 answers

  13. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500,

    0 votes
    8 answers

  14. Резиновое горизонтальное меню

    Есть горизонтальное меню: <div id="hor_menu"> <ul> <li><a href="#"><span>Статьи</span></a></li> <li><a href="#"><span>Контакты</span></a></li> <li><a href="#"><span>О компании</span></a></li> <li><a href="#"><span>Портфолио</span></a></li> <li><a href="#"><span>Услуги</span></a></li> <li class="active"><a href="#"><span>Главная</span></a></li> </ul> </div> Див резиновый. Как растянуть пункты меню…

    Asked by Zernike,

    0 votes
    22 answers

  15. простая форма отправки с файлом

    Здравствуйте, уважаемые форумчане! Собственно после прикрепления файла *.zip (до 2х мегабайт) и заполнения формы, мне приходит на почту пустой архив размером 0 байт. в чем проблема? <!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=windows-1251" /></head> <body> <?php // Если кнопка submit не была нажата, то выводим форму $submit = $_POST['submit']; if( !$submit ) { ?> <form ENCTYPE="multipart/form-data" name="form1" method="post" action="<?ph…

    Asked by jazzic,

    0 votes
    0 answers

  16. 3 колонки поломались в safari

    помогите пожалуйста поправить вёрстку страница в большинстве браузеров отображается так. но в win safari 5.1.7 - так

    Asked by cyklop77,

    0 votes
    1 answer

  17. Верстка элемента

    помогите сверстать правильно этот элемент

    Asked by volkod,

    0 votes
    7 answers

  18. html страница для продажи

    Здравствуйте! Чтобы понять о чем я говорю для наглядности откройте файл (html) Я сделал простой калькулятор (а точнее переделал) для продажи некоторых продуктов. Немного ранее у меня присутсвовал простой селектер: 1 шт = 10$, 2 шт = 20$ и т.д., и все работало идеально Сейчас же я добавил еще один селектер и четбокс, т.е. должно получиться: селектер №1 / 1 шт = 10$ селектер №2 / 1 шт = 15$ четбокс №3 / 10$ итог нужно вывести к оплате (на ликпей через интеркассу, но там очень все просто): 35$ Сам калькулятор получился, но мне нужно вывести общую сумму к оплате с именем /name="ik_payment_amount"/ и параметром value (итоговой суммой) Подскажите пожалуйста ламеру, как это сде…

    Asked by jazzic,

    0 votes
    5 answers

  19. Горизонтальное резиновое меню.

    Использую display:table; и display:table-cell. Подскажите,пожалуйста,что делать,если в некоторых пунктах меню два слова,а в некоторых одно??"Двухсловесные" пункты при изменении размеров браузера скачут очень не красиво. При разрешении от 1024 и больше все хорошо:http://s41.radikal.r...19dc3cb1c98.jpg Когда сужается меньше 1024px происходит следующее: http://s018.radikal....f2c078a8d48.jpg Задала white-space:nowrap для li, помогло,слова перестали уходить друг под друга. Но теперь при сужении окна появляется огромная полоса прокрутки: http://s017.radikal....8b2ac1a4496.jpg Как сделать так,чтобы меню плавно сужалось и расширялось в зависимости от разрешения?? html: <nav&…

    Asked by eleonore,

    0 votes
    5 answers

  20. Абсолютное позиционирование элемента относительно родителя

    Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура: <div class="numberandbuttons"> <div class="number"> </div> <div class="lefrsqr"> </div> <div class="rightsqr"> </div> </div> lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки. Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То…

    Asked by Daiver,

    0 votes
    9 answers

  21. Резиновая верска

    Доброго времени суток ув. форумчане. Возникла следующая проблема. Делаю резиновую верстку. Но в шапке сайта блоки залазят друг на друга. Есть .Логотип+фон и есть фоновая картинка шапки. При изменении размера страницы фоновая картинка вместо того что бы сужаться, просто заезжает под блок с логотипом. Причем блок с логотипом должен быть фиксированого размера. Вот код .head { /*шапка*/ width:100%; height:280px; min-width:900px; display:block; background:url(../img/bg.jpg) no-repeat right; border-bottom:4px solid #d5d3d3; } .head_logo{/*фон логотипа*/ position: absolute; z-index:1; } .logo{ /*логотип*/ z-index:3; position: absolute; margin:107px 21px; width:210px; height:77…

    Asked by Valentinka.solar,

    0 votes
    7 answers

  22. box-shadow в CSS3

    Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.

    Asked by Delat,

    0 votes
    3 answers

  23. выровнять изображение в блоке

    Подскажите,почему у меня картинка в нижнем блоке съезжает вниз?Вот код: <section class="recent_news"> <article> <img src="images/05.png" alt="pic" class="pic"> <div class="text"> <time>05.12.11</time> <p><a href="#">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</a></p> </div> </article> <article> <img src="imag…

    Asked by eleonore,

    0 votes
    4 answers

  24. Ищу наставника

    не стал открывать доп. темы, что бы не захламлять форум Тоже в поиске такого человека Есть желание(и это главное!) Базовых знаний как таковых толком не учил(все на практике ) Еще в 12 лет пытался разобраться в этом интересном деле, но в силу своего незнания многих слов, не мог разобраться и забил... Сейчас мне 20, начал 2 дня назад восстанавливать оставшиеся в памяти знания сегодня нарисую простенький дизайн и попробую сверстать(хорошо хоть идея есть не сложная) писать можно тут в пм или в скайп: woss2010 Всем добра!

    Asked by NewbornGod,

    0 votes
    2 answers

  25. Графическая рамка вокруг меню

    Здравствуйте. Подскажите как сверстать графическую рамку вокруг блоков? Я нашёл уже инструкции по параметру border-image, но там задаётся только толщина рамки и один URL, а мне нужно несколько. Т.е. чтобы я мог каждый угол отдельной картинкой прорисовать. В итоге хочу получить такое оформление для своего меню как на картинке ниже. Я сам фотошопер, поэтому нарисовать не проблема. А вот как вставить не пойму. Сайт на joomla 2.5. Я в коде вообще новичок и делаю всё методом тыка. Буду благодарен если подскажите как. Мне то одну сделать, а дальше уже по схеме и остальные блоки сверстаю.

    Asked by Akkianu,

    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