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. Padding для FF(Mozilla)

    Суть вопроса такова есть ли специальный псевдо-селектор или спец селектор который может дать паддинги только в мазила? <form> <div> <label>Email user:</label><input type="text"> </div> <div> <label>Password:</label><input type="password"> </div> <div> <input type="checkbox"><label>Remember me</label> </div> </form> checkbox и label выравниваю в CSS3, но в safari, chrome Нормально все показывает, а в Opera и FireFox. Как можно придать паддинг дополнительно в Opera и FF

    Asked by akutinrom,

    0 votes
    1 answer

  2. Нулевая высота у body

    пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со …

    Asked by skvor,

    0 votes
    3 answers

  3. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen,

    0 votes
    1 answer

  4. Проблема с div

    Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

    Asked by emtecif,

    0 votes
    3 answers

  5. Что быстрее css3 или картинки ?

    Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...

    Asked by gradus,

    0 votes
    4 answers

  6. Снять галочку по умолчанию с checkbox

    Есть у меня на форме один чекбокс. Как можно сделать, чтобы при загрузке страницы он не был отмечен галочкой? Яваскрипт не предлагать...

    Asked by milax,

    0 votes
    10 answers

  7. Не получается применить пользовательский css даже c important

    Привет, ребят есть cms wordpress там свои шаблоны и css, я в сайт встроил свой скрипт на котором есть картинки в строках таблицы <table cellpadding="5" cellspacing="0" border="0"> расположенные друг над другом. Мне нужно сделать расстояние между этими картинками, НО cellpadding="5" не применяется. Все перебивает css самого wordpress а именно: media="all" * { padding: 0;} Если его отключать то cellpadding="5" хорошо применяется так как нужно, но отключение media="all" влияет на весь движок, как можно принудительно применить <table cellpadding="5" cellspacing="0" border="0"> ??? Спасибо!

    Asked by djforce,

    0 votes
    2 answers

  8. Тянущийся бэкграунд для элементво списка

    Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li&g…

    Asked by 9EVIL,

    0 votes
    5 answers

  9. Задача

    что может значить вопрос : itransition32? это задача по программированию

    Asked by olechic,

    0 votes
    3 answers

  10. Верстка и масштабирование / зум браузера

    Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями

    Asked by milkeyway,

    0 votes
    5 answers

  11. Как такое делается

    В Livejournal есть блок перехода по страницам, типа 1 2 3 4 5 6 когда много комментариев к посту такой синий, так вот как сделать такой же с треугольничком вверху, Как делается такая вещь? ___________/\___________ / \ | 1 2 3 4 5 6 7 | \________________________/ У меня получилось только img с absolute позиционированием, но это грубо.

    Asked by vladimircape,

    0 votes
    3 answers

  12. Выставить блоки по ширине

    Как выставить n'ое количество блоков таким образом, чтобы они растянулись по всей ширине красного блока, но между ними были отступы?

    Asked by chocolate_moles,

    0 votes
    6 answers

  13. Плавающий div не растягивает родительский.

    <html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…

    Asked by skvor,

    0 votes
    7 answers

  14. Помогите создать спойлер

    Помогите пожалуйста создать спойлер через классы (ИД не подходит). Проблема 1. Необходимо скрыть под спойлер текст находящийся в классе "quote" <div class="quote">основной текст спойлера</div> Я могу изменить сам класс, но НЕ могу дописать ИД в див: <div class="quote" id="123">основной текст спойлера</div> точнее не не могу, а не хочу дописывать потому что сайт на движке ДЛЕ и новостей 2500 Проблема 2. Спойлер должен открываться нажатием на картинку, причем у картинки есть и своя ссылка: <a href="http://site.com" target="_blank"><img src="image1.png"></a> в результате site.com должен открыться в новом окне, а на старом окне раз…

    Asked by alleclf,

    0 votes
    5 answers

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

    Когда делаю сайт на локальном сервере, то если ставлю начальный слэш в путях к файлам в тегах html, например, <link rel="stylesheet" href="/engine/mark.css" />, то файлы не находятся (в данном примере не работают стили), а вот если слэш убрать, то всё работает. Проблема в том, что на хостинге настроено по-другому и там как раз начальные слэши нужны. Как настроить локальный сервер, чобы он работал так же? Юзаю easyphp.

    Asked by MrPostman,

    0 votes
    3 answers

  16. div растянуть на высоту ячейки таблицы

    Вобщем в каждой ячейке таблицы лежит по div(в некоторых может лежать два). Никак не получается растянуть div по высоте во всю ячейку. есть только вот так: div имеет красный фон для наглядности height: 100% не дает нужного эфекта

    Asked by bodnar,

    0 votes
    17 answers

  17. Как разместить один блок под другим

    что нужно написать в css. чтобы блок 2 распологался под блоком 0?, а 1 под 2? на всякий случай уточняю, что блок1 и блок2 генерируются пхп скриптом различных размеров. дело в том, что нужно чтобы при нажатии на одну кнопку пхп выводит блок1, а потом после заполнения блока1 и нажатия на вторую кнопку создается блок2. но проблема в том, что после нажатия на кнопку 2, окно автоматически переводится на начало к блоку0. вот я хочу сделать так, чтоб при нажатии на кнопку 2. окно попрежнему переводилось к блоку0, но при этом там ниже был не блок1, а блок2, а блок1, под вторым.. <!DOCTYPE html> <html> <HEAD> <style type="text/css"> #zero{ border: 1px sol…

    Asked by nikki4,

    0 votes
    3 answers

  18. Передача переменных между формами

    Есть 3 <form> в них 3 <select> (В каждой форме по одному)... Назовем их x1,x2,x3... В каждом <select> своя табличка данных... В каждой <form> есть кнопка выбрать элемент... по отдельности все три переменные устанавливаются (в них оказывается ID выбранного элемента от <select>...) Для работы 4-ой формы нужно знать, что выбрано во всех трех предыдущих... Как это делается по средством php? У меня при установке x2, x1 и x3 сбрасываются в 0... Вот пример одной формы: <? echo '<form action="?act=show" method="post">'; echo '<select multiple name="x1" size="11">'; $sql = 'select * from _x1'; $r=mysql_query($sql) or die; while ($d=…

    Asked by Renegade,

    0 votes
    13 answers

  19. Здравствуйте у меня не получается поменять на сайте ширину и высоту внутр. окошка

    Сайт статич. и в нем есть окошко с внутренней прокруткой. Хотел поменять размер окна так как оно очень маленькое, менял цифры методом тыка но ничего не вышло. Сейчас покажу кусок скелета окошка: <link rel=stylesheet type="text/css" href="/base/iemain.css"> <!<endif>--><body id="about" oncopy="return false"><div id="cboxOverlay" style="display: none; "></div><div style="padding-bottom: 42px; padding-right: 42px; display: none; " id="colorbox" class=""><div id="cboxWrapper" style=""><div style=""><div id="cboxTopLeft" style="float: left; "></div><div id="cboxTopCenter" style="float: left; "></div…

    Asked by rafisalizm,

    0 votes
    2 answers

  20. В Opera едет верстка

    http://195.222.84.234/ Там, конечно, костыль на костыле, но может кто-нибудь может подсказать, где та ошибка из-за который в опере все плывет?

    Asked by Sevkov,

    0 votes
    2 answers

  21. Проблема с кнопкой в Chrome

    Форма отображается нормально везде, но в Хроме элемент button смещается вниз. http://boom-x.su/ (вверху справа поиск)

    Asked by samoa,

    0 votes
    2 answers

  22. Проблема с версткой

    Всем здравствуйте!У меня есть окно, в нем картинка. Нежно чтобы при изменении окна менялся размер картинки. При пропорциональном увеличении работает, а если сделать высоту намного меньше чем ширину то вылазит за рамки. Работать должно только в ie от 7. Всем заранее спасибо) Вот код: CSS * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } .parent { border: 1px solid #4080FF; b…

    Asked by assd18,

    0 votes
    0 answers

  23. Ищу человека который поможет познать севреты верстки

    Я начинающий верстальщик. ищу человека который бы помог решит некоторые проблемы и подсказать орешения проблем, а таке ответить на любой вопрос по верстке внятно.. Мой Skype:eugen311293

    Asked by Evgen311293,

    0 votes
    1 answer

  24. Вертикальное выравнивание текста в div'е

    Возникла проблема при расположении текста внутри блока с картинкой. Вот пример в песочнице. Задача - добиться вертикального выравнивания текста по центру картинки. Причем нужно нормальное решение, которое не зависит от количества текста. В интернете в основном предлагают установить следующий стиль для div'а: wrap{ display: table-cell; }; Тогда можно будет просто сделать vertical-align: middle и текст будет по центру. Но данное решение мне не подходит, потому что несколько таких элементов последовательно будут отображаться как ячейки в таблице, а мне нужно расположить их друг под другом. Есть какое-нибудь другое решение данной проблемы? Или может применить table-cell и обе…

    Asked by LMnet,

    0 votes
    8 answers

  25. Выделение рисунка при наведении мыши

    Есть карта мира (предоставленная клиентом). Есть области, которые нужно выделить. При наведении на них мышкой они должны выделятся границей местности. Как сделать, чтобы они выделялись именно под указателем мышки. Сайт на joomla 1.5

    Asked by victorz,

    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