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. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  2. Непонятка в официальном тесте CSS 2.1

    Вот этот тест. Что значит, "Test passes if there is no red visible on the page"? С какого перепугу блок должен ужаться до нуля вместо ширины буквы? Во всех браузерах я вижу букву на красном фоне, и в меру моего понимания спеки считаю это правильным. Ошибка в тесте, что ли?

    Asked by SelenIT,

    0 votes
    2 answers

  3. ie

    http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!

    Asked by Select,

    0 votes
    4 answers

  4. Перенос ссылки на верхнюю строку

    Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:

    Asked by Rise,

    0 votes
    3 answers

  5. секундомер на сайте (скрипт, код и т.д.)ю Как сделать?

    Друзья, а как сделать секундомер (просто счётчик) на сайте (какой скрипт или код) чтобы можно было время, минуты и секунды прикрутить отдельно? и еще какой скрипт позволяет отрывать одну картинку из фотогалереи (разумеется, увеличивается на весь экран, а фон прозрачно — чёрный)?)

    Asked by MILLIONER,

    0 votes
    1 answer

  6. Подсветка колонок таблицы при наведении мыши

    Прошу совета. Общеизвестно, как подсветить строку таблицы при наведении мыши. Например: tr:hover {background-color: #FF0000} Но вот можно ли подобным способом подсвечивать колонки? Только умоляю - без скриптов. Я в них мало разбираюсь и вникать некогда. Если без них никак - то и ладно. В идеале нужна табличка, где при наведении мыши на ячейку подсвечивались бы одновременно и строка и столбец, крестом.

    Asked by Pinguin,

    0 votes
    9 answers

  7. смещается подвал в ie8

    помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка

    Asked by cyklop77,

    0 votes
    6 answers

  8. Подныривание под div'ы с float в IE 7.0

    Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

    Asked by webmos,

    0 votes
    3 answers

  9. javascript

    У меня возникла проблема, для зачета надо сделать сайт для архитекторов. Все вроде получается. Есть список их проектов, при нажатии на название в правом нижнем углу открывается скрытый текст. Вот только проблема в том, что прежде чем отрыть новый текст нужно повторное нажатие на название проекта, иначе тексты наслаиваются друг на друга. Может кто поможет, вот кусок javascript'а: <head> <script language="JavaScript"> function expandit(id){ obj = document.getElementById(id); if (obj.style.display=="none") obj.style.display=""; else obj.style.display="none"; } </script> </head> <li> <a style="cursor:pointer;" onClick="expandit('proj1')"> …

    Asked by Last person,

    0 votes
    5 answers

  10. Не видна панелька от кнопки "Мне нравится"

    Разместил на странице http://www.green-pan.ru/ru/page-2613.htm кнопку от facebook "Мне нравится". Когда на нее нажимаешь, появляющаяся панелька не видна полностью на экране. Подскажите, как это можно поправить?

    Asked by evshi,

    0 votes
    4 answers

  11. Знак рубля

    Да, тема уже понималась, но было это в году в 2009 и не совсем понравилось что там писали. Поэтому решил открыть тему снова. Думаю у Лебедева все читали. Но я столкнулся с такой проблемой. С тире все смотрится отлично. Для IE нужен шрифт Rubl Sign. Вот он то у меня и не цепляется. Кто может сказать в чем проблема? Пробовал и с его сайта и к себе качать. Есть еще шрифт PTSerif, который работает везде кроме Оперы. В коде, ясно, будет так: <span class="r">р</span> Хотел для IE сделать одноразовый экспрешн, который бы удалял букву р, и вставлял бы туда код символа рубля и для которого бы применялся шрифт PTSerif. .r{ zoom: expression(runtimeStyle.zoom = 1, thi…

    Asked by bob_24,

    0 votes
    0 answers

  12. Ошибка валидации

    Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>

    Asked by Kerny,

    0 votes
    3 answers

  13. Вечные проблемы с валидацией

    Валидатор ругается на эту строку, а именно на data-href, data-width, data-show-faces, data-border-color, data-stream, data-header. <div class="fb-like-box" data-href="http://www.facebook.com/pages/Free-Place/255003731206097" data-width="240" data-show-faces="true" data-border-color="#EEEEEE" data-stream="false" data-header="false"></div> Есть решение этой проблемы?

    Asked by Alex&R,

    0 votes
    6 answers

  14. Смена изображения

    Здравствуйте, подтолкните на мысль как реализовать конструкцию в которой нажатие на ссылки приводит к смене фона. В общем Вот Должно работать в IE6! Заранее спасибо. PS. c javascript дело не имел)

    Asked by fragilewelldone,

    0 votes
    19 answers

  15. обратная форма

    сверстал обратную форму а дело то вот в чем подскажите как сделать так что человек лазит по сайту жмет на определенные ссылки и в обратную форму добавляется какая либо информация она накапливается и накапливается потом челок жмет отправить и вуаля форма очищается (между заходами на сай данные из формы удалятся не должны) а у меня инфа

    Asked by voin545,

    0 votes
    1 answer

  16. Как подрегулировать расстояние между буквами

    Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing

    Asked by borus,

    0 votes
    3 answers

  17. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green,

    0 votes
    2 answers

  18. Coda Slider

    Добрый вечер!!! Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, не видать всё не так просто... Этот скрипт его вызывает: <script type="text/javascript"> $(window).bind("load", function() { $("div#slider1").codaSlider() }); </script> Собственно слайдер: <div id="menu"> <!-- ************ --> <!-- SLIDER --> <!-- ************ --> <div class="slider-wrap"> <div i…

    Asked by Anuksanomun,

    0 votes
    2 answers

  19. Форма и Google Chrome

    Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome

    Asked by andrecool,

    0 votes
    2 answers

  20. Картинки в background.

    Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.

    Asked by Sofmes,

    0 votes
    5 answers

  21. мини интернет магазин

    люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…

    Asked by voin545,

    0 votes
    0 answers

  22. Высота iframe

    Уважаемые кодеры! Скажите, пожалуйста, возможно ли сделать так, чтобы высота блока iframe подстраивалась под высоту содержимого? Дело в том, что у меня во фрейме выпадающий список. Спасибо заранее!

    Asked by fruit,

    0 votes
    4 answers

  23. margin в %

    Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???

    Asked by dostel1,

    0 votes
    2 answers

  24. Смена стилей страницы при изменении размера окна браузера

    Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/

    Asked by goooooch,

    0 votes
    2 answers

  25. border-image

    Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/

    Asked by LIFE-STALKER,

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