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. active/link

    Обьясните пожалуйста почему не работает вот такой код Хочу прозрачные вкладки, когда не активные... <!DOCTYPE html> <html> <head> <link type="text/javascript" href="js/iframes.js"> <link rel="stylesheet" type="text/css" href="css/style.css"/> <meta charset="utf-8"/> <meta name="description" content=""> <meta name="author" content=""> <title>land47</title> </head> <body> <style> .tabs nav ul il { cursor: pointer; margin-right: -4px; border-radius: 0 0 15px 15px ; padding: 7px; background-color: #9e00bb ; } .tabs nav ul il:active,.tabs nav ul il:hover{ opacity: 1; } .tabs nav ul il:link,.tabs …

    Asked by Resation,

    0 votes
    2 answers

  2. Помогите исправить

    Добрый день всем.Помогите подправить. Сейчас так. http://worldwideshop.ru/podpiskatest/ А нужно так /* Theme Name: WP Theme URI: www.webografica.com Description: Author: Mykola Stetsyshyn www.webografica.com Version: 0.1 */ @import url("reset.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/reset.css*/); @import url("review.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/review.css*/); @import url("buy_buttons.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/buy_buttons.css*/); @import url("bullets.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/bullets.css*/); @import url("bonus.css"/*tpa=h…

    Asked by cannibalua,

    0 votes
    1 answer

  3. Как убрать пробелы и отступы?

    Картинка разъехалась как её собрать?

    Asked by lev99,

    0 votes
    5 answers

  4. Есть ли такая программа?

    Допустим я в написал элементы, которые не использую. Есть ли какая-то программа, которая может отыскать те элементы, которые у меня не используются? Интересно так же что-то подобное и для PHP, JS.

    Asked by GuitarFan,

    0 votes
    1 answer

  5. Резиновость шаблона

    Здравствуйте. Нужна ваша помощь, либо советы как сделать резиновый шаблон. пробовал width px переводить в %, но что то нечего не выходит. Воспользовался поиском здесь на форуме - но там проблемы чучуть другого плана. "Резиной впервые занимаюсь", не когда не приходилось ещё. Когда увеличиваю масштаб, то верхнее меню соскакивает со своего места и лезит в сторону. Joomla 2.5 Вот собственно сайт http://borzak.com.ua/ У меня размер монитора 1920х1080, скрин сделанный сейчас - http://images.bcm.ne...67206923570.png Буду очень признателен. Я здесь у вас новичёк, буду адаптироватся и помогать остальным. Вот с резиной не приходилось просто работать. Заранее благодарю. Кто сможет п…

    Asked by explo1d,

    0 votes
    8 answers

  6. Реально ли сделать такой блок тянучкой?

    Реально ли сделать такой блок тянучкой? Вообщет проблема вот в чем: По идее синий узорчатый фон ставим под низ и сверху ставим рамку с прозрачностью, НО: нужна прозрачность и по углам, чтобы просвечивал внешний фон, но если я там ставлю прозрачность, то там вылезет синий фон. А если делать кусочно - левая часть, центр, правая, то синий фон не состыкуется.

    Asked by Vlad2002,

    0 votes
    3 answers

  7. Управлять псевдоэлементом при ховере родителя

    Есть большой элемент, скажем с классом "ololo". У него есть маленький псевдоэлемент. Нужно управлять стилями псевдоэлемента при ховере элемента "ololo". Т.е. имеем: .ololo { some styles } ololo::after { some another styles } Нужно что-то типа такого: .ololo:hover ::after { .... } Но этот вариант селектора не рабочий. Каким должен быть селектор? Или с использованием псевдоэлемента это не возможно?

    Asked by Evkaky,

    0 votes
    2 answers

  8. резиновый блок с отступами

    вот примерчик набросал http://jsbin.com/upizuf/2/edit Не могу разобраться( скролл появляется тогда когда доходит до правого бордера хедера. Отступ слева остается. Нужно чтобы скролл появлялся тогда когда ширина будет равно минимальному значению хедера, а отступы должны исчезнуть.

    Asked by swandev,

    0 votes
    3 answers

  9. В шаблоне для рассылки Яндекс игнорирует отрицательные поля ?

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

    Asked by ilyas,

    0 votes
    1 answer

  10. float: left

    http://jsfiddle.net/ruCgg/1/ Почему при использовании float: left div вылезает из другого? Разве так должно быть? Может я где-то накосячил?

    Asked by GuitarFan,

    0 votes
    5 answers

  11. Подскажите про htaccess, редиректы и диапазоны сети

    Нужно реализовать редирект нескольких ip (масок подсетей) с одной страницы, на другую. Как сделать блокирование, я знаю: <Limit GET POST> order allow,deny deny from 11.222.333. deny from 11.221.333. allow from all </Limit> Как сделать редирект на другую страницу для определенного ip, я знаю: SetEnvIf REMOTE_ADDR 111.222.333.111 REDIR="redir" RewriteCond %{REDIR} redir RewriteRule ^/$ /page.html И даже знаю, как сделать для нескольких (если не ошибаюсь): RewriteEngine on RewriteCond %{REMOTE_ADDR} !(111.222.333.111|111.222.333.222|111.222.333.333) RewriteRule .* http://mysite.ru/page.html [R=301,L] Но вот как сделать для масок подсети (как в первом варианте)…

    Asked by B-Real,

    0 votes
    7 answers

  12. Не могу выравнить ленточку

    В общем вот сайт http://selection-studio.ru/maket5/ Там есть ленточки - они стоят криво 1 ленточка = 2 картинки Левая и Правая часть + по центру часть которая растягивается Делал сначала с помощью div - но фугас мне в глаз Float:left прижал их в левый край и не отрывал((( Сделал с помощью таблицы как сейчас - но в Опере есть щели между ними Попробовал отступы у таблицы убрать ничего не помогло((( В конце концов подвинул картинки с помощью margin-left:-10px; И ничего не вышло - Помогите!!

    Asked by Select,

    0 votes
    1 answer

  13. Проблемы с div'ами при изменении масштаба браузера

    Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…

    Asked by PavelK,

    0 votes
    4 answers

  14. Разноцветная рамка

    Кто знает, можно ли так сделать: у элемента есть рамка скажем в 2 пикселя...и вот я хочу что бы первый слой толщиной в 1 пиксель был одного цвета, а второй слой (он тоже толщиной в 1 пх) - был другого цвета ?

    Asked by Evkaky,

    0 votes
    4 answers

  15. Не работает ссылка

    Не пойму почему не переходит по ссылке, только если правой кнопкой " открыть в ....", href прописан. Посмотрите пожалуйста http://impulslkm.ru/ Меню навигации -> Контакт -> Приемная

    Asked by mistadrumma,

    0 votes
    2 answers

  16. Зачем это было сделано?

    Встретил такой код: <table class="html-email" width="100%" cellspacing="0" cellpadding="0" border="0">... Но на почту приходит страничка с таблицей без атрибута class="html-email". Это так, потому что html стандарт диктует отсутствие атрибута class у <table>? Тогда получается такой код был предложен разработчиком по запарке? Второй вопрос. Ширину столбца таблицы получается задать атрибутом width только в %. Другую ширину (в пикселях и т.п.) можно задать только через css?

    Asked by borus,

    0 votes
    1 answer

  17. Подсветка элемента меню

    Здравствуйте. При наведении на элемент меню срабатывает hover и меняется цвет элемента меню. Но если мышку опустить на child-элемент меню, то посвечивается child-элемент а подсветка с родительского убирается. Как сдлетаь так, чтобы подсветка была и на родительском и на child-элементе? Вот так сейчас: http://postimg.org/image/aeu4y4n4x/ А надо вот так: http://postimg.org/image/q7fst7qfx/ Спасибо!

    Asked by Avlacnhe,

    0 votes
    1 answer

  18. / перед закрывающей >

    <link rel="stylesheet" type="text/css" href="/files/my.css"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> Нужно ли в конце ставить / перед > ? Если да, то зачем? Моя IDE выделяет красным, если не поставить. Видимо в этом есть какой-то смысл. Но ведь работает и без того нормально. Хотелось бы увидеть, в каком случае без / будет ошибка.

    Asked by GuitarFan,

    0 votes
    3 answers

  19. Помогите с бэкграундом

    Товарищи помогите с вёрсткой! Проблема в следующем.. установил 2 фоновых изображения, одно сверху другое снизу, проблема в том, что на тех страницах где много информации и сайт получается "высоким"- смотрится хорошо, а там где страницы "низкие"- верхний фон наезжает на нижний. Пример высокой: http://vkomforte.su Пример низкой: http://vkomforte.su/index.php?route=information/news&news_id=15 вот код CSS: body { background-image: url('../image/bg.jpg'), url('../image/bg-bottom.jpg'); background-repeat: no-repeat, no-repeat; background-position: top , bottom; background-size: 100% auto; color: #000000; } Что можно сделать? Заранее спасибо!

    Asked by nig3r2,

    0 votes
    3 answers

  20. :active в Opera и IE

    Всем привет. http://jsfiddle.net/VWXRq/ - почему в опере и в ie :active срабатывает только при клике непосредственно на <a> (т.е. в данном случае на бордер) ? Вылечить это вообще можно ?

    Asked by lolka84,

    0 votes
    8 answers

  21. Не отображает меню в safari5

    Всем доброе время суток! У меня еще одна проблема, проблема с safari 5, не хочет отображать меню, перепробовал хаки которые находил в инете, не один не работает есть что не будь работающие на safari 5?

    Asked by Bismuth,

    0 votes
    3 answers

  22. равномерное распределение блоков

    Есть вот это http://jsbin.com/esiwoh/2/edit Нужно чтобы блоки (кроме первого и последнего, они прижаты к краям) равномерно распределялись между собой и первым и последним блоком. А когда все вместе состыкуются, появлялся скролл. Существует ли решение на css?

    Asked by swandev,

    0 votes
    3 answers

  23. Карта изображений

    Доброго дня уважаемые! Прошу совета у знатоков) Дело в том, что у меня есть карта изображений (1 большая картинка состоящая из 7). http://jsfiddle.net/wBSyd/ Необходимо, чтобы при наведении на каждый кусочек появлялось увеличенное изображение этого кусочка. Где-то глубоко, очень глубоко я понимаю, что возможно мне поможет код CSS #(id или класс) a:hower { background: url(' '); } Но кому и как присвоить класс или id... Вот в этом и вопрос. И будут ли работать мои ссылки перехода к нужному разделу... Заранее благодарю за ответ, любую помощь или пинок в правильную сторону.

    Asked by Avesha,

    0 votes
    6 answers

  24. FireFox таблицу криво отображает или у меня в коде ошибка ?

    Сверстал таблицу, с объединениями ячеек по вертикали там где надо rowspan, проверил во всех браузерах нормально отображается, в последней версии firefox таблица немного неккоректно отображается на скрине указал, Это баг у FireFox ??? Вот вдобавок код набранной таблицы прикладываю, проверял ошибок не нашел <table id="list-table"> <tbody> <tr> <th>Регион</th> <th>Город</th> <th>Сроки <br> доставки</th> <th>Способ доставки</th> </tr> <tr> <td>Алматы, Астана</td> <td>Алматы</td> <td>2-6 дней</td> <td>Курьерская служба</td> </tr> &l…

    Asked by ilyas,

    0 votes
    3 answers

  25. равномерно распределить div'ы внутри div'a

    Есть ли способ равномерно распределить div'ы внутри div'a? Внутренние дивы имеют только фиксированную ширину, высота никак не ограничена.

    Asked by gifron,

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