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://www.citilink.ru/ сверху в шапке), если какие либо сервисы которые занимаются продажей таких примочек? или нужно писать отдельно под каждый сайт?

    Asked by Torvin,

    0 votes
    1 answer

  2. Как вствить флеш фоном

    Здравствуйте, в общем есть такой макет , там на флеше изображена сама электростанция и облака вокруг нее, там птички летают облачка то и дело снуют туда сюда, в общем красота неописуемая, как вы уже наверное догадались вопрос: как мне теперь поверх всего этого разместить основной контент (меню и т. д.). Пробовал разместить флеш сверху а все остальное поднять margin не вышло, накладывать дивы друг на друга с помощью position:absolut мне не подходит. Подскажите плз. может скрипт есть какой или иное решение.

    Asked by pro100set,

    0 votes
    5 answers

  3. Что за отступы в ie 6-7

    На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?

    Asked by andyarus,

    0 votes
    7 answers

  4. Iframe kak задать Height в %

    Уважаемые товарищи, Подскажите пожалуйста как задать атрибут Height в % для тега iframe: *{padding:0; margin:0; } html, body{ height:100%; width:100%; } #contaner{ width: 900px; margin:auto; min-height: 100%; position: relative; } #header { height:45px; background-color: #000; border-bottom:solid 5px #ffcc00; } #content{ height:100%; position:relative; padding: 0; margin: 0; } #empty{ height:50px; } #footer { min-height:50px; margin: -50px auto 0; width:900px; position: relative; } .left-frame iframe{ float: left; } .right-frame iframe{ position: relative; } <html> <head> </head> <body> <div id="contaner"> <div …

    Asked by yyz,

    0 votes
    16 answers

  5. <input type="image" name="some_name[123]" .... и ключ на стороне сервера

    Если я на странице вставляю <input type="image" name="some_name" src="path/to.png" /> То при обработке в PHP для кроссбраузерности я использую $REQUEST['some_name_x']. Если же пишу: <input type="image" name="some_name[123]" src="path/to.png" /> то на стороне сервера я получаю $REQUEST['some_name'] (тип массив ессно) во всех браузерах. Вопрос к вам, форумчане: Надежно ли использовать такой метод? Сомнения т.к. проверил только в IE7, 8 FF 4 Chrome 11 Opera 11

    Asked by warobushek,

    0 votes
    3 answers

  6. Мозилла-зум

    Привет! с кроссбраузерностью знаком пока не очень! Появилась такая проблема...главная страница сайта почему то зумится по отношению к другим...и только в Мозилле...в остальных всё норм, да и остальные страницы в Мозилле норм в чем может быть дело? спасибо

    Asked by andys,

    0 votes
    5 answers

  7. Форма отправки сообщения

    Есть форма отправки сообщения с сайта,но там все поля являются не обязательными для заполнения.Как сделать чтобы поля были обязательными? звёздочки проставить и т.д.? вот код: <div id="mailform"> <b>Заполняйте пожалуйста все поля!</b><br> <br> <b>Ваш email :</b><br/> <input type="edit" name="email" value=""/><br/> <b>Ваше имя :</b><br/> <input type="edit" name="name" value=""/><br/> <b>Контактный телефон :</b><br/> <input type="edit" name="tel" value=""/><br/> <b>Сообщение :</b><br/> <textarea cols="25" rows="5" name="tex…

    Asked by stardel,

    0 votes
    4 answers

  8. background-position:bottom right

    суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…

    Asked by Diamond_Cat,

    0 votes
    3 answers

  9. Тэг width в таблице

    Есть страница: http://magazin.wingstv.ru/product/strike-on-friends-fight-for-space/ Как видим, видео находится внизу. Есть задача разместить видео справа от текста. НО при добавлении столбца справа столбец с текстом суживается. На htmlbook написано: "В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого." Как сделать, чтобы при размещении видео справа от текста ширина левой ячейки не менялась? Спасибо!

    Asked by wingsofrussia,

    0 votes
    14 answers

  10. Принудительная отмена стиля

    Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.

    Asked by johnnybravo,

    0 votes
    14 answers

  11. Помогите вытащить меню

    Здравствуйте, помогите найти такоеже меню, либо вроде такого, как на данном сайте: http://arenaservices.ru/ не могу найти, а так оно мне очень понравилось.

    Asked by b1ohazard,

    0 votes
    6 answers

  12. include

    Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?

    Asked by Angus,

    0 votes
    15 answers

  13. textarea в Google Chrome

    Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме: Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

    Asked by dimacat,

    0 votes
    9 answers

  14. якоря

    Будьте осторожны со стилями для ссылок. Обратите внимание на то, что классический якорь (<a name="anchor">) реагирует на псевдо классы :hover и :active. Чтобы исключить это, используйте в качестве якоря идентификаторы элементов, или немного более заумный синтаксис:link:hover, :link:active. [Dave Shea] Примеры мне подкиньте плиз что это за...

    Asked by bot87,

    0 votes
    4 answers

  15. Проблемы с IE

    Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.

    Asked by andyarus,

    0 votes
    6 answers

  16. Меню

    Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".

    Asked by kuzy,

    0 votes
    11 answers

  17. Много position: absolute - хорошо или плохо?

    Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?

    Asked by Rustick,

    0 votes
    11 answers

  18. 4-х колоночный макет

    Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.

    Asked by Selen,

    0 votes
    7 answers

  19. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea,

    0 votes
    6 answers

  20. Подскажите, как сформулировать запрос.

    Вот здесь _http://ekipazh-service.com.ua/dp/restaurant/id/1992.html у корзины эффект "выпадения с подпрыгиванием". Подскажите, как это правильно называется, чтобы найти скрипт.

    Asked by photograf,

    0 votes
    2 answers

  21. Высота таблицы

    Есть такая проблема. Есть страничка в ней таблица с двумя колонками. Как сделать так чтобы в случае малой заполнености колонок, низ таблицы был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через атрибут height, игнорируют. Как тогда задать высоту таблицы? Прижатием footer к низу страницы проблему решить тоже не удается. Footer находится внизу, а между таблицей и footer возникает пустое место.

    Asked by olgastaf,

    0 votes
    4 answers

  22. IE, куда без него

    Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!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=utf-8" /> <title>Документ без названия</title> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем …

    Asked by kentastik,

    0 votes
    3 answers

  23. Проблема с текстом в блоках в ИЕ

    Добрый день уважаемые гуру и мега ГУРУ Я начинающий сайтостроитель, так сказать по необходимости ваяющий небольшие простенькие сайты, да пытающийся их еще и верстать в разных браузерах, но вот падла ИЕ сует палки в колеса, суть проблемы: НЕПРАВИЛЬНОЕ Отображение текста в ИЕ ПРАВИЛЬНОЕ Отображение текста в Фаерфоксе код в ie.css #rollover1 { text-align:center; font-weight: ; vertical-align:middle; background: url(/images/m101.gif); display: block; width: 132px; height: 39px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } #rollover1:hover { text-decoration: none; background-position: 0 39px; } Ну вроде бы все, буду очень признателен за подс…

    Asked by proud,

    0 votes
    8 answers

  24. Не понятно в чем дело

    У меня возникла проблема в следующем: не могу нормально собрать таблицу, то разъезжается все, то сжимается То что мне надо, но без красного бордера: Link1 Без красного бордера, но получается криво: Link2 В лисичке и опере еще более менее отбражается, а в IE совсем плохо. Идея заключалась в том, чтобы создать таблицу 5*3, крайний слева и справа столбцы - это отступы, а внутренние это оформление(оконтовка) сайта, в центральной ячейке вставлено вертикальное(простейшее) меню. Уже перепробовал кучу способ, чтобы добиться такого оформления Может кто разъяснить где ошибки или подсказать как сделать правильно? С Уважением, Евгений.

    Asked by iLEM,

    0 votes
    20 answers

  25. Как выдрать с сайта потоковое видео?

    Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?

    Asked by antonP,

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