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. Присвоение width или heigth при помощи js

    Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…

    Asked by nataly,

    0 votes
    1 answer

  2. Как сверстать такую красотульку

    В три дива с бордерами? Это нормально или можно более изящно?

    Asked by Andyk,

    0 votes
    60 answers

  3. Expression для min-width в IE6

    Может кто-нибудь объяснить, чем отличаются эти expression-ы? width:expression(document.body.clientWidth < 980? "980px": "auto" ); width:expression(document.documentElement.clientWidth < 980? "980px" : "auto" ); Первый вариант предлагается повсюду в сети для решения проблемы с min-width в IE6, но у меня он не желал работать. Второй вариант заработал сразу. С чем это связано? П.с. psywalker, спасибо кстати, второй вариант нашла в твоих сообщениях тут)

    Asked by Dinow,

    0 votes
    4 answers

  4. Поиск по календарю на сайте

    Подскажите, пожалуйста, как организовать поиск по дате. Примерно, как здесь http://meloman.ru/?id=9&search[d0]=26&search[m0]=02&search[Y0]=2011&search[d]=26&search[m]=02&search[Y]=2011&PAGE=1 Видимо, каждому мероприятию добавляется якорь одинаковый для всех, что относятся к одной и той же дате. При щелчке по этой дате в календаре, все мероприятия, назначенные на эту дату, выводятся на одной страничке. Спасибо.

    Asked by yoot,

    0 votes
    4 answers

  5. 2 текстовых поля

    Здравствуйте, раньше делал такое, и что то подзабыл уже(( <p> <input name="1" type="text" /> </p> <p> <input name="2" type="text" /> </p> как сделать что бы при вводе данных в первре поле, они сразу же вводились во воторое, помню что код был а 2-3 строчки, помогите плиз,.. Спасибо!

    Asked by slavok47,

    0 votes
    2 answers

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

    Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.

    Asked by tutmanov,

    0 votes
    3 answers

  7. Высота резина, и область наполнения(Content) с скролом.

    Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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" xml:lang="en" lang="en"> <head> <title></title> <me…

    Asked by diarh,

    0 votes
    3 answers

  8. Размер шрифта в Windows и Linux

    Проблема: есть сайт представляет из себя разрезанную картинку сверстанную таблицей. Когда делался сайт у меня была установлена операционка windows, все под это дело и подгонялось под все браузеры. А теперь при переходе на linux выяснилось что весь сайт разлезся и превратился в кашу непонятную... И все потому что шрифт стал больше, соотвенно и картинки все поздвигались. Как теперь это исправить не пойму, и можно ли теперь сделать так чтобы везде сайт выглядел одинаково?

    Asked by oksanaweb,

    0 votes
    21 answers

  9. javascript

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

    Asked by contact,

    0 votes
    7 answers

  10. холочу что бы правильно отображался текст

    ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ

    Asked by korchak,

    0 votes
    52 answers

  11. аналог Firebug для IE

    Есть что-то подобное Firebugа для IE? Нашел в инете ФайрДебаг но там в коде на сайте типа ихнию жс ссылку добавить надо...А если нет такой возможности а просто надо протестировать не входя в код... в 4х браузерах все норм ток ИЕ не правильно отображает...даж не знаю где ошибку искать ((

    Asked by Simon,

    0 votes
    1 answer

  12. html5 video autoplay

    Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…

    Asked by vfp7,

    0 votes
    11 answers

  13. ie6 и 3px

    Люди добрый, помогите! Возникла такая проблема: Есть следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div id="header_up"> <div id="header_up_part1"> </div> <div id="header_up_part2"> </div> <div id="header_up_part3"> </div> <div id="header_up_part4"> <!-- Search --> </div> <div id="header_up_part5"> </div> <div id="header_up_rubbe…

    Asked by redhawk,

    0 votes
    4 answers

  14. Редактирование поиска от Google!

    Здравствуйте! В первоначальном виде форма поиска и кнопка "поиск" находятся на одной линии! Как перенести кнопку ниже, чтобы она отображалась под строкой поиска, ровно по середине экрана, загвоздка в том, нужно чтобы это отображалось аналогично и в телефоне, я использую свойство position (и в процентах, и в пикселах) перемещать кнопку получается, но в телефоне отображается всё иначе!!??? вот сайт puerhcatalog.com

    Asked by izbash,

    0 votes
    1 answer

  15. Помогите решить проблему с z-index

    Суть вот в чем: есть рамка - #frame, и есть блок изображений, который должен находиться под рамкой - #img_box Проблема заключается в том, что блок изображений с упорством, достойным лучшего примерения, отображается сверху. Вот HTML: <div id="frame"> <div id="img_box"> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> </div> </div> ССS: …

    Asked by Mila,

    0 votes
    4 answers

  16. Ссылка для проверки отображения сайт в браузерах

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

    Asked by Vezuvian,

    0 votes
    9 answers

  17. Посоветуйте HTML-редактор замену Dreamweaver

    Подскажите плиз замену громоздкому Dreamweaver. Скачал KompoZer, но там нет подсветки синтаксиса и когда создаёшь таблицу например в две строки и хочешь обьединить в строке ячейки то они объединяются во всей таблице.

    Asked by d6|maz,

    0 votes
    74 answers

  18. Как привязать объект к определённому месту

    Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?

    Asked by vamfirius,

    0 votes
    6 answers

  19. IE8.0 стили для таблиц

    Добрый день. Подскажите, пожалуйста как обойти проблемы: 1. Чем заменить cellspacing для IE8.0 или без вариантов пихать в атрибут в тег<table> ( border-spacing IE не хочет кушать)? CSS .tabtest {border:0px; padding:0px; border-spacing:0px} HTML <table class="tabtest"> 2. Не работают соседние селекторы причем только в IE (в FF3.6 и Cr9.0 работают) CSS .tableft {background-color:#FFF} .tableft + TD {background-color:#DDD} HTML <tr><td class="tableft">test</td><td>content</td></tr>

    Asked by Rescuer,

    0 votes
    6 answers

  20. Верстка страниц с использованием HTML5 и CSS3.

    Здравствуйте. У меня возникли проблемы с новыми семантическими тэгами языка разметки HTML5. Не могу определиться в каком случае выбрать тэг <section> , а в каком случае <div> , также нет полной уверенности в том что я правильно понимаю сущность тэга <article> . Еще одна проблема это правильность структуры заголовков h1 - h6. Приблизительно то что я хочу сделать я набросал на этой "наскальной живописи": Для "Шапки" я использую тэг <header> , внутри "Шапки" расположен тэг <nav> , сразу за "Шапкой" идет тэг <section> для "Слайдера" главной страницы, потом идет <section> для "Имени документа" в котором лежит тэг <h1> . Самая б…

    Asked by Mortician,

    0 votes
    6 answers

  21. тег <p>

    я всегда использовал тег <p> Пример: <p>Обновлена информация в разделе <a href="http://cmonet.ru/index.php?option=com_content&view=article&id=160&Itemid=51">Монеты на обмен</a> появилось 11 новых монет на обмен.</p> <h2>2 рубля:</h2><p><b>Сталинград</b> 2000 и <b>Гагарин</b> 2001 две штуки.</p> <h2>10 Рублей:</h2><p><b>Вооруженные силы</b> РФ 2002, <b>Старая Русса</b> 2002, <b>Министерство Иностранных дел</b> РФ 2002, <b>Ряжск</b> 2004, <b>60 лет Победы</b> 2005, <b>Республика Калмыкия</b> 2009…

    Asked by ghost,

    0 votes
    7 answers

  22. Перекрытие меню

    Во время верстки сайты вышла проблема: при открытии какого-либо меню, то нижние меню его перекрывают. как можно решить данную проблему? судя по всему проблема кроется в CSS и JS. заранее спасибо вот скриншоты: Также прикрепляю JS и CSS-файлы: JS CSS

    Asked by choppylion,

    0 votes
    2 answers

  23. Дрессировка кошек

    Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: http://jsfiddle.net/eZ2y2/embedded/result/ HTML: <div id="wrapper"> <div style="height: 1000px;">content</div> </div> <img id="photo" src="http://basik.ru/images/firecat/short.jpg"> CSS #wrapper { width: 400px; background: red; margin: 0 auto; opacity: 0.5; } #photo { border: 1px solid blue; position: fixed; top: 0; left: 0; z-index: -1; he…

    Asked by yarikus,

    0 votes
    10 answers

  24. jCarouselLite интересный вариант и установка

    Наткнулся на интересный плагин jQ. Называется jCarouselLite. Решил реализовать такой вариант: При нажатие на картинку из списка, не перезагружая страницы, она открывается там, где на макете расположена основная картинка. Стрелочки ниже реализуют переключение следующей картинки, опять-таки не перезагружая страницы. Плагин jCarouselLite позволяет всё это, но проблема в том, что я вообще не понимаю..даже примерно как реализовать подобное, но очень хотел бы разобраться. Думаю эта тема поможет многим, если её развить!

    Asked by boompaw,

    0 votes
    9 answers

  25. Некорректное отображение навигации на Widescreen'ах

    На стандартных мониторах все замечательно, на вайдскирнах навигация едет вправо и буквы выглядят растянутыми. Если кто-нибудь сталкивался, буду признателен за помощь. Сайт http://christopherbean.com/new/

    Asked by rusmn,

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