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. Проблема с позиционированием блочных элементов

    Здравствуйте. У меня возникли небольшие проблемы с изображением блоков, помогите плиз. В общем центральную страницу я делю на 3 блока. 1-й блок левый плавающий, 2-й по центру статический, 3-й плавает вправо. В центральном блоке хочу сделать 2 блока, чтобы они делили область пополам. один делаю - плавать влево, второй - вправо. но блоки вытесняют друг друга, если weidth:auto, когда ширина фиксирована, все нормально, но это не вариант, т.к. при маштабировании они могут смотреться просто ужасно(пустое поле между блоками). Помогите примерно как задать чтобы они грамотно рассположились, и каждый из них занял 50% от центральной области. Заранее спасибо. Есть идея конечно размес…

    Asked by vuler,

    0 votes
    4 answers

  2. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  3. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    4 answers

  4. Список выходит за пределы слоя

    Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …

    Asked by skygazer,

    0 votes
    4 answers

  5. Как прижать Right SideBar к низу страницы?

    Всем привет! Подскажите как можно прижать правую колонку к низу страницы, чтобы она была прижата при любом размере левого блока с контентом? HTML-структура такая: <body> <div id="wrapper"> <div id="container"> <div id="left"> <div id="left_header" class="header"> </div> <div id="content"> </div> <!--Сюда планируется добавить футер--> </div> <div id="sb_right"> <div id="right_header" class="header"></div> <div id="sb_right_content"> </div> </div> …

    Asked by F_Z_14,

    0 votes
    4 answers

  6. Большой беграунд

    Обычно старался избегать использования больших изображений в качестве фона для веб-страницы. Но вопрос назрел. А тут мало того, что разрешений мониторов тьма, так еще и различные мобильные девайсы… Кто сталкивался, может поделитесь соображениями из личного опыта? Либо может есть какая-нибудь аналитическая статейка, или фреймворк. Спасибо. ЗЫ: подразумевается no-repeat изображение, вероятнее всего 100% по ширине и высоте

    Asked by abused,

    0 votes
    4 answers

  7. Стилизованный input[text] проблема с div-ами

    Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида: <div class="input_text_box"> <div class="left_wrap"></div> <div class="center_wrap"> <input type="text" name="text" size="20"/> </div> <div class="right_wrap"/></div> </div> CSS к нему: input[type="text"], input[type="password"] { border: 0; background: transparent; height: 27px; padding-left: 7px; color: #666666; } .input_text_box { display: inline-block; } .input_text_box .left_wrap { width: 2px; height: 27px; display: inline-block; backgrou…

    Asked by CrazyPHP,

    0 votes
    4 answers

  8. Проблема с выравниванием

    Я хочу выровнить изображение по центру объекта ниже, а также создать отступ внизу 5px, вот код html: <div class="shapka" align="center"> <img src="http://worldcity.16mb.com/templates/siteground-j16-22/images/had.png"></img> </div> Код css: div .shapka{ height:200px; width:900px; margin-bottom: 5px; text-align: center; } Но получается вот такая картина:

    Asked by skorpion97,

    0 votes
    4 answers

  9. Кратность высоты

    Здравствуйте! Очень нужно, чтобы высота <div>'а была кратна высоте фона, я, можно сказать, новичок, и вот, что у меня получилось(высота фона 36px: <script type="text/javascript" language="javascript"> var h=window.document.getElementById("middle").style.height; var h2 = Math.ceil(h/36)*36; window.document.getElementById("middle").style.height = h2+'px'; </script> -не работает))) Наверное вообще не с той стороны зашел, не подскажете как это можно осуществить?

    Asked by CarolusRex,

    0 votes
    4 answers

  10. Скрипт для панорамы

    Помогите найти скрипт для панорамы. Примерно такой же как на сайте 3dtour.me Или как его написать? Спасибо!

    Asked by SYS1984,

    0 votes
    4 answers

  11. Видео на задний фон

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

    Asked by big_time,

    0 votes
    4 answers

  12. Тег начинается xsl:

    Файл формата HTML начинается <xsl:stylesheet version = '1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'> Подскажите, что это за язык? Посоветуйте учебник, плиз.

    Asked by hike,

    0 votes
    4 answers

  13. Выравнивание фона по окончанию отдельной строки

    Есть абзац, его код: <div style="background-color:red; position:fixed;"> 111111111111<br> 22222 </div> не могу выровнять в нем фон по окончанию каждой строки, на данный момент он выравнивается по окончанию самой длинной строки в абзаце. Подскажите как решить задачу, спасибо.

    Asked by Olegs2,

    0 votes
    4 answers

  14. Выпадающее меню без javascript

    Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…

    Asked by skygazer,

    0 votes
    4 answers

  15. Непонятные пробелы в навигации

    В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.

    Asked by frog163,

    0 votes
    4 answers

  16. Оставить отзыв

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

    Asked by SVitekD,

    0 votes
    4 answers

  17. Изменить цвет scrollbar

    Никак не могу изменить цвет в опере, мозиле и хроме.... На сайте организовано всплывающее окно. В это окно подгружается отдельная страница news.html. В ней я прописал размеры окна, и если в размеры не влазить - выводить скролинг: .scroll-pane { width: 100%; height: 400px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } И так добавив больше двух новостей в файл news.html у меня на главной странице index.html появилосьвсплывающее окно, в котором получился скрол.. Но я хотел бы изменить цвет и стиль скрола... Для этого в файл news.html прописал такой вот стиль.... body { background-color: #fff8dc; scrollbar-3dlight-color: #ffebcd; scroll…

    Asked by myav4ik,

    0 votes
    4 answers

  18. Как сделать отступ?

    Приветствую, помогите пожалуйтса, я только начал учить html, вот и столкнулся с проблемой, хочу сдвинуть таблицу немного вправо, только как я незнаю вот серую таблицу вправо немного, как ее сдвинуть?

    Asked by Mike67,

    0 votes
    4 answers

  19. Пользовательский стиль сайта

    Привет всем, первая тема на форуме, наверное не последняя Помогите пожалуйста прояснить такой вопрос. Я хочу сделать на своем сайте возможность настройки внешнего вида пользователями. Цвет фона там, шрифт и т.д. Примерно как вот тут. Какими средствами можно этого добиться? Могу лишь предположить, что для каждого юзера создается пользовательский css файлик, но как это на деле я не знаю.

    Asked by Sensei,

    0 votes
    4 answers

  20. Изменить размер фонового изображения с помощью CSS?

    Здравствуйте! Назначаю тегам <a> фоновые изображения по background, которые велики для тех слов, что будут над ними. Как с CSS можно сжать размеры фоновых картинок, не уменьшая разрешения исходных картинок в граф. редакторах и не добавляя внутрь <a> тегов <img> c заданными размерами?

    Asked by borus,

    0 votes
    4 answers

  21. Проблемы с позиционированием основного div

    Очень прошу помочь. Фон - цвет, на нем div блок (на котором и располагается вся информация) - это картинка размером 1600х1200px, она находится по центру. При просмотре сайта на меньших разрешениях монитора, картинку, в зависимости от разрешения, начинает обрезать, а приближение ведется к левому верхнему краю самой картинки. Вопрос в том что я хочу чтобы при приближении (или просмотре сайта на маленьком разрешении монитора) картинка бы обрезалась слева и справа (т.е. приближение велось на к краю картинки, а прямо к её центру), т.к. вся информация закреплена по центру этой картинки.Как это сделать? Вот CSS body { background-color:#000; margin:0px; padding:0px} .fon { wid…

    Asked by Hum9k,

    0 votes
    4 answers

  22. Резиновые макеты c psd

    Привет всем!!! Может кто потскажет сайтик где можно скачать рзиновые макеты обезательно с psd. Спасибо всем за ответы!!!

    Asked by garicktry,

    0 votes
    4 answers

  23. Сайт для iPhone

    Здравствуйте! Создаем сайт социальной сети. Как сделать возможность загрузки изображений с iPhone ?

    Asked by Светлана Г.,

    0 votes
    4 answers

  24. Ромбовидное меню.

    Столкнулся с весьма интересной задачей - написать ромбовидное меню. Немножко почитав CSS3 собрал примерно такую штуку. Отлично работает во всех адекватных браузерах, но когда начал это оптимизировать под IE 7-8 возникла проблема. Если быть точнее - то фильтр DXImageTransform.Microsoft.Matrix работать адекватно со свойством overflow:hidden отказался напрочь. Если у кого-нибудь есть идеи как можно побороть данную беду - буду очень признателен. Не хочется из-за explorer'а пересматривать всю концепцию данного меню.

    Asked by gheljenor,

    0 votes
    4 answers

  25. Блок не тянется в высоту

    Здравствуйте! Есть сайт: http://frendlix.ru В правом нижнем углу над футером есть блок, так вот, я поднял его чуть повыше задав ему отрицательный маржин в 100px, и притянув его ближе к шапке сайта, что бы левый и правый блоки отображались на одном уровне. Но вот не задача, притянув этот блок к шапке сайта, снизу (как я и говорил выше) появился этот самый отступ в 100px, то есть сам блок тянется, в зависимости от кол-ва текста на странице, но этот отступ никак убрать не получается. Помогите если есть у кого время) Спасибо!

    Asked by chendger,

    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