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. bootstrap.css что за * ?

    В файле bootstrap.css перед некоторыми свойствами стоят звездочки, для чего они? audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } итд...

    Asked by uuu,

    0 votes
    3 answers

  2. отображение кода страницы в textarea

    Такая проблема: Я редактирую html страницу с помощью textarea.Но каждый раз нужно вставлять в неё html и отправлять этот код. Как сделать так, чтобы html код редактируемой страницы отображался в textarea.

    Asked by Kot_Taguhskin,

    0 votes
    2 answers

  3. Помогите советом по верстке!

    Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?

    Asked by ViViV,

    0 votes
    3 answers

  4. Проблема с адаптацией

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

    Asked by Bitaller,

    0 votes
    1 answer

  5. Блок не хочет обтекать

    Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?

    Asked by ВикторТрошка,

    0 votes
    5 answers

  6. Автоматическое удлинение textarea

    Как сделать автоматическое удлинение текстового поля в высоту, как в ВК или Facebook?

    Asked by iKNG,

    0 votes
    0 answers

  7. помогите с анимацией

    вот результат моих мучений http://s018.radikal.ru/i505/1301/d5/cfe1a43272b4.jpg проблема вот в чем; при нажатии мышью на поле страницы, нужно чтоб менюха заезжала вверх а плеер с синей кнопкой вниз и при этом нижние боковые плашки должны опускаться на столько какова высота собственно плеера с кнопкой. а при нажатии еще раз, все ставало на свои месте. Суть в том, что плашки абсолютно спозиционированы. щас код прикреплю <body> <section class="wrap"> <header class="nav_head"> <nav class="top_nav"> <a href="index.html">АЛЬБОМ</a> <a href="index2.html">ФОТО</a> <a class="acti…

    Asked by vladmih,

    0 votes
    4 answers

  8. Bootstrap и шапка фиксированной ширины

    Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!

    Asked by Nule,

    0 votes
    2 answers

  9. CSS меню ! ! !

    Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </n…

    Asked by morgusha,

    0 votes
    2 answers

  10. Вопрос по работе с шаблону

    Здравствуйте. Знаю что полез сразу не туда, но решил начать с задач по сложнее, что бы быстро научиться грамотно верстать. В общем проблема такая: Хочу адаптировать под себя шаблон. Так что бы было совсем ясно о чем я говорю шаблон можно скачать ТУТ. Несколько вопросов. 1-Как адаптировать шаблон под Русский язык? Сколько кодировку и как не меняй (вручную или кодом) все равно русский язык не воспринимается. 2-Как в пунктах меню (в любом кроме Галереи, убрать разделение на 2 части (вертикальное разделение 3-Как на место текста (сверху слева) поместить картинку??? Заранее большое при большое спасибо. Если что могу заплатить, но немного((( Просто очень хочется понять и сдела…

    Asked by vl.zemtsov,

    0 votes
    2 answers

  11. Увеличение картинки при наводе

    Здравствуйте. Нужно сделать, чтобы при наводе на изображение, оно увеличивалось, при том не дввигая остальной контент, а становясь поверх него. Возможно ли это только средствами CSS?

    Asked by iKNG,

    0 votes
    5 answers

  12. Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

    Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…

    Asked by Select,

    0 votes
    2 answers

  13. Вложенные медиа-запросы

    Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.

    Asked by Rock,

    0 votes
    2 answers

  14. Проблема с DIV в IE 6.0

    Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!

    Asked by Talker,

    0 votes
    2 answers

  15. Как сделать такое меню

    http://s019.radikal....da1a56a583b.jpg Как сделать такое меню? Сложность моя заключается в том, что при добавлении нового пункта меню, или наоборот удаления - те полоски, что по бокам должны все время быть рядом с меню так же как и на фото. То есть они должны быть как-бы приклеены к меню. Вот адрес: http://www.zhitlegko.myjino.ru/ (кстати почему там не действует border:collapse?) Или так: http://jsfiddle.net/QdkSU/

    Asked by Imperil,

    0 votes
    5 answers

  16. iframe

    Можно ли как-то задать выравнивание по центру для блока видео с youtube, например, для этого: <iframe width="420" height="315" src="http://www.youtube.com/embed/JhAxaDmiuvM?rel=0" frameborder="0" allowfullscreen></iframe>

    Asked by fowl,

    0 votes
    2 answers

  17. Пропала буква к IE9

    Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html

    Asked by prowoke,

    0 votes
    1 answer

  18. Какие есть идеи? - верстка слайдера

    Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…

    Asked by xSPiRiTx,

    0 votes
    6 answers

  19. Блок с линиями

    Подскажите, как реализовать такой пример на css. Чтобы размер блока с текстом менялся в зависимости от ширины текста, т.е был динамичным. И главное: чтобы работало в ie7 Спасибо

    Asked by satantx,

    0 votes
    3 answers

  20. Помогите, проблема с вертикальным меню

    Добрый день, вот адрес сайта www.rada.shepetivka.net, внизу слева есть небольшое выпадающее меню - Информация, проблема в том, что выпадающие пункты прячутся за контент, подскажите что и где нужно поменять, чтобы устранить проблему. Думаю, что нужно менять z-index, но где ???

    Asked by krian,

    0 votes
    2 answers

  21. Раскрывающийся по клику список

    Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?

    Asked by Владимир Н,

    0 votes
    6 answers

  22. Помогите сверстать

    Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)

    Asked by nickostyle,

    0 votes
    3 answers

  23. помогите с прозрачностью

    Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…

    Asked by vladmih,

    0 votes
    2 answers

  24. LESS, SASS, SCSS

    Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?

    Asked by miloslovesky,

    0 votes
    6 answers

  25. div пристыкованный к низу родительского div'a

    Мне нужно, что бы div всегда был прижат к ниху родителя. Погуглил - пишут, что надо родителю дать position: relaive; а вложенному - position: absolute; Но, я так понимаю, что это сработает, только если у родителя явно через css задана высота.. В моем же случае высота явно не задается.

    Asked by Ichigeki,

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