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. Еще один нубский вопрос!

    Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот main.tpl: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…

    Asked by Lumen,

    0 votes
    12 answers

  2. Очередная верстка, помогите пожалуйста, проблемы, надеюсь на вашу помощь!

    Здравствуйте! Столкнулся с проблемами, я новичок. В общем меню фона должно растягиваться по всему родителю. И слева блок не правильно стоит, не могу нормально сделать отступы, чтобы как на макете было... Скажите пожалуйста как это все исправить вот скрин html: А вот скрин psd (скачал с интернета на англ. сайте): Помогите пожалуйста, буду очень благодарен! Все это есть в архиве. СКАЧАТЬ вместе с PSD СКАЧАТЬ 2 без PSD

    Asked by aknur,

    0 votes
    1 answer

  3. как создать рекламное окно с помощью css без джаваскрипт

    как создать рекламное окно с помощью css без джаваскрипт.надо чтобы окно еще и закрывалось при клике на какую-то его область или окно нельзя закрыть с помощью html+css ?Тогда наверно придется делать копию страницы,но уже с рекламой,а нажимая на рекламу перейдет на главную страницу?

    Asked by tolya100595,

    0 votes
    8 answers

  4. Высота элементов формы в опере

    Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …

    Asked by wildhind,

    0 votes
    8 answers

  5. CSS меню

    Помогите сделать такую менюшку на КСС. С КСС ещё не до конца разобрался. Вот такого типа надо http://i013.radikal.ru/1101/e5/6a365512fe7d.gif Надо чтоб в таком порядке ссылки стояли. Как сделать это в таблице знаю, а в КСС нет. Помогите Вот что сделал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style> ul { float: left; margin: 0 3.5% 0 0; padding: 0; width: 31%; } ul li { list-style: none…

    Asked by Bayanruby,

    0 votes
    5 answers

  6. Новый абзац после текста с картинкой

    Словами, наверно, описывать проблему, попробую объяснить графически. Имеется немного текста с выравненной справа картинкой. Далее идет новый абзац с таблицей, но она продолжает выравниваться отн. изображения: Но надо вот так (т.е. абзац идет после изображения): Можно ли сделать это с использованием только элементарных знаний html. Как вариант можно <br><br><br>.. но как-то нерационально мне кажется

    Asked by Jek-pirat,

    0 votes
    5 answers

  7. чёртов DOCTYPE, не работает линк на css

    Это так и должно быть или я что-то не так делаю прописываю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> и css не загружаеться <link type="text/css" href="style.php"> как только доктайп убираю всё нормально, css загружается

    Asked by gradus,

    0 votes
    6 answers

  8. Не получается

    Добрый день, прошу помощи по CSS вот в каком вопросе. Пытаюсь сделать CSS галерею, такую, что при наведении курсора, фотография плавно перетекала из уменьшенного размера в свой исходный. Пример подобной галлереи: .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin betwe…

    Asked by Timer,

    0 votes
    2 answers

  9. Проблема с центрированием

    Подскажите пожалуйста как избавиться от скрола на этой странице? http://www.dev.discotune.ru/404.html Видимо проблема с кривым расположением нижнего элемента. Буду рад любым предположениям как все сделать грамотно.

    Asked by Discotune,

    0 votes
    2 answers

  10. Js

    В макете есть такая лента В JS пока не очень!Как можно решить задачу?

    Asked by Mr.Black,

    0 votes
    2 answers

  11. Резиновый макет.

    Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка

    Asked by Red Planet,

    0 votes
    8 answers

  12. Трудности верстки меню на <li>

    Добрый день. Столкнулся с маленькой трудность при оформлении бокового меню на сайте. Изначально меню должно смотреться вот так. Категории берутся из Бд и прописать CSS для каждой строчки отдельно не представляется мне возможным. Поэтому для li были забиты обычные border-bottom: 1px solid #cfc7b2; border-top: 1px solid #f1ece0; В результате получил замечательную полоску между категориями, но и сверху и снизу каталога они существуют и рвут дизайн. Код запроса по категориям.. <li><a class="cat_href<? if (@$_GET['s_c']==$show_sub_cat['id'] ) echo "_sel";?>" href="index.php?<? show_href_lang($_GET); ?>&m_c=<? echo $show_cat['id']; ?>&s_…

    Asked by Kiri Komori,

    0 votes
    2 answers

  13. Отступ.

    Смотрите. У меня есть дивный блок с текстом, но текст прилипает к верхнему, нижнему и левому краю. Могу ли я сделать отступ текста от краев блока? Как это сделать?

    Asked by htmlonline,

    0 votes
    1 answer

  14. регистрация пользователей

    Помогите сделать регистрацию и авторизацию пользователей на php без бд mysql, чтобы логины и пароли сохранялись в текстовый файл.

    Asked by epic,

    0 votes
    3 answers

  15. Вертикальный отступ между картинками-сслыками

    Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154

    Asked by CBE4KuH,

    0 votes
    10 answers

  16. Центрирование картинки

    Наворотила галлерею, адаптировала готовый скрипт. http://test.bredova.ru/index.php?id=12 Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла. Сейчас мне бы их хотя бы отцентрировать. Но никак не получается Пыталась писать #wrapper{ width:550px; margin: 0 auto; } Но видимо я не там копаю, реакции не было никакой Помогите, пожалуйста!!!

    Asked by Bredova,

    0 votes
    7 answers

  17. обрезание текста на css3

    Есть див с параметрами - width: 500px; height: 30px; в него засунуто слишком много текста, нужно чтобы он красиво обрезался, т.е. как див заканчивается стояло бы многоточие. С помощью text-overflow не смог сделать, как понял он обрезает только строку. Как реализовать? на html+css?

    Asked by Khaja,

    0 votes
    3 answers

  18. Контейнер div выравнивание по горизонтали

    Доброго времени суток! Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код: <div class="lmenubut"> <div class="catbut"> <table cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="midd…

    Asked by sivsoft,

    0 votes
    0 answers

  19. Вопрос!

    Здравствуйте! Я полный ноль в html i css, поэтому прошу вас помочь.. Хочу добавить на главную страницу в меню пользователя отображение аватарки, но у меня не получается Скажите пожалуйста строку кода отображения аватарки на главной? Заранее спасибо!

    Asked by Lumen,

    0 votes
    22 answers

  20. gif & png вместе

    Вот что я имею... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>***</title> <meta name="description" content="***"> <link rel="icon" href="icon.jpg"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="background"><a class="H333"></a></div> <div id="center"><H7><H30> *** </H30></H7></div> <a class="***" href="***.html" title="***"></a> <a class="***" href="***.html" title="***"></a> <a class="***" h…

    Asked by tolya100595,

    0 votes
    12 answers

  21. Вопрос по резиновуму сайту, по фоновой картинке и практика верстки

    Добрый день! У меня возникли следующие вопросы, возможно мои вопросы покажутся корявыми и не точными, не судите строго: 1) Допустим у меня есть psd макет шириной 1500px, мне небходимо сделать резиновый сайт. В то же время, например у меня, ширина монитора 1229px и естественно при верстке данного сайта элементы нарезанные на ширину 1500px не влазят. Как мне нужно было поступить - для начала psd макет уменьшить до нужного мне размера (1229px) и верстать таким образом, тут сразу появляется вопрос уменьшенные элементы на широкоформатных мониторах будут же тогда в плохом качестве? Как мне поступить что бы сверстать такой макет? 2) Почему-то не совсем разницу пон…

    Asked by nuna,

    0 votes
    7 answers

  22. Width в % не работает в IE 6

    Есть небольшая проблема с IE 6 , не работает Width в процентах ,отображает реальный размер. <div id="footer" > <img src="images/footer_bg.png" alt="footer_bg" id="footer_bg" /> Тут будет текст </div> #footer { background: url('../images/footerr.jpg') repeat-x; height: 65px; overflow: hidden; } #footer_bg { width: 58%; height: 64px; margin: 1px 0 0; position: absolute; } Если есть другие способы решить такой фоотер пишите.

    Asked by Mr.Black,

    0 votes
    13 answers

  23. Где скачать Большая книга CSS ? Поделитесь кто-нибудь пожалуйста

    Здравствуйте! Не могу найти книгу Большая книга CSS. У меня в стране ее не продают. Но так-же на заказ не могу... Хочу скачать и не могу найти, помогите пожалуйста! Буду очень очень благодарен!

    Asked by aknur,

    0 votes
    7 answers

  24. Оцените верстку пожалуйста (исправлено). Я новичок

    Здравствуйте! Сверстал макет, исправил ошибки, прошу проверить на ошибки и указать подробно где и как исправить. И оцените пожалуйста верстку! Валидатор ошибок не выдал. Сказал все хорошо =) Буду очень благодарен! Сайт на народе! Скачать архив с сайтом: СКАЧАТЬ 1 СКАЧАТЬ 2

    Asked by aknur,

    0 votes
    8 answers

  25. jQuery

    Добрый час. Я себе уже не первый час трХаю моск..Вот есть страничка со сборкой jQuery.На странице выбираем только эти 3 галочкиотключите все и нажмите 1 раз на Tabs, остальное само выберется) Core Widgets Tabs и скачиваем полученный архив. я заливаю библиотеки на сайт и меняю в файле, и оно перестает работать!!!!! почему??? залил теже самые файлы к себе на хостинг и оно перестает работать!!!!ПОМОГИТЕ!

    Asked by muzhik,

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