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. Как прописать два класса сразу?

    Здравствуйте, у меня такой кусочек <OL class="instructions" class="ol"> <LI>№</LI> <LI>№</LI> <LI>№</LI> <LI>№</LI> </OL> Как прописать два класса в одном? Думаю что так <OL class="instructions ol">№</OL> Но правильно ли это будет?

    Asked by Tezil,

    0 votes
    2 answers

  2. JQuery Cookies

    Пол дня е*усь с этим кодом. Так ничего и не получилось. Никак не могу стили правильно приписать в скрипт. Помогите пожалуйста. :( Меню: <ul id="menu-position" class="container"> <li class="menu"> <ul> <li class="button"><a href="#" class="green">Одежда<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Девочки</a></li> <li><a href="#">Мальчики</a></li> <li><a href="#">Новорожденные</a></li> <li><a href="#">Другое</a></li> </ul></li></ul></li> <li class="menu"&gt…

    Asked by salat,

    0 votes
    2 answers

  3. Выравнивание по центру блока плавающей ширины

    Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…

    Asked by ittsam,

    0 votes
    8 answers

  4. Заголовокпо центру сдвумя линиями по бокам

    Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <h1><span>Some text</span></h1> h1 { display: block; text-align: center; font: 22px/22px Georgia; color: #fff; } h1 span { display: inline-block; } h1 span:before, h1 span:after { content: ""; display: inline-b…

    Asked by 3des,

    0 votes
    4 answers

  5. неработает в opera

    прошу настроить кроссбраузерность неработает в опере http://codepen.io/SaraSoueidan/pen/otGgw и ещё вопрос не по теме наделал тут медиа скажите правильноли? будет работать на других мониторах?

    Asked by radioactive,

    0 votes
    15 answers

  6. Центрирование списка

    Пытаюсь редактить готовый шаблон. Имеется список ссылок в виде маркированного списка: http://jsfiddle.net/The_Immortal/kVxDU/ Необходимо этот список оцентрировать... Я так понимаю, надо центрировать div, в котором содержится ul. Поэтому написал: <div class="usermenu"; align="center"> Но, как видите, результата никакого

    Asked by The_Immortal,

    0 votes
    3 answers

  7. Проблема с закругленными углами

    Доброго времени суток. Пытаюсь по уроку сделать градиент в CSS для изображения. Возникла проблема с закругленными углами. Вот HTML <!DOCTYPE html> <title>Градиенты</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <div class="container"> <img src="http://lorempixel.com/400/300/city"> </div> Вот CSS body { backgrounnd: url(http://subtlepatterns.com/patterns/subtlenet2.png); } .container { width: 400px; height: 300px; float: left; margin: 40px; background: #999; overflow: hidden; cursor: pointer; position: relative; border-radius: 5px; box-shadow: 0 8px 15px rgba(0,0,0,.6); } .contai…

    Asked by Piley,

    0 votes
    2 answers

  8. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  9. Позиционирование блоков !

    Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 1) Как сделать такую конструкцию <div Нижний блок> <div Top>••War3FT 100lvl New Ra...</div> <div Bot> 46.188.18.78:27016</div> </div> ?? Смысл конструкции в том чтобы текст в блоках обырвался если он привышает ширину допустим в 50пкс. Как это сделать ? В моем случае он просто разширяет блок и все.... 2)Как сделать чтобы блок с названием карты и колвом игроков "35hp_2 4 / 32" Находился по верх изображения блока сверху? Я пытался как мог разными способами... но он не как не вставал по верх... только в разные стороны сьезжал вокруг и все. Меня мучают только эти 2…

    Asked by cheatoff-strike,

    0 votes
    1 answer

  10. Div и height

    Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…

    Asked by Flancy,

    0 votes
    8 answers

  11. CSS. Подключение файла из не корневой директории

    Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.

    Asked by Feel,

    0 votes
    3 answers

  12. хаки ксс, что еще не известно

    Привет, не мог бы ты помочь мне, пожалуйста. Меня часто волнует один вопрос про верстку и я даже не знаю где искать, что то находил но так же быстро терял. Я надеюсь ты сможешь прояснить мне мои пустоты. В систематике CSS есть такие хаки, на пример > [type=""] и т.д. Так вот что сейчас интересно, у тебя нету полного списка таких хаков? Все чаще начинаю их использовать, точнее уже повсеместно и кажется что их больше чем я знаю и второй самый интригующий меня вопрос. Есть на пример кнопка <p><input ../></p> на пример делаем эфект при клике input:active {...} как на ксс задать, что при нажатии на инпут параграфу выше задаем свои новый ксс свойства? р…

    Asked by RodgerFox,

    0 votes
    6 answers

  13. Проблема с кроссбраузерностью

    Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …

    Asked by Cooooop,

    0 votes
    1 answer

  14. jsfiddle.net

    Я заметила в комментариях,что многие пользуются порталом jsfiddle.net ,объясните мне пожалуйста! Я хочу поделиться своим вариантом решения задачи в практикуме. Зарегистрировалась,пишу на сайте jsfiddle.net в окне html и/или css свой код,а результат не получается,так как картинка, путь к которой я указываю в коде находится на моем компе,следовательно вместо того,что бы получить блок с рамкой через border-image,например,я получаю просто блок,без рамки,ведь рисунок рамки находится на моём компе. На этот сайт нужно загрузить мой рисунок или как получить результат????

    Asked by eleonore,

    0 votes
    4 answers

  15. Пути для ssi

    Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…

    Asked by mckey72,

    0 votes
    2 answers

  16. Хостинг для варезника

    Ребята, посоветуйте пожалуйста хостинг для вареза на DLE. Бюджет - не более $2-3 в месяц. Интересно услышать все варианты и мнения

    Asked by Torero123,

    0 votes
    0 answers

  17. Оптимизация слайдера под IE

    Всем привет. Есть пример удобного слайдера на чистом CSS3. Но проблема в том что не работает под EI (8-10).. Помогите пожалуйста отремонтировать под EI. Ссылка на пример: http://www.amiro.ru/samples/css3-slider Выложил отдельно чистый пример слайдера: http://webfile.ru/6232900

    Asked by dorex,

    0 votes
    1 answer

  18. помогите с квадратными блоками

    Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg

    Asked by choovak,

    0 votes
    6 answers

  19. Позиционирование DIV

    Ребят, я занимаюсь этим довольно не долго, нужна помощь.. Подскажите пожалуйста как разместить div обьекты так что бы внутри одного располагались еще 4 примерно в таких позициях.

    Asked by ivanovfcz,

    0 votes
    4 answers

  20. Фиксированная шапка и <body> overflow: auto;

    Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка. <div id="bigdiv"> - имеет стили #bigdiv { max-height: 550px; overflow: auto; width: 1024px; } <div id="bigdiv"> <table> <thead> <!-- Шапка должна быть фиксированной --> <tr> <td>Дата </td> <td>Имя пользователя </td> <td>Тип </td> <td>Удалить </td> </tr> </thead> <tbody> <!-- Должен прокручиваться --> <? $ch = mysql_query("SELECT * FROM `client…

    Asked by Tapakan,

    0 votes
    6 answers

  21. помогите сделать структуру

    Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.

    Asked by Pato,

    0 votes
    1 answer

  22. Как правильнее будет использовать <nav>

    Здравствуйте я хотел бы поинтересоваться как в данной ситуации будет правильнее использовать тег <nav>. Вот что мы имеем: В самом темном диве идет список <ul> как видно из картинки в большом диве 3 маленьких, уже в них еще по 2 дива. В верхнем диве просто текст, это даже не ссылка. А вот в темном диве идут ссылки. Вот у меня и возник вопрос. Вместо большого дива сделать <nav>, или 3 дива которые в большом сделать <nav>, или только 3 самые темные дивы сделать <nav>.=D Подскажите как будет лучше.

    Asked by logicface,

    0 votes
    23 answers

  23. Растягивание border по горизонтали

    Рисунок 1 Рисунок 2 Здравствуйте! Нужно растянуть рамку вокруг текста как на рисунке 1. У меня получается как на рисунке 2. Подскажите, как исправить? Использую такой код <span style="border: 1px solid red;"> Ячейка1 </span> <span style="border: 1px solid green"> Ячейка2 </span> <span style="border: 1px solid purple;"> Ячейка3 </span>

    Asked by randy,

    0 votes
    7 answers

  24. Выравнивание div по центру страницы

    Всем привет! Нужно, чтобы сайт отображался по центру окна, для этого у мня есть контейнер class="container" Поиск по форуму дает такой ответ Fatal error: Call to undefined method IPSText::monthNameRu2En() in /home/psywalke/public_html/forum.htmlbook.ru/admin/applications/core/modules_public/search/search.php on line 254. Так же на самом сайте есть статья Слой по центру web-страницы Этого недостаточно. В вышеизложенной статье откуда-то берутся отступы слева и сверху.. Не понятен алгоритм их расчета. Я думал, что есть простое решения, типа valign: center Спасибо.

    Asked by samulet,

    0 votes
    3 answers

  25. Проблема с ф-цией preg_match

    preg_match ищет в строке совпадение с заданным шаблоном. Но в моём случае почему то не находит ничего. Вот код: $badWord = array("мыло", "почт", "майл", "mail", "@", "yandex", "ICQ", "аська", "контакт", ".ru", ".ру", ".com", ".ком", "телефон", "8-9", "+7", "+3", "7-9", "точка", "тчк"); $regex = "/".implode("|", $badWord)."/i"; if(preg_match($regex, $text)) return true; else return false; Подскажите пож-та в чём может быть проблема?

    Asked by mrak,

    0 votes
    1 answer

  • Обсуждения

    • 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