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. Верстка элемента

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

    Asked by volkod,

    0 votes
    7 answers

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

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

    Asked by cyklop77,

    0 votes
    1 answer

  3. 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

  4. Сложная реализация по ширине макета

    Здравствуйте, уважаемые знатоки верстки. У меня вопрос такой: как можно реализовать шаблон с фиксированной шириной, чтобы при увеличении масштаба элементы на странице (div-ы) у которых задана ширина, не выходили за окно монитора - без нижней полосы прокрутки. Вот пример реализации http://digital.redsign.ru/, ширина задана фиксированная 1120px, но мастабируется без проблем, а также левые баннеры скрываются, для более удобного просмотра. Если кто знает, прошу помочь. Также требуется опытный верстальщик для удаленной работы.

    Asked by weber100,

    0 votes
    1 answer

  5. позиционирование

    Добрый день! Нужна помощь! Помогите разобратся с позиционированием. есть 3 блока и css к ним: <div class="header"> </div> <div class="bar"> </div> <div class="slider"> </div> div.bar { background-image: url(images/bar.png); height: 50px; width: 1000px; margin: auto; margin-top: -25px; position: absolute; } div.header { background-image: url(images/fon.png); height: 151px; width: 1200px; margin: auto; } div.slider { background-image: url(images/slider.png); height: 300px; width: 1200px; margin: auto; } Блок BAR встает к левому краю страницы хотя задан для него margin: auto; Если отключить position: absolute; то он встает по центру, но …

    Asked by wert-one,

    0 votes
    1 answer

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

    Здравствуйте, товарищи ! Столкнулся с такой вот проблемой: когда 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

  7. Использование атрибута 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

  8. Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…

    Asked by Mirovich,

    0 votes
    2 answers

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

    Подскажите,почему у меня картинка в нижнем блоке съезжает вниз?Вот код: <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

  10. Inline-block не могу убрать отступы

    Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.

    Asked by Zverushka,

    0 votes
    2 answers

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

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

    Asked by hatabush,

    0 votes
    1 answer

  12. Ребят, помогите, пожалуйста, с версткой.

    Проблема следующего характера: блок с контактами, карта и форма должны быть отдельными блоками, то есть, сначала идут контакты, справа от контактов идет карта, и под контактами находится форма. Помогите, пожалуйста, найти ошибку в коду, т.к. форма после всех манипуляций находится явно не насвоем месте (по фаербагу она залазит на контакты, да и так это видно). Привожу пример кода: <article class = "content" role = "main"> <div class="container"> <div class="sidebar"> <ul class="sidebar_list"> <li class="sidebar_item"><a href="#">Главная страница</a></li> <li class="si…

    Asked by Stranger,

    0 votes
    2 answers

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

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

    Asked by Akkianu,

    0 votes
    4 answers

  14. Не работает выпадающее меню на CSS в IE8

    Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …

    Asked by qtk,

    0 votes
    2 answers

  15. Помогите реализовать новсть

    Помогите реализовать... И если картинки нету, чтоб сдвиг был в лево был.

    Asked by Perm59,

    0 votes
    2 answers

  16. Прибить элемент справо при фиксе.

    Привет! В очередном заказе столкнулся с задачкой, которую не смог решить должным образом, пока сделал по-другому, решил узнать у Вас, реально решить задачу средствами разметки и стилей, не привлекая js? Суть видна на картинке: Классический интернет магазин, фиксированый макета, 1000px, шапка, меню, контент, футер, ничего не обычного, НО в контентой части есть 4 превью товара, а ссылку на "Все предложения" дизайнер засунул напротив блока за его пределами, да еще и нужно прибить к краю браузера, т.е. при растяжке сайта он удаляется от нашего блока, при сужение наезжает, при этом он реагирует на скролл, ездит четко напротив блока(position:fixed следовательно отпадает), так …

    Asked by Spamol,

    0 votes
    9 answers

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

    Имеется некая таблица с величиной ячеек 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

  18. Два дива на той же позиции

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

    Asked by Saykus,

    0 votes
    1 answer

  19. вертикально опустить

    помогите пожалуйста на страничке кроссбраузерно до ie8 прижать надписи к низу блока .must_read li

    Asked by cyklop77,

    0 votes
    5 answers

  20. Загрузка "резиновой" картинки

    Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…

    Asked by type,

    0 votes
    3 answers

  21. Съедается часть кода при отображении на странице

    Здравствуйте! У меня такой вопрос: Когда я добавляю не просто текст, а код на С++ то после добавления часть кода съедается. Чтобы было понятно вот ссылка:http://torrent.uweek.ru/ там можно всё посмотреть. Как сделать так, чтобы код не съедался? p.s. я уже задавал этот вопрос в другой своей теме (вот она: http://forum.htmlbook.ru/index.php?showtopic=44469 ), но т.к. там другой title, я подумал что целесообразно создать отдельную тему, чтобы больше людей увидело. p.p.s ветка форума вроде подходит)

    Asked by The Norb,

    0 votes
    5 answers

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

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

    Asked by NewbornGod,

    0 votes
    2 answers

  23. Ищу веб-мастера в наставники

    Доброго времени суток! Я представляю собой сопливого новичка в верстке. Тем не менее пытаюсь уделять этому интересному занятию достаточно времени. Имею базовые знания HTML, CSS. Ищу себе в наставники опытного веб-мастера, который бы указал мне путь к свету. Иначе говоря, подсказал что почитать, давал задания, проверял задания, а также, самое главное, наставлял мудрым советом.

    Asked by Jar,

    0 votes
    26 answers

  24. Локальное хранение данных.

    Здравствуйте. Подскажите пожалуйста как реализуется локальное хранение данных, желательно на примере, если кто-нибудь делал или где-нибудь сталкивался. В моём случае текста. Хочу чтобы пользователь хранил локально "заметки для себя" и "расписания уроков", не дергал лишний раз сервер и не раздувал базу данных(вообще не создавать бы её).

    Asked by Mirovich,

    0 votes
    3 answers

  25. Как зафиксировать картинку

    Всем джамбо друзья. Такая проблема. хочу сделать на сайте меню картинками (ссылкам), но эти картинки при изменении размеров браузера ползают туда сюда..Дак вот как бы их так зафиксировать. Заранее спасибо.

    Asked by CatInTheBread,

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