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. Проблема с фоном и осветлением вокруг элемента

    Добрый день! Проблема в следующем: Есть дизайн сайта, который нужно сверстать, в рисунке применены такие способы выделения элементов, как осветление (вокруг цветка) и затемнение (в шапке). Не могу придумать как это сверстать. Что пробовал касательно затемнения в шапке: сделал основной фон для body (из узоров) и над ним повесил фон-затемнитель (градиент) в div'е. Это не дало нужного результата, т.к. узор на темном фоне попросту пропал. Касательно первой проблемы - осветления вокруг цветка - вообще мыслей нет как реализовать. Файл с дизайном (все лишнее убрал, чтобы не мешало, но все-равно файл весит 12,5 Мб) выложил сюда - www.masterspb.com/new/index.psd Поможете?

    Asked by themailz,

    0 votes
    16 answers

  2. Проблема с фоном.

    Доброго времени суток. Есть небольшая проблемка... Нужен фон в виде градиента, имеется изображение высотой 500рх и шириной 1рх. Нужно, чтобы оно растягивалось на всю область страницы. В данный момент, на короткой странице всё шоколадно, но если страница уходит за видимую область экрана, то на невидимую часть фон не тянется... Что не так? Страница с кодом: http://qui-qua.ru/12.html CSS: html, body { margin: 0; } #background { position: absolute; width: 100%; height: 100%; } #page { position: absolute; width: 100%; height: 100%; z-index:1; } P.S. Только не надо говорить про поиск... всё знаю, но всё не то...

    Asked by ShuRIk,

    0 votes
    6 answers

  3. Проблема с фоном...

    Первый раз создаю сайт и столкнулся с проблемой след. характера: При написании сайта для его стилизации я разбил тег body div'ами (верх, центр, низ) и подключил к каждому фоновую картинку. Проблема в том, что между центральным и нижним фоном появился белый шов от фона body и я не знаю как его убрать. Пробовал: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Не помогло. Подскажите как состыковать фоны блоков друг с другом... https://jsfiddle.net/#&togetherjs=oeFLrO9tRC

    Asked by Amplus,

    0 votes
    0 answers

  4. Проблема с формами

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

    Asked by Dima2607,

    0 votes
    1 answer

  5. Проблема с формами.

    Всем привет.Недавно начал изучать html,возникла проблема.Создал форму и php обработчик,но на мыло приходит только заголовки указанные в php файле,а то что ввожу в саму html форму не доходит.Большая просьба помочь разобраться. html: <form action="obrabotka.php" method="post" name="form1"> <p><strong>Введите свое ФИО</strong><br> <input type="text" name="fio" width="20"> </p> <p><strong>Введите свой пароль</strong><br> <input type="password" name="pas" width="20"> </p> <p><strong>Введите свой e-mail</strong><br> <input type="text" name="email" width="20"> </p> &…

    Asked by flip89,

    0 votes
    6 answers

  6. проблема с формированием таблицы при загрузке в IE

    Сверстал свой первий сайт но вот проблема, при загрузке страницы в IE таблица растягивается не на сто процентов как указано, а на 10-15px меньше. После нажатия refresh вс? в порядке так же Opera отоброжает с самого начала вс? правильно. Очень прошу о помощи ! Простите за ужасный код страничку делал в первый раз <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>A Design</title> <style type="text/css"> div { font-family: font-family: Verdana, sans-serif; font-style:normal; font-size: 16px; font-weight: ligh} A { text…

    Asked by artofpassion,

    0 votes
    2 answers

  7. Проблема с формой

    Здравствуйте! Нужна помощь с формой) Вроде все делаю правильно и в форме, и в обработчике прописываю то что надо, но письмо приходит пустое (чтобы я не писал - латиницу, кириллицу, цифры)...((( код формы: <form name="form1" method="post" action="obrabotchik.php"> <input name="input" type="text" size="25" maxlength="25" > <input name="Submit" type="submit" value="Тыкать сюда"></form> код обработчика: <?php if (isset($_POST['Input'])) {$input = $_POST['Input'];} $address = 'kkk@kkk.ru'; $sub = "Заказ звонка"; $mes = "$input"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = utf-8"); if ($verify == true) {echo "<p>Сооб…

    Asked by klikklik,

    0 votes
    3 answers

  8. Проблема с формой

    Здравствуйте, уважаемые верстальщики и все остальные! Я начинающий верстальщик и всему только учусь. При верстке очередного макета/шаблона возникла проблем-ка с формой. Собственно сому форму, я создал, можете посмотреть её на данном снимке экрана: Как видно из снимка, радио-кнопки, ссылку и первую текстовую область я с позиционировал. Но, к сожалению, с остальными почему-то не получается, пробовал и марджины и все что мог и знал Элементы формы нужно с позиционировать как на данном снимке экрана: Кто может помочь решить данную проблему или хотя-бы посоветовать какой либо источник, который помог бы решить данный вопрос, пожалуйста, отзовитесь. Буду признателен вам всей д…

    Asked by nad_sergey,

    0 votes
    2 answers

  9. Проблема с формой

    Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?

    Asked by DivMan,

    0 votes
    8 answers

  10. Проблема с формой

    Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…

    Asked by Liana19,

    0 votes
    4 answers

  11. Проблема с формой заказа

    Спасайте дорогие граждане! Решил сделать форму заказа и освоить PHP, посмотрел пример, добавил что нужно, теперь полная Ж , Помогите исправить, или просто дайте ссылку где можно взять нормальную. Ссылка на сайт -ССЫЛКА>>>>> Заранее всем спасибо! Жду с нетерпением! ДА и вот файл обработчика сам PHPи <? $headers .= "Content-type: text/html; charset=Windows-1251\r\n"; if(!isset($pryamoygol)){$pryamoygol="нет";} if(!isset($yglovoi)){$yglovoi="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($mnogogrannik)){$mnogogrannik="нет";} if(!isset($panoram)){$panoram="нет";} if(!isset($steklo_optiwhite)){$steklo_optiwhite="нет";} if(!isset($steklo_m1)){$ste…

    Asked by ZFJoury,

    0 votes
    10 answers

  12. Проблема с формой и DIV

    Вот хочу сделать строку для поиска с кнопкой но возникает проблема в ИЕ все отлично работает а вот в FF бутон смещаеться на 1 пксель вверх Никак не выходит с СSS сделать чтоб во всех браезерах работало нормально. Вот код ~ Text & button должны быть высотой в 20 пикселей и стоять вместе ! <div style="height:20px"> <form action="http://search.ukrday.net/" method="get" name="sh" /> <input name="query" type="text" /> <input name="submit" type="submit" value="Пошук" /> </form> </div> Помогите пожалуйсто. !!!! Срочно надо закончить работу На перед спасибо.!

    Asked by AcidBurn,

    0 votes
    1 answer

  13. Проблема с формой поиска

    Кто подскажет, почему форма поиска (поле ввода) вылазит за границы родительского блока, не прилегая к верхней его границе,высота элементов одинакова. <form id="searchform" action="<?php bloginfo('siteurl'); ?>" method="get"> <input id="stext" type="text" name="s" onblur="if(this.value =='')this.value='Поиск по сайту...'" onfocus="if(this.value =='Поиск по сайту...')this.value=''" value="Поиск по сайту..."/> <input id="smage" type="image" src="/wp-content/themes/ang-team/images/search.png"/> </form> CSS не закончен... #searchform { float: right; height: 20px; width: 328px; } #stext { width: 230px; height: 20px; border: 1px solid…

    Asked by Veit,

    0 votes
    2 answers

  14. Проблема с Формой Поиска

    Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…

    Asked by Danielee,

    0 votes
    3 answers

  15. Проблема с формой поиска от Google

    Добрый день! Установил поиск от Google (Custom Search Engine). index.html - содержит форму поиска. results.html - список результатов поиска + форма поиска. Суть проблемы: При поиске слов на на английском языке, результаты поиска на стр. results.html - отображаются корректно. При поиске слов на русском языке, результаты поиска не отображаются. Причем, если убрать код формы поиска (search box) на странице results.html, то поиск начинает работать и на русском. Вопрос. Как сделать так, чтобы форма поиска (search box) оставалась на странице результатов поиска? Спасибо за ответы! P.S. Влад, поделитесь опытом, пожалуйста!

    Asked by Grosda,

    0 votes
    5 answers

  16. проблема с формой регистрации в ie6

    в верстке я далеко не спец, но очень нужно сделать как надо, проблема по адресу http://plus-strahovanie.ru/index.php?page=reg центральный блок в ие6 проваливается вниз ..Как это исправить незнаю..даже после того как я убираю все стили связанные с формой ситуация не меняется .. подскажите пожалуйста где копать?! вот часть хтмля <form method="post" action="" onsubmit=" if(this.name.value==''){alert('Заполните поле ФИО');this.name.focus();return false;} if(this.login.value==''){alert('Заполните поле Логин');this.login.focus();return false;} if(this.password.value==''){alert('Заполните поле Пароль');this.password.focus();return false;} if(this.password.value!…

    Asked by RobotWerder,

    0 votes
    2 answers

  17. Проблема с формой....

    Это все элементарно, но все таки прошу помощи) Есть форма. Надо чтобы, когда я нажмаю на одну кнопку, мне на этой же странице показывалась одна информация, а когда нажимаю на вторую кнопку, то показывалась другая инфа. Вот код: <form> <input type="submit" name="now" value="За Сегодня" /> <input type="submit" name="7_days" value="За неделю" /> </form> <?php if (isset($_POST['now'])){ echo "Сегодня"; if (isset($_POST['7_days'])){ echo "7 дней"; } ?> Так не работает... в чем проблема????

    Asked by kichik,

    0 votes
    3 answers

  18. Проблема с фреймами

    Здравствуйте. У меня проблема: в параметрах ссылки я пишу target="self" , а страница открывается в новом окне. Почему это может быть и что делать?

    Asked by San-ch93,

    0 votes
    2 answers

  19. проблема с фреймами

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

    Asked by stas317,

    0 votes
    4 answers

  20. Проблема с фреймом

    Доброго времени суток, форумчане! Проблема такова - у меня на сайте подгружается фрейм,но так как размер его постоянно меняется (самого фрейма), то иногда он слишком большой и даже прокрутка работает плохо. Сейчас фрейм мало того что с прокруткой, она как видите ещё и работает мягко говоря плохо

    Asked by Krechet,

    0 votes
    5 answers

  21. Проблема с фреймом(html).

    Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…

    Asked by Mestniy96,

    0 votes
    6 answers

  22. Проблема с фулл скрин слайдером

    Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!

    Asked by rusmn,

    0 votes
    2 answers

  23. проблема с функцию # top !!!!

    Проблема с функцию # top. Даная фунция не работает в браузере Opera а в браузере IE работает нормально кто нибуть знает как решить это проблема? Спосибо!

    Asked by smile13,

    0 votes
    6 answers

  24. Проблема с футером

    http://www.sobzem.ru/ Стили Проверял у себя на компе: IE8 Chrome FF3.5 У знакомого на компе IE6 Всё работает как нужно У 3-х людей проблемы в IE8 и FF3.5 Тут почему-то белые заголовки Исправил вроде... Не пойму почему во всех браузерах всё было ок... Стоял цвет белый в стилях... Тут картинка должна быть над текстом Тут тоже вроде решил, решил оставить так. )) Тут подвал вообще уехал Это не могу проверить ((( Если кто увидет съехавший подвал отпишите. В чём могут быть проблемы ?

    Asked by AnTiBAnnik,

    0 votes
    0 answers

  25. Проблема с футером

    Собственно друг попросил сверстать из шаблона сайт. Я раньше этим особо не занимался, но пообещал помочь. Решил верстать на <div> Футер должен быть внизу. Делал так: position: absolute; bottom:0px; Вот желаемый результат: http://uploaders.com.ua/pfiles/8298/Site_Materialy-page.jpg А вот что получилось - http://terahost.com.ua/onlystyling/index.php?type=materials CSS: http://terahost.com.ua/onlystyling/style.css Как избавиться от наезда футера? Что сделал неправильно? Какие ошибки в css? Помогите плз, замахался уже!

    Asked by GerMeTIQUE,

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