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. Наследование от родителя <li>

    День добрый! Есть сайт: http://zvezdnij.ru/test/personspb/index.php Если взгляните на шапку, то там есть меню - при наведении на Чемпионат СПб появляется 2 доп кнопки Как Вы видите они также выделяются и делают отступы, как и все остальные Хотелось бы убрать этот недостаток Заранее спасибо!

    Asked by Select,

    0 votes
    1 answer

  2. Наследование отступов в ul списке

    Всем привет, столкнулся с такой проблемой, не получается выровнять первый и последний элементы по вертикали... Какой бы marign-top у первой и последней "лишки" не стоял они тупо валяются внизу) Если в li поставлять текст, допустим (1,2,3...), то все "лишки" наследуют margin-top первого элемента. Проблема решена, модераторы удалите пожалуйста тему.

    Asked by Neft,

    0 votes
    1 answer

  3. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  4. Наследование свойств border

    <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

    Asked by staff-base,

    0 votes
    2 answers

  5. наследование свойств CSS

    Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно

    Asked by TonKhaO,

    0 votes
    12 answers

  6. наследование свойств css

    Доброго времени суток всем! У меня такой вопрос, возможно его было бы правильнее задать в теме HTML, но все же. Как наследуются свойства тэгов (селекоров) в css? Например у меня такой код html: <html> <head> <title>Any's</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <a href="http://google.ru"> <h1>Моя таблица стилей </h1> </a><br> <h2>Текст 2</h2><br> <h1 class="any">Это ссылка на что то .ру</h1> </body> </html> и если в css прописать для класса any отдельные свойства, отличные от свойств селектора h1, то те св-ва которые н…

    Asked by en5er,

    0 votes
    6 answers

  7. Наследование свойств класса дескрипторами, расположенными вне класса.

    Здравствуйте. В стилях прописано так: ... select, input, textarea, submit {font-size: 13px;} ... #table_small select, input, textarea, submit {font-size: 10px;} В этом случае текст элементов textarea и submit, которые расположены вне id="table_small" присваивается 10 фонт. Если поменять местами строки: ... #table_small select, input, textarea, submit {font-size: 10px;} ... select, input, textarea, submit {font-size: 13px;} все происходит с точностью до наоборот: текст в формах находящихся в <div id="table_small"> ...</div> textarea и submit - 13px. Что интересно, текст в select - ведет себя как и предполагается... Подскажите, как исключить такое "насле…

    Asked by Kapust,

    0 votes
    6 answers

  8. Наследование стилей в таблице

    Хотел сделать рамку таблицы, нашел в стилях 'border: 1px solid gray;' , как можно сделать чтобы вложенные таблицы не наследовали свойство?

    Asked by gm0,

    0 votes
    9 answers

  9. Наследование стилей.

    :/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>

    Asked by Gatanoa,

    0 votes
    5 answers

  10. Наследование стиля дочерними элементами

    Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…

    Asked by svisch,

    0 votes
    4 answers

  11. Наследование фона от другого элемента

    Столкнулся с такой проблемой. Хочу тегу с поиском задать второй фон тега body. Как лучше это сделать? Набросал пока такой код, но, естественно тегу с поиском наследуется первый фон body{ background: url(../images/header_bg.png) repeat-x, url(../images/bg.png); background-color: #f8f5c6; font: 13px Arial, sans-serif; color: #707070;}...<div id="search"></div>...#search{ width: 420px; height: 33px;}

    Asked by fantomic,

    0 votes
    3 answers

  12. Наследование фона таблиц внутри таблиц

    Имеется фоновая картинка листа в теге body. На весь лист создаю таблицу 100%х100%. Фоновая картинка таблицы - прозрачная сетка. Далее размечаю лист, как хочется. Нужно, чтобы при создании новых таблиц внутри основной ее фон не распространялся на них, но фон листа оставался. Пока избавляюсь от сетки, назначая фоновый цвет таблицам. Но при этом фон листа тоже исчезает.

    Asked by pavelkq,

    0 votes
    6 answers

  13. наследовательность тени

    Как установить наследовательность тени в этом примере: http://jsfiddle.net/ViES/VrhxC/ Если фон у блока прозрачный, тень видна, с бэкграундом - нет. можно ли наследовать, или нужно прописывать для каждого класса? И еще вопрос, можно ли пустить тень внутри <tr>

    Asked by ViES,

    0 votes
    3 answers

  14. Наследуется ли align?

    <td colspan="3" align="center"> <table width="99%" class="A"> <tr align="left"> <td> Какой-то текст </td> </tr> <tr> <td> <b>Приложение:</b><br /> </td> В FF текст Приложение центрирован по левому краю, а в Опере - центрирован. Какой браузер поступает правильно?

    Asked by Ashotn,

    0 votes
    1 answer

  15. Наслоение колонок одна на другую в Опере

    День добрый. Подскажите хотя бы в какую сторону копать. Проблема: есть сайт - crimea-media.ru. Всё началось с того, что поставил выравнивание главной колонки по центру, для более правильного отображения на широкоформатных экранах. Изменил в CSS значение float c left на center - #main { float:center; background:urlsidebar_bckg.gif) no-repeat top right #fff; } В результате на широкоформатниках всё стало красиво, а вот на обычных мониторах при разрешении 1280*1024, только в Опере (!), колонки стали наезжать друг на друга. В других браузерах всё нормально. Подскажите в чём может быть проблема? Стиль левой колонки - #text { margin: 0 292px 0 0; background:url(content.gif…

    Asked by demoni2004,

    0 votes
    8 answers

  16. Наставничество

    Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)

    Asked by Igor_Dp,

    0 votes
    3 answers

  17. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32,

    0 votes
    8 answers

  18. Настроить экспорт из MS Access

    Такой вот глупый вопрос, нигде не могу найти ответ. Задача очень странная, не спрашивайте даже зачем мне База в MS Access, можно ли как-то настроить экспорт таблицы из неё в HTML файл, но не просто как Access делает стандартно, а например каждое поле подставить в нужный тег. Или на худой конец пусть просто таблицу вставляет, но в строго отведённое под это место, ваще не понятно можно ли это в принципе сделать, акцэсс впервые установил сегодня) Сделать нужно именно экспортом и только им, без сервака, без программирования. Никак не получается это прогуглить, везде инфа про то как это с привлечением сервера делать, но так и дурак сможет) Ещё раз на всякий случай: …

    Asked by Игорь Ермаков,

    0 votes
    0 answers

  19. Настройка .htaccess

    Привет! Есть проблема.. Есть сраница: http://aforizmoff.net/portal/ нужно правильно настроить .htaccess чтобы: http://aforizmoff.net/portal/author/4/ был http://aforizmoff.net/portal/index.php?act=author&id=4 Сделал так: поместил в папку /portal .htaccess c настройками: RewriteEngine On RewriteRule ^author/([\d]*) index.php?act=author&id=$1 [L] В итоге выводит текст нужный, но не выводит ни стили ни картинки И cсылки которые были формата: "/portal/author/4/" становятся "/portal/author/4/author/4/" Плиз, хелп! Как исправить?

    Asked by Беркут,

    0 votes
    2 answers

  20. Настройка Div-контейнера

    Необходимо создать два контейнера на одной строчке, так что-бы текст в первом был прилеплен к левому краю, во втором к правому, посредствам CSS. Т.е., на HTML, это выглядило бы так: <table width=100%><tr> <td align=left> ... </td> <td align=right> ... </td> </tr></table>

    Asked by Alexey Menshikov,

    0 votes
    2 answers

  21. настройка htacess

    Стоял редирект с lidomed.com.ua на алиас parkes.org.ua в htaccess. Теперь я удалил этот редирект, но в опере и хроме редирект остался. Как это исправить? AddDefaultCharset windows-1251 RewriteEngine on #RewriteCond %{HTTP_HOST} ^www\. #RewriteRule ^(.*)$ http://lidomed.com.ua/$1 [R=301,L] RewriteCond %{THE_REQUEST} /index\.php RewriteRule ^index.php$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /index\.html RewriteRule ^index.html$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /lechenie\.html [OR] RewriteCond %{THE_REQUEST} /contacts\.html [OR] RewriteCond %{THE_REQUEST} /opisanie\.html [OR] RewriteCond %{THE_REQUEST} /diagnostika\.html Rewri…

    Asked by apexis,

    0 votes
    0 answers

  22. Настройка Less

    Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.

    Asked by Spllit,

    0 votes
    0 answers

  23. Настройка sass для инспектора google

    привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…

    Asked by R__,

    0 votes
    7 answers

  24. Настройка Slick-слайдер

    Подскажите пожалуйста, как заменить в слайдере Slick стандартные кнопки навигации на свои кнопки с изображением?

    Asked by eremeevd,

    0 votes
    19 answers

  25. Настройка Web-storm

    Здравствуйте, Господа! Прошу помощи в настройке web-storm. Даже не знаю по каким словам можно искать эту вещь. Дело в том, что иногда, при редактировании CSS-кода, переносишь каретку при помощи мыши в другое место, начинаешь набирать текст, а каретка перескакивает в место последнего редактирования. Иногда это место оказывается в другом конце файла и приходиться опять все пролистать. Дико действует на нервы. Может кто сталкивался?

    Asked by jankovsky,

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