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. Хочу сделать космос

    Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.

    Asked by prowoke,

    0 votes
    4 answers

  2. Поправить линию

    Ребят, как оптимизировать линию на скрине под Safari(iPhone) ? Даже в Opera Mini норм отображается 1-ый скрин с Firefox на компе : http://s017.radikal.ru/i436/1111/95/8fb5eecf8e31.jpg 2-ой скрин с Safari(iPhone) : http://s017.radikal.ru/i401/1111/95/2b01b5131381.png Основной CSS : http://paste2.org/p/1777448

    Asked by a1m,

    0 votes
    0 answers

  3. Фоновое изображение на первой строчке div`a

    Всем привет! У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px). Пробовал так: Код(html): <div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div> Код(css): .title { display:inline-block; padding:0px; margin:0px; color:#333; font-size:18px; font-style:italic; font-weight:bold; } .title:first-line { padding-left:30px; background:url(../images/tegs/twitter.png) no-repeat top left; } - Нет! Подскажите! Заранее спасибо!

    Asked by Serpanok,

    0 votes
    5 answers

  4. перекрывающий блок position:absolute

    проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…

    Asked by dostel1,

    0 votes
    4 answers

  5. Помогите с меню

    Подскажите пожалуйста как сделать так когда нажимаешь на меню ( Ремонт квартир ) когда выезжает остальное меню, чтобы оно не закрывало слово ремонт квартир как на скриншоте показано, а выползало под словом ремонт квартир? Тему wordpress Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ Скриншот можно скачать здесь http://files.mail.ru/JCXVRG

    Asked by mistertalk,

    0 votes
    9 answers

  6. Прошу посмотреть, куда пропало изображение

    Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.

    Asked by kuraga,

    0 votes
    3 answers

  7. Размытый полупрозрачный фон

    Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.

    Asked by Switch74,

    0 votes
    4 answers

  8. onmouseover - Вопрос

    Добрый вечер, возник вопрос по поводу оформления div-блоков. Вот решил изменить навигацию,при наведении мышкой нужный блок, он выделяется цветом. Но код получился громоздкий ... Может кто подскажет как можно сделать с помощью CSS, так как я побывал но выделялась только область ссылки, а не блок целиком. За ранее благодарен. <div class="navigation_menu" onmouseover="this.className='navigation_menu_bg'" onmouseout="this.className='navigation_menu'"><img src="../images/icon_menu/home.gif" width="10" height="10"><a href="/index.php" title="Главная страница сайта"> Главная страница</a></div> <div class="navigation_menu" onmouseover="this.clas…

    Asked by alekcandr,

    0 votes
    3 answers

  9. Как избавиться от Drag&Drop элементов на странице

    1. FireFox 7.0.1 2. Html^ <body> <div style="width: 200px; height: 200px; background-color: grey"></div> </body> А теперь внимание: Пытаемся перетащить квадратик... Ничего не получилось. Теперь сразу перетаскиваем этот квадратик еще раз... и уменя появляется системный Drag&Drop. Он мне очень мешает! Как от него избавиться?

    Asked by voy,

    0 votes
    1 answer

  10. @font-face на разных серверах

    Доброе утро. Сделал статичную html страничку, в которой подгружаются шрифты через @font-face. На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта. На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11). вот так я подключаю в файле css шрифты @font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Light.otf"; src: url…

    Asked by slo_nik,

    0 votes
    2 answers

  11. jquary menu, проблемы с наведением

    сайт http://clan-amp.ru . Дело в том что когда в меню мышкой перевожу по всем рядам у раздвижного меню он сбивается. подскажите в чём проблема.

    Asked by Wahlberg,

    0 votes
    0 answers

  12. Проблемы в IE

    Помогите, пожалуйста, подправить сайт в эксплорере. В остальных работает почти нормально. В общем нужно: Круглую эмблему переместить налево. Убрать белое поле в меню (появляется при больших разрешениях не только в IE). Сдвинуть ленту News и текст контента чуть вправо как в опере В опере выглядит так: В эксплорере так: UPD. Уже не актуально.

    Asked by aizul,

    0 votes
    0 answers

  13. style.css и скрипты

    в первый раз в жизни понадобилось редактировать сайт. вроде все нормально, но начальству захотелось чтобы картинки увеличивались по клику. нашел скрипт на http://beholder-eye.info/2006/03/13/litebox?commented=0 всё работает, но возник вопрос. можно ли подключать скрипты в файл style.css или придется перерабатывать всё, что до меня наделали? если можно то как?

    Asked by Хелкар,

    0 votes
    2 answers

  14. Содержимое div проваливается в его margin-bottom

    Уважаемый специалисты, решил воспользоваться методом центровки содержимого div на экране: http://www.artlebedev.ru/tools/technogrette/html/align-center/. Все сработало, но, как оказалось, при указании у самого внешнего дива - margin-bottom:NNpx, содержимое самого дива ровно на это число пикселов съезжает вниз. Происходит это только в Лисе! Причем, если указать внешнему диву border, то съезжать перестает! Можете попробовать сами. Это глюк Лиса или я что-то не правильно понимаю в принципах поля margin? Догадываюсь, что дело в том, что у внутреннего дива стоит float:right. (Если это свойство убрать, то содержимое перестает вываливаться вниз). Но ведь после содержимого внешн…

    Asked by webmos,

    0 votes
    0 answers

  15. Как реализовать эффект рентгена?

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

    Asked by mortosmor,

    0 votes
    2 answers

  16. не работает padding auto

    Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?

    Asked by m~r.Nemo,

    0 votes
    6 answers

  17. центрирование дива

    Всем привет. нужно сделать так: <div class="header"> <div class="header-left"><input type="button" value="Отменить" /></div> <span class="header-center">Twit</span> <div class="header-right"><input type="button" value="Отправить" /></div> </div> надо чтобы были header-left слева, и header-right справа, а header-center, по центру. делаю .header { overflow: hidden; } .header-left { float: left; } .header-center { } .header-right { float: right; } как сделать по центру? спасибо

    Asked by vvsh,

    0 votes
    9 answers

  18. Фиксирование объектов на странице

    Здравствуйте! Есть страничка, состоящая из верхнего блока (фиксированный), левого блока (должен быть тоже фиксированным), правым блоком (не фиксированный), нижний блок (не фиксированный) и центральный (не фиксированный). Подскажите пожалуйста, как можно зафиксировать на данной странице левый блок? Содержание страницы: ..... <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> <div class="header"> <img src=…

    Asked by Sergius61,

    0 votes
    0 answers

  19. Как сделать блоки фикс. ширины занимающие всю ширину блока родителя?

    Имеется какой-то внешний блок и в нем n вложенных блоков. Ширина внутренних блоков не должна меняться. Они должны "разъезжаться" на всю ширину внешнего блока так, что бы расстояние между ними было одинаковым. Пробовал задавать внутренним блокам display: inline-block, а внешнему text-align:justify, но это ничего не дало.

    Asked by bob_24,

    0 votes
    15 answers

  20. Конфликт ссылок. Перенаправление

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

    Asked by laird,

    0 votes
    0 answers

  21. Горизонтальное меню из картинок

    Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …

    Asked by Lrad,

    0 votes
    13 answers

  22. Резиновый сайт с помощью CSS и DIV.

    Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.

    Asked by Artweb,

    0 votes
    3 answers

  23. Вставка логотипа в флеш плеер на сайте

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

    Asked by vadimcucherencko,

    0 votes
    5 answers

  24. как отправить данные формы на разные страницы

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

    Asked by HotCoffee,

    0 votes
    3 answers

  25. Верстка для iPhone

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

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

    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