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

  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. Ссылки внутри одной страницы

    Здравствуйте, уважаемые эксперты. Вы мне один раз уже очень замечательно помогли. Сегодня, полдня потратив на попытку решить проблему с помощью интернета, решил вновь обратиться к вашей помощи. итак, проблема следующая. документ, вверху оглавление, внутри - содержание. при нажатии на знак решетки (#) в файерфоксе и на айфоне экран смещается вверх, если фотошоп не врет - 10 px. Это существенно. в других браузерах - кажись всё ок. примерный код следующий: <!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-T…

    Asked by provoloka,

    0 votes
    3 answers

  2. Повторение тега "class"

    Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо! Решение: В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так: <a class="iframe" href="page.…

    Asked by yelkin,

    0 votes
    6 answers

  3. Проблемы с формой обратной связи

    Добрый день всем. Взялся писать сайт для своей жены и столкнулся с проблемой в форме обратной связи. Тестирую на локальном сервере. При нажатии кнопки отправить выводит: Сообщение отправленно"; } else { echo " Сообщение не отправленно"; } ?> Вот код: <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'bysinkamysinka@mail.ru'; $sub = "Это сообщение с моего сайта"; $mes = "Автор указал такое имя: $name \n Оставил такой E-mail: $email \n Содержание письма: $message"; $verify=mail($address,$sub,$mes,"Content-type:text/plain; charset =…

    Asked by boombastyk,

    0 votes
    3 answers

  4. class vs #

    Вроде далеко не первый день верстаю, но у меня складывается такой вопрос? Зачем надо ставить в стилях где то #, а где то class писать. У меня все прекрасно на классах работает и не парюсь, иногда ставлю # но это чисто для визуального выделения чтоб быстрее заметить. А так везде и всегда на классах пишу. Поясните пожалуйста мне неразумному.

    Asked by Mr Loga,

    0 votes
    11 answers

  5. Выделение строки таблицы картинкой

    Добрый день Уже вторые сутки сижу, пытаюсь отыскать подходящий мне скрипт. Задача стоит следующей: Нужно двухуровневое вертикально меню, строки которого при наведении курсора будут выделять заданной картинкой на полную длину Один из наиболее подходящих вариантов нашел на данной странице: http://www.html-books.net/js/menu/11.php Но: в ие и опере длина строчки отображается как заданная, в фф - обрамляет текст Попробовал подобрать другие решения - вышел на эту же проблему. Вот простейший аналогичный отрезок кода: #navlink {background: #FFFFFF; color:#777777; width: 183px; height: 100%; } #navlink:hover {width:183px; background-image:url('string.png'); color:white; text-dec…

    Asked by Provodnik,

    0 votes
    12 answers

  6. помощь

    помогите пожайлуста сверстать такой сайтик. http://img717.imageshack.us/img717/561/88436952.jpg не получается, хоть убейте. расплывается весь. буду очень благодарен.

    Asked by avatarr696,

    0 votes
    5 answers

  7. Объясните пожалуйста, как сделать

    Мне нужно сверстать шапку. Ее размер 1024px Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной... Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px. Распилем шапку на три части... 238 1024 238 Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана. Это делается до безобразия просто на таблице <table width="100%"> <tr height="500"> <td> </td> <td width="1024px"> </td> <td>…

    Asked by squard,

    0 votes
    9 answers

  8. выкладываю фото на сайт.Как защитить фото от копирования?

    Как защитить фото от копирования на сайте?

    Asked by tolya100595,

    0 votes
    3 answers

  9. Проблема с css и html

    Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении: Вот css, который я написал для картинки div#sermonsauthor a:hover {color: #363636;} div#sermonsauthor { background: url(../img/sermonsfonauthor.png) no-repeat; width: 770px; height:263px; margin:0 auto; } div#authorphoto { width: 223px; height:223px; padding:20px; } Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor Вот html код: <div id="sermonsauthor"> <div id="authorphoto"><img src="/img/IMG.png"></div> <div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div> </div&gt…

    Asked by Xorigan,

    0 votes
    2 answers

  10. помогите разобраться с input

    Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?

    Asked by Vahmur,

    0 votes
    8 answers

  11. Перемещение по странице

    Доброе время суток, пытаюсь разобраться с перемещением по странице. Когда пользователь прокручивает страницу вниз(на определенный уровень), то появляется окошко вверх и при нажатие его перемещает на верх страницы. У меня получилось сделать, чтобы при нажатие перемещался вверх, но данная кнопка "Вверх" горит постоянно. Как сделать, чтобы появлялось на определенном уровне? Если будет полезно, то использовал: jquery.scroll.pack.js и jquery-1.4.2.min.js <!-- Прокрутка --> <script type="text/javascript"> $(function() { $("#toTop").scrollToTop(); }); </script> <!-- /Прокрутка --> ну и сам код отображения.

    Asked by miled,

    0 votes
    5 answers

  12. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  13. INPUT

    Подскажите, пожалуйста, почему в INPUT не хочет вставляться длинная строка со многими пробелами из базы даних MySQL "г.МОСКВА ул.Сереброва 24\34" обрезает по первому пробелу и выводит "г.МОСКВА"

    Asked by Shchavinsky,

    0 votes
    5 answers

  14. Как и где мжно применяь

    Никак немогу разбратся ,почти всегда тег Vertical-align у меня нерабтает - почему???

    Asked by Mr.Black,

    0 votes
    4 answers

  15. Кракозябры при выводе

    Кодировка при выводе. Выводит кракоябры, хрть и указал кодировку. Вот документ index.php тестовый, выводит вмсет слова "привет" выводит п»ї Привет <!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> <title>Контакты</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> </head> <body> Привет </body> </html>

    Asked by people2010,

    0 votes
    7 answers

  16. какую сылку ставить

    Здраствуйте я вот скачал шоблон хочу поставить но прежде чем поставить мне надо залить картинки я захожу на свой сайт нажимаю сверху файловый менеджер и заливаю картинки а кокие коды водить там же два у меня выглидит вот так url('/img/logo.png') no-repeat;padding-left: какую сылку ставить толи сылку к файлу или HTML-коды и убирать ли эти скобки и наверху точечки или нет ? Обьясните пожалуйсто а то я неразберу

    Asked by pant,

    0 votes
    24 answers

  17. Как зделать новую категорию

    Я бы хотел узнать вот я создал сайт на ucoz а незнаю как создать категорию новую например (Фильмы) что надо зделать что бы открыть категорию и как (помогите пожалуйсто)заранее спасибо

    Asked by pant,

    0 votes
    13 answers

  18. позиционирование по центру экрана.

    всем добрый день. проблема в следующем: есть div с шириной 1450px, таких размеров требует его содержимое. <body> <div class="wraper"> его нужно спозиционировать по центру экрана причем скрол должен появляться только если ширина меньше 1000px. а до этого момента содержимое блока должно прятаться часть с левой стороны экрана и часть с правой стороны экрана. подскажите плиз как это сделать.

    Asked by guffer,

    0 votes
    5 answers

  19. Как правильно применять единици измерения при верстке сайта?

    Здравствуйте! Объясните пожалуйста как правильно применять едидици измерения при верстке, чтоб например шрифт отображался одинаково во всех браузерах и на разных разрешениях экрана? Как и когда правильно применять EM, PX, % ? Слышал что профессионалы используют EM но не могу понять как, по идее % и EM это одно и то же.

    Asked by Jaguar,

    0 votes
    6 answers

  20. Отображении блока в разных браузерах

    Добрый день! Столкнулся с такой проблемой: при верстке макета указал параметры ссылки следующим образом: a.menu_link_2:link,a.menu_link_2:active,a.menu_link_2:visited {font-size:16px; color:#737371; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#272727; border-bottom:1px solid #151515; text-decoration:none; } a.menu_link_2:hover {font-size:16px; color:#ffffff; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#393939; border-bottom:1px solid #151515; text-decoration:none; } В IE 8 отображается прекрасно, ширина и высота впорядке, но в других браузерах проблемно! Сайт на…

    Asked by igrix,

    0 votes
    2 answers

  21. Как хранить большие объёмы информации?

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

    Asked by virus-07,

    0 votes
    14 answers

  22. Хелп Слайдер наезжает на меню

    Макет резиновый при минимальном разрешении, всплывающее меню кофликтует со слайдером, как сделать так, чтобы меню было поверх него. Заранее благодарю за помощь.

    Asked by Арт,

    0 votes
    3 answers

  23. не большой вопрос о таблиц

    Добрый день Делаю шаблон для cms, нужно сделать таблицу с тремя столбами, как на картинке: возможно сделать? помогите

    Asked by nuker1,

    0 votes
    10 answers

  24. Блоки съезжают в firefox

    Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …

    Asked by Stahanovec,

    0 votes
    5 answers

  25. Форма новости

    У меня возникла проблема при натяжке кода на движок ДЛЕ При добавлении новости с картинкой должно отображатся так(при хтмл все было норм. так как изображение было више тега <h2>) http://img98.imageshack.us/img98/5323/15663534.png а есть так : http://x-man.bissnes.net/ <div class="news" > <h2 class="newsname" >[full-link]{title}[/full-link]</h2> <span class="newscategories" >Категория: {link-category} | Добавил: {author} [edit]Редактировать новость[/edit]</span> <p class="newsmiddle" >{short-story}</p> <span class="newsstat" >Просмотров: {views} | [com-link]Комментарии: ({comments-num})[/com-link]</span>[full-lin…

    Asked by Mr.Black,

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