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/css очень нравится Пытаюсь сделать свой первый сайт, поэтому я начинающий и спрашиваю опытных) Товарищи подскажите, сделал страничку и хочу чтобы был фотоальбом с пролистыванием, или просто картинки лежали а при нажатии они увеличивались, подскажите новичку как это сделать, буду очень признателен

    Asked by Garikvoloshin,

    0 votes
    2 answers

  2. Фотоальбом для сайта

    Люди добрые! Скиньте ссылку на скрипт самого простого фотоальбома для сайта. Альбом должен быть удобный в обращение, и работающий, желательно))))) Заранее сильно благодарен. А, ещё чтобы без майскуэль!

    Asked by W. Watson,

    0 votes
    6 answers

  3. Фотовое избражение во всю ширину экрана

    Проблема в том что получаеться разместить изображение по центру, но не могу задать что бы при изменении разрешения она пработала во всю шерину. Задумка такова: - фон картинка имеет исходнок разришение 1600px; - нужно что бы послу 1600px разришения экрана избражение растягиволось во всю ширину. использовал такой вариант: .box { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0; height: 100%; background: url("/images/head.png") no-repeat top center;}

    Asked by kemston,

    0 votes
    2 answers

  4. фотогалерея

    Здравствуйте я установил на сайт фотогалерею jQuery LightBox все нормально кроме одного, фотографии идут списком вниз а мне нужно сделать по строчкам и в каждой строчке должно быть по три фото.Помогите плиз не знаю что делать.Сайт http://tori-jazz.ru/shenki.php вот код <?php include ("blocks/db.php");/*База данных*/ $result = mysql_query ("SELECT title,meta_d,meta_k,text FROM settings WHERE page='shenki'",$db); $myrow = mysql_fetch_array($result); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> &…

    Asked by macbeth9,

    0 votes
    2 answers

  5. Фотогалерея

    Как бы удобно внедрить в сайт без движка вот такую схему 1. Это флеш на xml в которые будут добавляться избранные фото ( по части 1 вопросов нет) 2. div с информацией как сделать именно так как на картинке тож знаю вопросов тож нет. 3. А вот в этот раздел хочу сделать резиновую галерею... чтоб постоянно растягивался сайт с добавлением новых фото и при нажатии на фотку выскакивал оригинал с возможностью прокрутить на след фотки. Ну вот примерно как то так... Буду благодарен за подсказки...

    Asked by mr.Xiks,

    0 votes
    2 answers

  6. Фотогалерея

    Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…

    Asked by lapwing,

    0 votes
    4 answers

  7. Фотогалерея

    Помогите пожалуйста сделать фотогалерею на html. Фотогалерея: Наводишь на фото справа появляется стрелочка, тюкаеш на стрелочку появляется следующее изображение и при этом появляется стрелочка слева, что-бы вернуться на изображение назад... Заранее спасибо...

    Asked by Mestniy96,

    0 votes
    5 answers

  8. Фотогалерея responsive. Одинаковая высота картинки.

    Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...

    Asked by Светлана Г.,

    0 votes
    18 answers

  9. Фотогалерея на joomla

    Уважаемые, подскажите модуль фотогалереи для joomla 1.5 Требования следующие: - фотографии на странице по 3 в ряд располагаются - при клике на фотографию открывается на полупрозрачном темном фоне, сверху крестик закрыть, при наведении на правую или левую сторону появляются стрелки листать - возможность настройки через админку страниц на которых нужно увеличивать фотографии Поясню, знаю модуль mavik Thumbnails Popular Plugin, но в нем нельзя настроить на каких страницах он должен работать! Т.е. увеличивает все фотографии которые загружены через визуальный редактор. Заранее благодарен!

    Asked by Goldie,

    0 votes
    1 answer

  10. Фотогалерея, без перезагрузки всей html-страницы

    День добрый! Ребят, сразу скажу что в html чайник, на собственной практике с десяток статических страниц. Вобщем интересует возможность менять картинки на страничке при клике на них, без написания дополнительных html-страниц для каждой следующей картинки. Пример: //————--Таблица 1 //————Таблица 2 текст текст текст текст текст текст

    Asked by Lipser,

    0 votes
    11 answers

  11. Фотогаллерея на CSS3

    Можно ли только средствами CSS3 сделать как в этом примере?

    Asked by PavelTkachev,

    0 votes
    2 answers

  12. Фотогралерея

    Вот создаю я фотогалерею.В ней должны показаться все фотографии пользователя.Возникает такая проблема.Например, крупные соц.сети типа мой мир ,вконтакте делают фотографии по ширине и высоте одинаковые. Но ведь не все фотографии изначально одинакового размера т.е. я ширину разделю на один коэффицент,а высоту на другой,то фотография исказится. Так вот как все соц сети делают фотоографию одинаковой и по шиирине и повысоте и она не искажается?

    Asked by new01,

    0 votes
    9 answers

  13. фотографии в галерее

    Вопрос про создание и выравниевании фотографий в моей галерее. Вот сейчас начал париться про правильно создание и ресайз картинок для галерее. Вот сайт, на котором это делаю: http://deluxe-okna.ru/blocks/parts/index.php?part=wedding . В общем я хочу спросить, правильно ли я понял или нет. В общем нельзя делать все фотографии в одну высоту и ширину да? Если фотка шире то она делается так, как мужик с девкой в меня на сайте, если же фотография больше в высоту то наоборот. Если это правильно то у меня вот ещё какой вопрос. Как мне сделать,чтобы фотографии типа мужика с девкой выравнивались по центру дива в высоту? Правильно я мыслю нет?

    Asked by prowoke,

    0 votes
    6 answers

  14. Фотографии в ряд по горизонтали

    Всем привет. Возник вопрос. При добавлении стилей и текста под фотографией картинки перестают быть в одну строку и каждая переходит на новую. Подскажите, пожалуйста, в каком блоке или стили нужно прописать, чтобы все 3 фотографии были в одном ряду. Спасибо <div id="home"><img src = images/1.jpg width=215 height=323 align = "center"><div class = "text-date">28 марта 2015 г.</div><img src = images/2.jpg width=215 height=323 align = "center"><div class = "text-date">27 марта 2015 г.</div><img src = images/3.jpg width=215 height=323 align = "center"><div class = "text-date">26 марта 2015 г.</div><img src = images/…

    Asked by karnager,

    0 votes
    1 answer

  15. Фотоколлаж? Фотоколлаж!

    Всем привет! Есть такая бяка: Коллаж состоит из очень мана много фотографий. При наведении на изображение происходит его увеличение(видно на скрине). Что-то похожее нашёл здесь: http://www.artox.com/. Здесь они выложили по контуру спаны с бг, потом сверху наложили трафарет, потом спозиционировали ссылки соответственно спанам, к которым при ховере добавляется бг. Может у кого есть какие идеи по упрощению?

    Asked by ninjaFor{love},

    0 votes
    7 answers

  16. Фотошоп

    Фотошоп сохраняет из всех нарезанных слайсов только нарезанный последним. Как могут настройки вернуть к привычному ходу событий, т есть сохраняются все слайсы?

    Asked by seemax,

    0 votes
    3 answers

  17. Фотошоп

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

    Asked by DivMan,

    0 votes
    2 answers

  18. Фотошоп беситься

    Ставлю линейку зажимаю шифт идет по 10 за раз (440/450/460) окей отпускаю на 460 проверяю 459 и так каждый второй раз как быть?

    Asked by аркей,

    0 votes
    2 answers

  19. Фотошоп. Простые вещи.

    Как обещал, открою серию мини-уроков по всеми нами любимому продукту компании Adobe - Adobe Photoshop CS4. До этого я пользовался версией CS3, но он не очень удобен при работе с масками, поэтому пришлось раскошелиться на новую версию. Многие думают, что знают фотошоп хотя бы на 50% его возможностей. Я не буду в этих, назовем это заметками, уроках, описывать создание различных эффектов с помошью этого редактора. Такого добра в инете полно. А коснусь я простейших вещей, которые, несмотря на всю свою простоту, иной раз могут очень пригодиться. Итак, заметка первая. Использование инструментов Slice Tool и Slice Select Tool для разрезки пунктов меню Естественно, этот инструме…

    Asked by Alastor,

    0 votes
    50 answers

  20. Фрагмент страницы с помощью div - отображается не верно

    Уважаемые, помогите пожалуйста со следующей проблемой. Есть страничка (точнее даже кусок страницы). Проблема: в Firefox+Safari+Opera выглядит так, как надо, в IE (ver.6) - нет (расползается). Вот ссылка на страницу: http://85.25.66.242/test/test1.html Также прикрепляю три скриншота. (ниже) Мои мысли (точнее их отсутствие): мне кажется, что это как-то связано с параметром border, потому что если на три пикселя уменьшить внутренний div, что становится в порядке. Хотя пробовал уже выставлять border: 0px; - не помогает. Пробовал переделывать с таблицами - все нормально, но хочу сделать дивами. Подскажите пожалуйста, в какую сторону курить доки? Спасибо. ПыСы. скрины: Firefox…

    Asked by waldicom,

    0 votes
    1 answer

  21. Фрейм

    Каким образом можно сделать так что бы нажав на ссылку в фрейме 1, страничка открылась в фрейиме 2 и при этом что бы фрейм 1 не изменялся. Подскажите плизки)

    Asked by Canard,

    0 votes
    3 answers

  22. Фрейм

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

    Asked by JAmaica,

    0 votes
    3 answers

  23. Фрейм в ячейке таблицы.

    Я использовал следующий тег. Вопрос такой: как избавится от нижнего скролла, и как сделать так, чтобы ячейка таблицы не растягивалась?

    Asked by W. Watson,

    0 votes
    3 answers

  24. Фрейм растягивается под содержимое на iPad

    Добрый день. Прошу помощи в решении проблемы. Есть страница с owl carousel, вот она: http://vne.net.ru/test/frame/source.html Она предназначена для встраивания во фрейм, вот так: http://vne.net.ru/test/frame/index.html И всё, вроде бы, нормально отображается (на десктопе, Android), кроме как на iPad, где прокручивается не содержимое фрейма во фрейме со 100% шириной, а сам фрейм растягивается за пределы экрана, подстраиваясь под контент. Если кто-то захочет вникнуть, вот архив с вёрсткой: http://vne.net.ru/test/frame/source.zip

    Asked by igorbelousov,

    0 votes
    2 answers

  25. Фрейм страница отображается на 1/4 части от всего экрана в окне браузера

    Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…

    Asked by farengate,

    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