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. HTML таблица.

    У меня есть три вопроса... Первый вопрос: Вот например сделал простое меню, скриншот: меню построено на таблице, таблицу я сделал с округлением, и внизу градиент. проблема в том, что картинка-градиента выходит за границу округленный краёв (см. на скриншоте.), можно это как нибудь исправить? Доп. данные: Округление сделано с помощью border-radius. CSS картинки-градиента: background-image:url('img/menu-gr.gif'); background-repeat: repeat-x; background-position: left bottom; Второй вопрос: Округленные краёв в таблице не поддерживаются в браузере IE, и они там простые-квадратные, есть какой-то код который будет поддерживать их в IE? На других форумах находил такой код: be…

    Asked by Andrey447,

    0 votes
    9 answers

  2. Внедрение Flash-анимации

    Приветствую) Я здесь новичек, хотя долго пользуюсь этим сайтом) Ладно теперь к делу. Я создаю один сайт и мне хотелось бы поставить на вверх сайта одну анимацию. Поставить анимацию проблем вообще не каких не составит, НО мне надо поставить анимацию под менюшкой. Я нашел на этом форуме одну тему, но она вообще не че не говорит. Как мне поступить? Что и где прописать? Спасибо.

    Asked by djemNa,

    0 votes
    13 answers

  3. Проблема с прозрачностью фона

    Такая вот беда. В общем для фона установил прозрачность, но при этом сам текст на этом фоне тоже приобритает прозрачность. А мне надо что бы только фон был прозрачен а сам текст нет в этом же DIV блоке. Вот кусок где надо подправить: .nav-blockContent {height:30px;padding:0 10px;overflow:hidden;background:#ffffff; opacity: 0.3; color:#ffffff;}

    Asked by Scorpio2011,

    0 votes
    3 answers

  4. Вертикальное форматирование, никак не пойму.

    Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…

    Asked by amelice,

    0 votes
    2 answers

  5. работа с рекламой

    добрый день. Помогите пожалуйста. хочу сдклать рекламу новинок как на этом сайте http://www.bonaromat.ru/ смотрю исходник, но не могу понять как это реализованно. в каком направлении смотреть? заранее спасибо.

    Asked by tambi,

    0 votes
    8 answers

  6. Как сделать скачку фото?

    Добрый день. скажите пожалуйста как сделать так что бы при нажатии на ссылку (<a target="_blank" href="http://name_site.ru/123.jpg">скачать фото</a>) выходило сообщение об сохранении файла, а не открывалось фото в новом окне браузера.

    Asked by dinaron,

    0 votes
    1 answer

  7. Сортировка страниц сайта

    Добрый день! Подскажите, пожалуйста, как реализовать следующее: Я планирую сайт с большим количеством страниц. Каждая страница - отдельная статья. Каждой странице соответствует несколько ярлыков/меток (они разбиты на категории). На отдельной странице выведены все ярлыки с чекбоксами рядом с каждым из них. Посетитель выбирает один или несколько чекбоксов и по нажатию кнопки ему показываются страницы, содержащие все отмеченные метки, в виде результатов поиска.

    Asked by Ted Bronson,

    0 votes
    6 answers

  8. Вот такое, блин, творчество

    Решил еще раз попробовать слои, зззззззз блд... Читаю: "Допускается вкладывать один блочный элемент внутрь другого", значит можно и не вкладывать... Вверху, слева картинка, с отступами, от нее 4 полосы в стороны, типа крест. Лепил прямо в опере, нормально. Проверяю в других, каша, причем у всех разная. "position: absolute;" - не работает, у них. Привык, что каждая команда (функция), вещь конкретная, слои же - метод тыка, какой то. Вот такое, блин, творчество. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sys</title> <style type="text/css"> body { border: solid 0px #A1611D; …

    Asked by mizm,

    0 votes
    15 answers

  9. Как подключить несколько таблиц стилей для разных браузеров ?

    Решил сделать так чтобы в разных браузерах элементы отображались по разному. Подскажите как подключить несколько таблиц для определённых браузеров? Например opera.css для оперы firefox.css для мозилы и т.д.

    Asked by StreetRacer,

    0 votes
    7 answers

  10. CSS, таблицы, фреймы...

    Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?

    Asked by Анна,

    0 votes
    12 answers

  11. Прибить блок с картинкой

    Помогите прибить блок Image книзу (к блоку Footer соответственно). Все блоки кроме Footer, находятся в контейнере. Контейнер состоит из двух колонок. В одной находится блок с меню и блок с картинкой (которую необходимо прижать), во втором блоке соответственно текст страницы. Насколько я понял необходимо для большого контейнера задать position: relative, а для блока с картинкой position: absolute; bottom: 0px; right: 1000px; (отступ правого края с учетом размера всего документа 1020px) Но вот что-то как то не работает. Правильно ли делаю? Или может есть другой способ решить данную проблему. П.С. использую Blueprint CSS Framework, может из за его разметки так не выходит …

    Asked by cul8er,

    0 votes
    7 answers

  12. Проблема с картинками меню для IE7

    Здравствуйте, форумчане! У меня такая вот проблема - на сайте есть основное меню выполненное только на картинках. Все работает нормально, но в IE7 не получается кликнуть мышкой по картинке меню. Точнее получается кликнуть, но перехода по ссылке не происходит. Перейти по ссылке можно только по правой клавише мыши и из контекстного меню выбраь - перейти по ссылке. Подскажите пожалуйста как решить такую проблему?

    Asked by web_master345,

    0 votes
    6 answers

  13. Трехколоночный макет

    Всем привет! Хотелось бы поинтересоваться у опытных людей =) Есть трехколоночный макет. Необходимо сделать так, что при удалении правой или левой колонки , центральная колонка занимает ее ширину. Интересует как это можно сделать на дивах для IE7,IE6. Понятно, что для других браузеров можно просто назначить табличное отображение средствами css. А для IE7,IE6 не понятно =( Заранее спасибо за ответ!

    Asked by Enita,

    0 votes
    11 answers

  14. помогите с

    /

    Asked by melkiy_90,

    0 votes
    8 answers

  15. Вертикальная резина

    Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!

    Asked by DrStrangeLove,

    0 votes
    7 answers

  16. Виджет "Forismatic"

    Привет. А как поставить себе на сайт виджет forismatic, как на яндексе (скриншот)? У них на сайте смотрел, но там не понял многое P.S. Зашел на их api - http://api.forismatic.com/api/1.0/, но там пишет "Error: wrong method.". Почему ошибка? Cпасибо!

    Asked by Alter_Ego,

    0 votes
    1 answer

  17. тест

    как можно узнать ответы на электронный тест зная код теста???

    Asked by neeed,

    0 votes
    5 answers

  18. Выравнивание блока и input

    <!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…

    Asked by apv1989,

    0 votes
    6 answers

  19. Как работает автоматизация платежей?

    Добрый день уважаемые профессионалы. Давно уже к вам не обращался за помощью но я опять много не знаю и хочу просить вашей помощи. Вопрос в следующем. Существуют много сайтов, где можно сделать оплату (через Visa, WebMoney и т.д.) и после оплаты моментально тебе дается возможность скачать какую либо информацию. Подскажи пожалуйста как происходит данный процесс, что нужно для выполнения данной мульки у себя на сайте и собственно какие существуют варианты??? В гуглу искал уже данную информацию но толкового не нашел ну или может не разобрался просто. Очень прошу помощи. Есть идея которую очень хочется воплотить в жизнь. Спасибо за любую помощь.

    Asked by gumuch,

    0 votes
    3 answers

  20. Серый фон блока

    Есть серый блок в макете (футер), никакого градиента в нём не видно.. но Пипетка в разных местах блока показывает разные цвета!! (оттенки серого). Как поступить?? Использовать какой-то один оттенок в качестве фон. цвета или Как?? Оттенки вроде по всему блоку разные - не похоже, что это градиент..

    Asked by DrStrangeLove,

    0 votes
    5 answers

  21. Окошко (растягивание)

    Привет, помогите пожалуйста! Окно, где можно писать комментарий можно двигать (там в нижнем правом углу квадратик) рястягивать и так далее. Скажите пожалуйста, как отключить эту функцию? А то где писать имя,меил нельзя растягивать и смотрятца они ровно.

    Asked by bobb,

    0 votes
    5 answers

  22. Хочу разобраться в резиновой верстке.

    Хочу разобраться с макетами для новичков, опубликованных на форуме. Первый же из них нужно сделать резиновым. Так как не занималась резиновой версткой то, есть вопросы: 1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях? 2. как контролировать элементы внутри блока, если внешний блок резиновый? 3. на что нужно делать акценты в первую очередь при резиновой верстке? 4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?

    Asked by amelice,

    0 votes
    5 answers

  23. Большая картинка в меньшем диве

    Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.

    Asked by hokil,

    0 votes
    12 answers

  24. IE PNG

    У меня такой вопрос: есть див с бекграундом с прозрачностью в IE8 вместо прозрачности выдает черное поле применяю фильтер: //background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', sizingMethod=\'scale\', src=\'../images/info.png\'); бекграунд становится нормальным но весь контент становится прозрачным... что делать???

    Asked by GeSTaM,

    0 votes
    5 answers

  25. Интересная вещь))

    Игрался с вёрсткой и решил попробывать может ли СSS отнимать от 100% какие либо число. Оказалось что не может но тем не мение если поставить после 100% знак минус, тоесть так width:100%-; то получаеться очень забавная вещь. Насколько я понял оно от 100% отнимает величину падинга. Кто может обьяснить более детально? P.S. Гуглил и не нашол.

    Asked by demi,

    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