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. Резиновый бэкграунд, как луше поступить?

    Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?

    Asked by angel12,

    0 votes
    7 answers

  2. JS на сайте

    Решил не использовать js на сайте вообще. Но возникла проблема. Блок-контейнер (div) имеет 3 вложеных блока-колонки. Установил им минимальную высоту в px. Проблема возникает при переполнении контентом одного из блоков, этот блок растягивается по высоте, а остальные остаются прежних размеров. CSS не понимает переменных, можно указать их в js. Например что бы переменная высоты всех блоков была равна наибольшему. Как это сделать без js? Проще чтобы вложеные блоки были равны по высоте контейнеру или наибольшему блоку.

    Asked by Ururu,

    0 votes
    10 answers

  3. Как работает такой стиль?

    Подскажите плиз, как работает этот стиль? что означает запись вида "div.dashicon a {" или "div.di_network a {" ? @charset "utf-8"; @media all { div.dashicon { float: left; } div.dashicon a { background-image: url(icons/default.png); background-repeat: no-repeat; background-position: top; display: block; width: 70px; padding-top: 70px; color: #000000; text-decoration: none; text-align: center; margin: 2em; font-weight: bold; } div.di_network a { background-image: url(icons/network.png); } div.di_luci a { background-image: url(icons/desktop.png); }

    Asked by neiro,

    0 votes
    4 answers

  4. Стили выделения ссылкок font-weight

    Доброго времени суток Подскажите пожалуйста, если в стиливом файле прописанно значение для всех <a> свойством font-weight: bold; можно ли мне изменить отдельную ссылку на стиль font-weight: none;? все это действие нужно в CMS WebAsyst на главной старнице, я пробывал прописать к нужной ссылке отдельный стиль, но при это он меняет стили всех ссылок на сайте, как поступить?

    Asked by Torvin,

    0 votes
    12 answers

  5. Футер наползает на контент в IE 7

    Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт

    Asked by HESHES,

    0 votes
    2 answers

  6. создание сайта визитки

    Всем доброго времени суток! Ситуация такая: есть желание сделать сайт визитку в подарок человеку на др. Сайт сейчас в стадии набросок, пару файлов html и один css. Теперь собственно вопрос(ы) - где его лучше выложить? как вообще залить? нужно ли покупать домен? хостинг? в общем ни разу сайты не выкладывал, смутно представляю что это и с чем это едят. Буду очень признателен если поможете разобраться с этим делом.

    Asked by Torvin,

    0 votes
    12 answers

  7. Hover

    Суть проблемы такова, нужно правильно поставить hover. Вот код html <body> <div id="images"> <img src="images/6.jpg" width="130" height="120" /> <img src="images/7.jpg" width="120" height="140" /> <img src="images/8.jpg" width="130" height="120" /> <img src="images/2.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/2.jpg" width="130" height="120" /> <img src="images/1.jpg" width="120" height="140" /> <img src="images/5.jpg" width="130" height="120" /> <img src="images/3.jpg" width="120" height="…

    Asked by JoyStick,

    0 votes
    11 answers

  8. аудио і видео на сайте

    ВСЕМ ПРИВЕТ!!! помогите плиз!! нужны ссылка на информацию как правильно размещать видео и аудио на сайте с готовыми примерами!! киньте шаблоны у кого они есть ))

    Asked by bot87,

    0 votes
    1 answer

  9. И с нова hCard

    Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).

    Asked by cssview,

    0 votes
    2 answers

  10. @fontface

    Привет! Какая то проблема! не подрубается шрифт проверил путь, имя. Можете помочь? спасибо @font-face { font-family: AGOpus; src: url(../fonts/agopus.ttf); }

    Asked by andys,

    0 votes
    29 answers

  11. меню на спрайтах

    <body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…

    Asked by andys,

    0 votes
    9 answers

  12. Фон в Opera и Mozilla Firefox, прокрутка в Opera

    Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…

    Asked by Flashton,

    0 votes
    2 answers

  13. Пустое место внизу страницы

    Сверстал страницу на дивах. В опере и фф внизу много пустого места, в сафари с хромом всё смотрится как надо. Как это исправить? CSS html

    Asked by MifYz,

    0 votes
    3 answers

  14. css

    Помогите найти ошибку, пожалуйста, не могу применить сss <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Первая страница </title> <link rel="stylesheet" type="text/css" href="E:\mai_sait\scripts\mystyle.css"> </head> <body> <table cellspacing="0" width="1000" summary="первая страница"> <tr> <td height="150" width="1000" bgcolor="#CCFF99" colspan="4"> <center>Шапка</center> </td> </tr> <tr> <td height="850" width="200" bgcolor="#CCFF99"> <center><h1>Меню1</h1> <img src="file://E:\mai_sai…

    Asked by Клава,

    0 votes
    7 answers

  15. Сделать картинки квадратными

    Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.

    Asked by Tchorteg,

    0 votes
    9 answers

  16. Ява Скрипт, азы

    В учебнике Макфарланда, по которому я изучаю язык, был дан пример вывода даты при помощи функции dateString() Я этот пример перекатал, заменив английские названия месяцев и дней на русские. Не идёт у меня скрипт и всё. Раз десять проверил. Искал ошибки сразу на двух браузерах. В конце концов они у меня выделили строчку, которую я здесь выделил красным. ИЕ утверждает, что определение отсуствует. Я буду очень благодарен, если кто-нибудь объяснит, где моя ошибка.

    Asked by beze,

    0 votes
    8 answers

  17. Система пользовательского поиска Google

    Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …

    Asked by andrecool,

    0 votes
    4 answers

  18. Бьюсь как рыба с этим justify(

    Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!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>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…

    Asked by anycall,

    0 votes
    3 answers

  19. Лишние 2px от верхнего края body в Opera и FF

    Добрый день! Есть вот такой сайт. В Safari, Chrome, IE6, IE7 всё хорошо. НО. В FF и Opera появляется разница в 2px по высоте между верхними левым правым блоками и центральным. Как это победить? Голова уже квадратная. На просторах интернета не смог найти похожего. Почти лечится хаками для Oper'ы, но тогда такой же косяк в IE7 появляется. HTML <div id="top"> <div id="menuLeft"> <img src="/pics/topMenuLeft.png" class="png" width="225" height="150" border="none" alt="MenuLeft" usemap="#MenuLeftMap"> </div> <div id="menuRight"> <img src="/pics/topMenuRight.png" class="png" width="225" height="150" border="none" alt="MenuRight" usemap="…

    Asked by Gorynch,

    0 votes
    8 answers

  20. Сайт визитка за 30 минут

    Знаю html и немного css.В школе на уроке информатики будет задание сделать сайт визитку. Подскажите что за сайт визитку можно будет сделать за 30 минут?Спасибо

    Asked by azarkin7,

    0 votes
    22 answers

  21. Съезжает маркер списка в конец строки

    <h3>Заголовок H3</h3> <ul> <li>Первая строка;</li> <li>Вторая строка;</li> <li>Остальные строки...</li> ... </ul> Когда список идет после заголовка, маркер первой строки съезжает в конец строки.

    Asked by r00tGER,

    0 votes
    7 answers

  22. Перевод целого сайта

    Есть иностранный сайт, я хочу сделать такой же только на русском. Будет ли перевод сайта считаться нарушением авторских прав?

    Asked by Electra,

    0 votes
    2 answers

  23. И опять о "Форме обратной связи"

    Очень намучился с создание формы для обратной связи. если учитывать, что с Пшп вообще мало знаком, думаю что-то получилось. Проверьте, пжлст мои Коды и дайте рекомендации. Есть вопросы, которые меня особо интересуют: 1. что там на счет полей обязательных для ввода, все верно? 2. как сделать так, чтобы без включенного поля Agree письмо не отправлялось 3. правильна ли проверка телефона? (нужно, чтобы телефон начинался с "+380") 4. правильно ли осуществляется проверка типа файла (у меня эта проверка - accept="text/txt") 5. как правильно подключить Капчту, а то у меня гадость какая-то получилась) - ну и все, что вы можете мне посоветовать файл с формой ****.html <form a…

    Asked by chest,

    0 votes
    40 answers

  24. Картинка в IE

    Здравствуйте, пожалуйста, помогите решить проблему. Вставляю картинку, Опера, Гугл, FF ее видят, а IE нет. Если убираю слеш перед адресом картинки, все наоборот. Спасибо заранее

    Asked by Клава,

    0 votes
    7 answers

  25. Помогите разобраться с сохранением паролей

    Добрый день. В очередной раз прошу помочь =) В общем так, есть этот сайт - _http://fn.eatlas.ru Есть у него в правом верхнем углу форма для ввода логина\пароля. Там есть form, но на сервер она не отправляется submit'ом, а шлются введенные данные через $.ajax(). И все прекрасно работает... Но вот захотелось заказчику, чтоб браузер сохранял логин\пароль И тут встал передо мной вопрос- а какие вообще необходимы условия, чтоб браузер как- минимум: сохранял введеный номер в автозаполнении поля, как- максимум: предлагал пользователю сохранить логин-пароль? Первая мысль- нужно чтоб был сабмит формы. Ок. Сделал невидимый iframe, инпутам дал уникальные name. Результат- Во-первых,…

    Asked by Odrin,

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