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. Помогите плз

    Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. html <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…

    Asked by MaferoK,

    0 votes
    2 answers

  2. не работает ссылка

    Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть

    Asked by oledjiks,

    0 votes
    3 answers

  3. Опять выпадающее меню

    Выручите /* удалил урл */ Вот тут на подменю нажать не получается, потому что оно пропадает. А на главной странице оно вообще не появляется. Вёрстка не моя. _http://sko.10401.aqq.ru/ Вот это я делал, здесь меню сделано точно так же - и работает. Где собака зарыта о_О?

    Asked by Gaspode,

    0 votes
    10 answers

  4. создание меню

    привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.

    Asked by shtilev,

    0 votes
    4 answers

  5. Всплывающее меню

    У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…

    Asked by slava03,

    0 votes
    17 answers

  6. позиционирование в CSS

    Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  7. Подсказки в форме

    Добрый вечер, хочу научится делать подсказки на форме ввода данных. Чтобы как в поисковиках, начинаешь вводить слово потом появляется (серым цветом) возможное его продолжение. Заранее спасибо!

    Asked by Select,

    0 votes
    3 answers

  8. Картинка валидации

    Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы

    Asked by alexey_,

    0 votes
    1 answer

  9. подчеркивание текста

    народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?

    Asked by shtilev,

    0 votes
    3 answers

  10. Не пойму почему создается оступ

    Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.

    Asked by Artik20003,

    0 votes
    12 answers

  11. Div background repeat-y

    Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…

    Asked by corsair,

    0 votes
    9 answers

  12. Прозрачная картинка...

    В продолжение этой темы... Выключаю все слои, кроме того, что с нужной прозрач. картинкой (он серый и прозрачный), выделяю прямоугольным выделением, копирую с содержимым, вставляю в новый документ и сохраняю для Web и устройств в PNG... В итоге получаю непрозрачную картинку!! ( Что не так?? Как же добиться прозрачности??

    Asked by DrStrangeLove,

    0 votes
    28 answers

  13. Резиновая верстка в 3 колонки

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

    Asked by johnson,

    0 votes
    18 answers

  14. Фиксация заголовка таблицы при прокрутке

    Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?

    Asked by Webr,

    0 votes
    10 answers

  15. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!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"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  16. Проблема с версткой div

    Подскажите как исправить ошибку в верстке. Собственно вот линк _http://coldafan.ucoz.ru/. Нужно, чтоб блок с контентом не растягивался вместе с левым столбцом (блоки меню). А если перейти в "полную новость", то блок не растягивается. Как исправить?

    Asked by Farllok,

    0 votes
    10 answers

  17. Резкая прокрутка вверх в Opera

    Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?

    Asked by TMGLUK,

    0 votes
    1 answer

  18. помогите передвинуть модуль

    используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля

    Asked by kote,

    0 votes
    4 answers

  19. как добавить див через :before for ie6?

    <!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"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…

    Asked by bot87,

    0 votes
    6 answers

  20. Кодировка ANSI в Dreamweaver.

    Здравствуйте. Подскажите... При открытии php файла(в ansi кодировке) в Dreamweaver'е, кирилица отображается кракозябрами, в настройках Dreamweaver'a ansi нет, а нужна именно она, можно их как-нибудь пожружить?

    Asked by Bagi,

    0 votes
    4 answers

  21. import css

    Какая разница между двумя импортом файла CSS? Абсолютные и относительные ссылки доступны в первом и втором, тогда зачем два импорта? 1) @import url("имя файла") типы носителей; 2) @import "имя файла" типы носителей;

    Asked by EnerGizer,

    0 votes
    3 answers

  22. Меню сайта

    Выкладывание заражённой ссылки.

    Asked by alessandrou,

    0 votes
    1 answer

  23. при наведении на ссылку

    сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)

    Asked by marnikus,

    0 votes
    10 answers

  24. Селектор color

    Цитирую строку из курса CSS на данном сайте: -Например, для color, который устанавливает цвет текста, в качестве значений недопустимо использовать числа. Разве это правильно?

    Asked by EnerGizer,

    0 votes
    2 answers

  25. Выравнивание содержимого блока DIV по вертикали

    Всем привет! Допустим, имеется блок div со следующим описанием: <div style=" border: 1px solid black; height: 200px; width: 100px;">Text </div> Если добавить этот код в HTML документ, то получим контейнер 100px*200px с текстом "Text". Какой атрибут CSS нужно добавить к описанию стиля DIV, чтобы выравнять Text по вертикали по центру нашего контейнера? Да и существует ли такой атрибут? Заранее спасибо за помощь!

    Asked by ili4-87,

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