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. jCarousel не работает в Opera

    В общем карусель работает везде кроме Opera (пробовал в 10.50) Погуглил: Вопрос: куда этот таймер вставлять? <script type="text/javascript"> jQuery(function(){ jQuery(".carousel").jCarouselLite({ auto:3000, speed:800, btnPrev: "#prev", btnNext: "#next", mouseWheel: true }); }); </script>

    Asked by bob_24,

    0 votes
    2 answers

  2. Верхний левый угол

    как сделать картинку, в левом верхнем углу сайта? position: absolute; bottom: 892px; left: 870px; не помогло. он не на верху сайта, а просто в опр. месте, и какая-нить панель загараждает её...помогите))

    Asked by Gotafak,

    0 votes
    7 answers

  3. Подскажите пожалуйста. (CSS)

    Доброго вам времени суток! Ребят, возникла такая проблема, надеюсь она не сложная. Я сам CSS изучал и многих аспектов ещё не знаю, поэтому рассчитываю на вашу компетентную помощь и заранее благодарю каждого за ответ. У меня такая структура: <p id="tag1"> <div id="news-id-1"> <!--ID этого элемента имеет совершенно разные цифры на конце, поэтому прописывать их через запятую не подходит--> <img /> Текст контента </div> </p> Проблема заключается в следующем: Мне нужно задать CSS свойства для img через #tag1, как если бы он лежал внутри tag1 (#tag1 img { }), а не внутри div с меняющимся id. Я пробовал разны…

    Asked by Arinden,

    0 votes
    6 answers

  4. КАК РЕЗАТЬ МАКЕТ?

    Вопрос1. Как резать макет: по слоям или целиком ? и как после этого верстать(можно ли верстать слоями , или я чего то не понимаю)? Вопрос2. Как это сделать в photoshop cs5?

    Asked by olechic,

    0 votes
    1 answer

  5. Съехал слайдер и прелоадер потерялся

    , верхний слайдер на главной странице уехал влево-вверх, перед показом картинок сначала показывается прелоадер, но вместо этого там просто черный фон. Подскажите как поправить пожалуйста Справился

    Asked by Tchorteg,

    0 votes
    0 answers

  6. html5 canvas интерактивная карта мира

    Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?

    Asked by lessless,

    0 votes
    2 answers

  7. Обтекание дива текстом

    Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?

    Asked by denisator,

    0 votes
    21 answers

  8. Плавное появление цвета у картинки

    сайт на wordpress. вызывается функция, выдающая 15 случайных картинок из страниц. мне нужно сделать так, чтобы они отображались черно-белыми, а при наведении курсора ПЛАВНО превращались в цветные. как это сделать? я находил какие-то похожие свойства, но CSS3. да и как это сделать плавно не знаю. подозреваю, что нужно делать с помощью js. можете помочь?

    Asked by rondew,

    0 votes
    2 answers

  9. Проблема с тегом <code>

    Почему выполняется код заключенный в теги <code>? Мне нужно, чтобы он просто отображался как текст. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>php</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <p class="to"> <code> <?php phpinfo (); ?> </code> </p> </bo…

    Asked by barman,

    0 votes
    1 answer

  10. Новое окно определённого размера

    Допустим, при нажатии на ссылку открывается новое окно, которое должно быть определённого размера, это можно реализовать только JS-ом? В HTML5 нет ничего подобного?

    Asked by Анна,

    0 votes
    1 answer

  11. Расположение в одну строку.

    Добрый вечер. Уже в который раз обращаюсь за вашей помощью. суть проблемы: Есть див: <div> Создать аккаунт войти в ваш аккаунт: ваш e-mail: <form> <input type="text"> </input> пароль <input type="text"> </input> выход </div> Короче все это должно находится в одном диве в одну линию. Какое свойство нужно задать тегу <form> или <input> чтобы они не переходили на другую строку? И какое свойство нужно задать тексту, чтобы он выравнивался относительно середины высоты формы. А то получится, что текст будет чуть ниже формы. Большое спасибо заранее!

    Asked by Sedacove,

    0 votes
    7 answers

  12. Выпадающее меню на CSS.

    Добрый день, дорогие форумчане. Получил вот недавно заказ на верстку простенького сайта. Но есть одно но. В нем должно быть выпадающее меню. Приложу картинку, чтобы было понятно: (https://dl-web.dropbox.com/get/Photos/%D0%BC%D0%B5%D0%BD%D1%8E.jpg?w=fb31becf) Т.е. нажимаешь на кнопочку — выезжает дополнительное меню. Нажимаешь еще раз — она убирается. Все бы ничего, но я всегда думал, что такое делается с помощью JS. А заказчик настаивает, что можно сделать на CSS. К сожалению, раньше никогда не сталкивался с таким. Подскажите, можно ли сделать это на CSS? Если да, то как?

    Asked by Sedacove,

    0 votes
    5 answers

  13. Фон картинкой для скрытого дива

    Меню гармошка имеет скрытые блоки, когда нажать на кнопку скрипт делает блок видимым (ставит style="display: block;"), но фон не отображается! Есть Блок: <div class="menu_body" style="height: 91px"> </div> стиль: .menu_body { background-position: 12px 0px; background-image: url('../images/fon_menu.png'); background-repeat: no-repeat; margin: 0px 0px 12px 0px; display: none; } Путь к картинке правильный! Но вот как фон она отображаться не хочет.

    Asked by rullan,

    0 votes
    4 answers

  14. Картинка за пределами 1000px

    Здравствйте. Подскажите, как сверстать макет ? Конкретно интересует, как поставить картинку 725*533 как нарисовано в макете и блок шириной 1100px< при ширине сайта 1000px

    Asked by Буллет,

    0 votes
    22 answers

  15. поправить меню

    помогите пожалуйста поправить меню. на этой страничке сверстал меню кривыми руками. исправлять уже не хватает нервов, и не уверен возможно ли это. хотелось бы сделать так чтобы при наведении на пункты меню второго уровня подцветка с пункта меню первого уровня(hover-эффект) не пропадала. или как вариант пропадала, но полностью

    Asked by cyklop77,

    0 votes
    3 answers

  16. реализация полупрозрачной полосы на две-колонки

    Здравствуйте! нужно корректно сверстать полупрозрачную полосу, все хорошо можно было бы решить z-индексом, проблема в том что правая половина находится под этой полосой, левая с текстом над ней. решил разбить полосу на две части и попробовать используя {background: rgba( 184, 58, 237, 0.7);} справиться с этой задачей. но при разных размерах экрана полосы "плывут" относительно друг друга. абсолютное позиционирование превращает текст в левой части в кашу. Подскажите как справиться с этой задачей не разбивая эту полосу на две части?

    Asked by murik_aka_4up,

    0 votes
    18 answers

  17. Позиционирование кнопки.

    Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?

    Asked by vladmitrich,

    0 votes
    7 answers

  18. С помощью какой проги или сервиса можно быстро сделать каркас HTML+CSS?

    С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.

    Asked by Squidward,

    0 votes
    4 answers

  19. Картинка в центре DIV

    Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?

    Asked by Gold Dragon,

    0 votes
    15 answers

  20. У меня valign="middle" не работает

    кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?

    Asked by Lisjann,

    0 votes
    8 answers

  21. Internet Explorer 7,8 не подключаются css

    Доброго времени суток, Столкнулся сегодня с такой не обычной для меня проблемой, на странице загружается довольно много разных стилей (в Drupal так оно есть), и допустим на главной странице все нормально, там файла который необходимо загрузить нету и все работает, но когда переходишь на статьи, то там не загружается в IE 7,8 css файл, хотя в других браузерах все работает, насчет того загружаются ли другие файлы css из все списка сложно сказать. По интернету поискал, там рекомендуют кодировку проверить и убрать, если используется весь css3, В общем решения проблемы так и не нашел. CSS вроде как валидный, покрайне мере так говорит валидатор, писал его не я. Может кто сталки…

    Asked by uvlad,

    0 votes
    6 answers

  22. Проблема с div-ами...

    Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".

    Asked by Mark Ghaphes,

    0 votes
    48 answers

  23. Как разрезать макет?

    Здравствуйте. Кто нибудь может подсказать какой нибудь не сложный урок о том как правильно разрезать макет PSD или видеоурок буду благодарен. если есть люди желающие поделиться своим опытом, написать мини-статью подкину от себя PSD для статьи http://upwap.ru/1734388

    Asked by moslem,

    0 votes
    1 answer

  24. Текстовая текстура, фон и тд.

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

    Asked by Svatov,

    0 votes
    3 answers

  25. Подгрузка Шрифта (продолжение..)

    Здравствуйте! Подскажите,кто знает ссылку на сайт с которого без проблем можно было бы скачать нормальные(без кракозябр...) шрифты trebuchet(желательно всех видов с поддержкой русского алфавита)? Гуглил над этим вопросом не один день – нашёл только один более ли менее нормальный сайт: http://www.xfont.ru/font/%D1%88%D1%80%D0%B8%D1%84%D1%82_TrebuchetMSItalic_10159.htm но в итоге оказалось что и он не идеален!(шрифты которые с него закачиваю(не поддерживают русский алфавит) фотошоп не понимает? Вместо русских букв в фотошопе квадратики...) пробовал(впервые) подгружать их на: www.fontsquirrel.com/font... пишет следующее:(The font Trebuchet MS Italic was created by Microsoft.…

    Asked by Yamaradg,

    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