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. 3 картинки, как смастерить?

    В общем нужно, чтобы в картинке была кнопка(картинка)-ссылка, которая при наведении+нажатии осветлялась. В интернете нашёл только вариант с бэкграундом. Получается основная картинка должна быть бэкграундом, а остальные 2(затемнённая и осветлённая) я не знаю как прилепить. Ещё эта кнопка должна находится в определённом месте, получается надо задать координаты. К сожалению мои познания в цсс не глубоки, поэтому прошу помощи. Как это реализовать?

    Asked by Quest182,

    0 votes
    7 answers

  2. Сайт нормально отображается только в Firefox...

    Всем привет, нужна ваша помощь... Вот этот шаблон нормально отображается только в firefox, в остальных - опера, сафари, хром, ие, он отображается одинаково неправильно Вот скрины Файрфокс - http://s002.radikal.ru/i198/1011/44/6d8140fbd45f.png Опера (немного уменьшено)- http://s014.radikal.ru/i327/1011/9a/471a26bcd77d.jpg В чем проблема?

    Asked by 43CrazySpirits,

    0 votes
    9 answers

  3. полупрозрачный слой

    а как сделать блок полупрозрачный?

    Asked by sc@r@bey,

    0 votes
    8 answers

  4. Шапка

    Как мне реализовать чтоб в шапке (head) можно было указать 3 бекграунда - http://s005.radikal.ru/i211/1011/04/7d680c6a8f0d.jpg Там нужно загрузить изображения и указать им ширину в процентах!

    Asked by Mr.Black,

    0 votes
    9 answers

  5. Нужна доска объявлений под Wordpress

    Хай пипл! Кто поможет? Нужна доска объявлений под Wordpress как вот тут: http://www.avito.ru/catalog/all-0/saratovskaya_oblast-653420 Мож кто поможет советом?

    Asked by Silentium,

    0 votes
    2 answers

  6. Верстка фона

    Подскажите пожалуйста, как верстать такой фон? Сам я додумался только до такого: верхний фон - один блок, нижний фон - второй блок. Родительскому блоку (в данном случае <body>) задаю position:relative, а верхнему и нижнему фону задаю pozition:absolute и z-index:-1. В коде вот так: <!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> <style type="text/css"> * {margin:0;padding:0} body {background:#F5F5F5;position:re…

    Asked by Faradey99,

    0 votes
    8 answers

  7. Проблема с меню.

    Есть вертикальное деревоподобное меню. В ИЕ8 работает все хорошо, но в ИЕ7 не очень. Когда нажимаю на Desktops появляется подменю PC, Mac, и потом когда навожу курсор на элемент меню <li>PC</li> , то у меня меняется фон элемента <li>Desktop</li> , а по идее должно только когда навожу на <li>Desktop</li> Здесь ссылка на этот баг . А еще я указал list-style-position:inside но у ИЕ7 когда навожу курсор на любой элемент меню, то backgrpund-color меняется только под элементом <a></a> . HTML-код : <div id="category"> <ul> <li><a href="http://"><b>Desktops</b></a></li> <u…

    Asked by pharaon,

    0 votes
    3 answers

  8. Резиновая шапка с картинкой

    Друзья, подскажите. Есть шапка Как сделать, чтобы центральная часть вместе с тенью оставалась на месте (отметил красным цветом), а слева-справа растягивалась. Или наоборот, нужно центральный div растягивать?

    Asked by jax9011,

    0 votes
    1 answer

  9. Где найти информацию про свойства -moz-

    Подскажите, где можно почитать подробно про свойства, начинающиеся с префикса -moz-. Интересуют самые разные свойства, чтобы можно было их иметь под рукой как справочник этих свойств. Пытаюсь найти про свойство display: -moz-inline-stack; под FF2, но что-то гугл этот текст плохо индексирует.

    Asked by clavin,

    0 votes
    4 answers

  10. помогите исправить код

    в этом коде есть картинка размером 200 на 180 а розовая полоса длиной во всю страницу как зделать её чтоб она была по длине как картинка? Заранее благодарен !!!!! <head> <td width="1"><style type="text/css" > .r1, .r2, .r3, .r4 { display: block; height: 1px; background: #f677c5; } .r1 { margin: 0 5px;} .r2 { margin: 0 3px;} .r3 { margin: 0 2px; } .r4 { margin: 0 1px; height: 2px;} .block-round-content { background: #f677c5; /* Öâåò ôîíà */ padding: 10px; /* Ïîëÿ âîêðóã òåêñòà */ } </style> </head> <img src="images/BRC_4EL.gif" width="200" height="170" hspace=20 vspace=10 class="lef…

    Asked by madman656,

    0 votes
    3 answers

  11. Вопрос по верстке шапки

    Здравствуйте. Мне очень нужен совет и помощь по этому такому вопросу: Работодатель на свою и мою голову стал партнером mamba.ru. Появилась задача сменить дизайн сайта, чтобы он был не таким, как у конкурентов и пр. Нарисовали шапку. И тут все началось. Все файлы лежат на хосте мамбы. Все изменения, которые можно вносить в админке, очень скудны. Чтобы править шапку, туда можно вставлять html и css код, НО!!!! Этот код вставляется не в шапке(не в блоке с id HeadBlock), а до нее, отсюда все проблемы. Все что я добавляю, появляется вверху шапки а не в ней! А добавить туда надо аж 2 меню, он-лайн радио-плеер. Добавил, но теперь не знаю как это все опустить правильно в шапку. В…

    Asked by atosdo,

    0 votes
    2 answers

  12. text-shadow и IE

    Столкнулся с необходимостью добавить тень к тексту и возникла проблема с IE. (не понимает text-shadow). Нашел решение этой проблемы через jquery. Но не хотелось бы из-за нескольких слов его подключать . Подскажите есть ли еще способы добавления тени в осле ?

    Asked by bref,

    0 votes
    6 answers

  13. IE6. Смещается блок странным образом.

    Здравствуйте. Вот сайт: http://programtest.narod.ru/ Проблема: Только в IE6 при сжатии окна по горизонтали (причем быстро, что тоже не понятно) левая колонка начинает смещаться вправо. Так быть не должно. Во всех других браузерах работает корректно. В чем дело? Как убрать баг? Спасибо.

    Asked by ChipAlina,

    0 votes
    11 answers

  14. В меню не отображается русский текст

    Уважаемые форумчане, загвоздка в том что русский текст отображается везде кроме меню, там отображается только английский текст. Подскажиет где может быть ошибка. В самом первом раздела меню в коде я написал "1 Шняга My", но отображается только английский язык, однако в строке меню в правом верхнем углу русский текст "advanced ПОИСК" прекрасно распознаётся. Начало кода такое <!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="ru" lang="ru"> <head> <title>Фотостудия PTsudio</title> <meta http-equiv="Content-Type" content="text/html…

    Asked by Waterman,

    0 votes
    9 answers

  15. различия в IE, Op, FF, Sf,

    Подскажите где можно почитать полный список различий в обозревателях IE, Op, FF, Sf, - я имею в виду установки по умолчанию, глюки, ненормальную трактовку спецификации при верстке на DIV-ах и тп... Я начинающий любитель. Попробовал искать через гугл - ничего не нашел. Я не знаю как это назвать, поэтому через поисковики ничего не нашел. Желательно на русском языке.

    Asked by AleksejR,

    0 votes
    1 answer

  16. Помогите с отступами

    Привет, граждане форумчане! У меня есть такой кусок кода: <ul class="menu"> <li class="level1 item1 first">Клик:</li> <li class="level1 item2">Реф.клик:</li> </ul> Вот как бы мне сделать отступ внитри тега так, чтобы не менять css и чтоб этот отступ изменялся автоматически. Например: Клик: 123 Реф.клик 456 Отступ прозрачной картинкой мне не нравится, т.к. есть и непостоянные величинв и они будут то в 4 цифры, то в 3. Заранее спасибо!

    Asked by allplayer,

    0 votes
    2 answers

  17. Как лучше сделать такой див ?

    Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинк…

    Asked by topos,

    0 votes
    9 answers

  18. Насколько корректно использовать

    Правильно ли в верстке использовать отрицательные margin .class {margin:-250px 5px 10px -270px;} Насколько это правильно и корректно и какие проблемы можно встретить используя отрицательные отступы? Как браузеры воспринимают это или им все равно минусовой он или нет?

    Asked by ShumNo,

    0 votes
    8 answers

  19. html-коды

    Привет всем. Ребят не знаю даже и с чего начать... не давно начал изучать html ....из-за работы был вынужден не могу понять некоторые коды, и инфу о них найти не могу... вот выдрал часть из сайта на который мне дали права админа.... и сказано было устранять проблемы .... но сейчас не об этом... вот: <?if(IsModuleInstalled('sale')):?> <table width="100%" cellspacing="1" cellpadding="1" border="0" style="border-collapse: collapse;"> <tbody> <tr><td> <br /> </td><td valign="top" align="right"> <p align="right"><?$APPLICATION->IncludeComponent( "bitrix:sale.basket.basket.line", ".…

    Asked by jest,

    0 votes
    2 answers

  20. Проблема отображения в ie7

    http://www.bellefille.ru/index.php В ie7 некорректно отображается. Помогите найти ошибку.

    Asked by topos,

    0 votes
    6 answers

  21. Закругление углов у изображений при помощи CSS

    Здравствуйте. Задался вопросом. Есть изображение <img src="1.jpg">. Есть стиль для него: border:1px solid black; Попросту говоря, добавляется граница изображению. В CSS3 есть замечательное свойство border-radius. С его помощью я закруглил углы у границы, но острые углы изображения как бы "выпирают" из-за границы. Есть ли способ закруглить и углы самого изображения, не редактируя картинку? То есть средствами html и css. Вроде как углы закруглятся, если изображение установлено фоном (background), а для изображения тегом есть способ? Заранее спасибо.

    Asked by FRUTALITY,

    0 votes
    3 answers

  22. Как "грамотно" собрать спрайт по цветам или нет ?

    Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна. Но есть тут одна догадка, интересно узнать мнение опытной аудитории. Спрайт лучше собирать по цветам ? Или можно в разнобой ? Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки. В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером. Но я так же могу поделить их по цветам и получиться несколько спрайтов. По скольку макет большой, то работы много не хочется по три раза переделывать. Кто что думает по этому поводу ?

    Asked by soot,

    0 votes
    4 answers

  23. Формы в таблице

    Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td>&lt…

    Asked by alzasr,

    0 votes
    4 answers

  24. Тень от слоя с обеих сторон.

    Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/

    Asked by Dezmont,

    0 votes
    12 answers

  25. верстка меню

    Кто знает как способ как решить данную задачу?

    Asked by mikemake,

    0 votes
    1 answer

  • Обсуждения

    • 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