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. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  2. ХЕЛП: проблема с простейшей таблицей в ФФ.

    Всем привет! Ребят помогите, плз. Проблема во вставке разноразмерных картинок в табло с объединенными ячейками. Может глаз замылился, но я уже ее и так и эдак - бесполезно. Хотя, ну, что тут три строчки простейшего кода. В ФФ - она вглядит вот так картинка в ФФ А должно собственно вот так вот, как в ИЕ картинка в ИЕ <table> <tr> <td rowspan="3"><img id="fock" src="img/pLiving.gif" /></td> <td><p>Кухня</p><a id="aprtmnt1" href="apartments1.html"><img src="img/kitchen.gif" /></a></td> </tr> <tr> <td ><p>Ванная</p><img src="img/bathroom.gif" /></td>…

    Asked by eezzaa,

    0 votes
    3 answers

  3. Проблемы с плавающими блоками

    HTML: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="ru-ru" lang="ru-ru" dir="ltr" > <head> <title>Продукция-Столярные Технологии Михайловск - СТМ</title> <meta name="robots" content="index, follow"/> <meta name="title" content="Продукция-Столярные Технологии Михайловск - СТМ" /> <link href="/stm-ltd.com/templates/stmltd/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="/stm-ltd.com/templates/stmltd/css/…

    Asked by ownercoder,

    0 votes
    3 answers

  4. Проблема с отступами

    Допустим есть куча элементов внутри какого-нибудь контейнера, для контейнера задан padding: 1em; Как сделать так, чтобы этот отступ был задан для всех элементов, кроме нескольких (например div с каким-нибудь особенным классом)? Количество элементов внутри контейнера может быть огромным и всегда будут появляться новые, притом классифицировать их тоже никак нельзя (движок не позволяет). Поэтому задавать margin: 1em; для каждого элемента тут не получится.

    Asked by Kenshi45,

    0 votes
    5 answers

  5. Динамические web-страницы

    Доброго времени суток! Подскажите пожалуйста как в ниже приведенном примере выводить слой (ограниченный тегами <div id="apDiv1"></div>) не в статически заданном месте как в данном примере, а всегда после кнопки <input type="submit" name="buttonE" id="buttonE" value="CC" />. Количество строк изменяется динамически поэтому статическое положение не устаивает. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тест</title> <style type="text/css"> <!-- .C { text-align: center;} #apDiv1 {position:absolute;left:5px;top:660px;width:1000px;height:80px;z-index:1;} --> </…

    Asked by PavluxaF,

    0 votes
    1 answer

  6. как создать плавающий flash-банер

    Помогите создать новичку плавающий фелш-банер, плавать он должен ненавязчиво слева или справа. Сам банер есть, не знаю как его заставить плавать. Слышал, что это как-то делается через css

    Asked by revresbo,

    0 votes
    12 answers

  7. бордер для а

    есть <p><a>бла-бла-бла</a></p> —- css — a {border-bottom: 1px dashed red} ———— в ие7 нет нижней границы, <a> блочным делать нельзя, line-height тоже... что тогда можно тут придумать.....???? с данной проблемой уже встречался, но не помню как решил...(((

    Asked by Lincky,

    0 votes
    5 answers

  8. проблема с text-decoration

    Добрый день! Заданы св-ва a:link{ color: #003399; text-decoration: underline; font-weight: normal ; font-size: 13px;} h3 {font-size : 15px; text-decoration : none; color : #4682b4; margin : 5px 0; } Код <a href="http://www.foxelectro.ru/content/blogcategory/62/81/"><h3>Статьи</h3></a> Несрабатывает text-decoration : none; для h3 в ie (цвет, размер меняются а подчеркивание остается) , в ff отображается как надо без подчеркивания...Это как-нибудь можно исправить???

    Asked by Foxelectro,

    0 votes
    10 answers

  9. NAME=""

    Неужели не все элементы HTML имеют параметр name? Очень нужен параметр name для элемента table. И вроде не работает. Так вот есть ли у table параметр name???

    Asked by Zhekic,

    0 votes
    11 answers

  10. Активный пункт меню в квадратных скобках

    Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!

    Asked by smalish,

    0 votes
    12 answers

  11. Список и отступы.

    Меню на сайте сделано списком. Ссылкам в списке указан padding-left и padding-top. При просмотре в браузере: влево ссылки подинулись, а отступ от верха не сделали. Почему так?

    Asked by top-top,

    0 votes
    3 answers

  12. Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax

    Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился…

    Asked by relax,

    0 votes
    9 answers

  13. Одна ячейка, разное выравнивание

    Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…

    Asked by psywalker,

    0 votes
    20 answers

  14. Картинка на "шапке" сайта

    коллективно пытаемся дорабатывать сайт на шаблоне Юкоза под тематику WOW (для игровой гильдии) создали простенькую картинку для "шапки", но как заставить ее подстраиваться под различные разрешения мониторов - не можем сообразить. Программистов у нас нету, уже три месяца стараемся доходить до HTML сами (с CSS еще не разбирались). Если можно, - подскажите. ЗЫ: - сайт http://guards-of-death.ucoz.ru/ ; картинка 1250х240 - на моем мониторе (разрешение 1280х800) располагается нормально.

    Asked by Lund,

    0 votes
    3 answers

  15. Очень нужна помощь

    Мужчины! Знаю, что есть 2 варианта решения данной проблемы-отредактировать имеющийся шаблон или создать новый, но нет хорошего руководства (для пользователя) как это сделать

    Asked by Angela,

    0 votes
    4 answers

  16. Кроссбраузерность (Three pixels text jog)

    Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

    Asked by termoplus,

    0 votes
    13 answers

  17. Печать html-страницы

    при пред просмотре на печать html-страницы, пропадет фон и цвета, все выставляется в настройках браузера, а есть ли возможность по умолчанию это делать, что бы при печати и фон и цвета было видно?

    Asked by Rukkos,

    0 votes
    5 answers

  18. Увеличение картинки в новом окне

    Доброго времени суток! Знаю, что подобная тема поднималась не однократно, но никак не получается найти именно то, что я хотела бы видеть... Помогите разобраться, пожалуйста. Есть превью, которые располагаются в правой части страницы. Хочу, что бы при наведении курсора превьюшки увеличивались, но не где пришлось, а в определенном для этого месте, в левой части страницы, в новом маленьком окне или слое. А при нажатии мыши, фиксировалась увеличенная картинка. Как это можно сделать при помощи css? Уже мозоли на пальцах от попыток Плиз, хелп ми!!! Заранее СПАСИБО всем откликнувшимся!

    Asked by Светлёнка,

    0 votes
    6 answers

  19. Нужна помощь

    Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Asked by DasBit,

    0 votes
    7 answers

  20. IE 7 и браузеры, Шрифт

    Почему IE сглаживает sans-serif шрифты и уменьшает расстояние между буквами? А именно для примера: зайдите по ссылке http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html с помощью IE (у меня 7й) и например браузером Mozilla. Обратите внимание на строку "Verdana, Verdana, Geneva, sans-serif". - IE сглаживает и уменьшает расстояние между буквами. Помогите плс решить проблему, оч надо..

    Asked by 1nf,

    0 votes
    4 answers

  21. Нужна помощь по JS

    Доброго время суток! Подскажите пожалуйста что значат следующие строчки (каждая по отдельности): 1) newstr = str.replace(/\n+/g, ' '); 2) str = str.slice(0, 100); 3) if(document.getSelection()) {

    Asked by Fid,

    0 votes
    3 answers

  22. Вопрос по SELECT-ам!

    Вот этот выпадающий список: <select name="VidTov" size="1"> <option selected>Выберите производителя</option> <option value="t1">AEZ </option> </select> мне нада связать со списком такого типа: Товар:<br><center><SELECT multiple name=list1 size=5 id='TovAEZ'> <option value="m1" selected> AEZ Excite матовый чёрный </option> <option value="m2">AEZ Forge A </option> <option value="m3">AEZ Intenso </option> Через JS или CSS Т.е. мне нада чтобы при выборе МАрки товара AEZ из первого списка... во втором списке появлялись товары AEZ Excite матовый чёрный, AEZ Forge A, AEZ Intenso! Кто ч…

    Asked by Gamezeldol,

    0 votes
    1 answer

  23. атрибут для caption=""

    Привет народ! Валидатор ругается в этом коде на первую кавычку = caption="альбом - Архитектура"> и пишет так = there is no attribute "CAPTION". доктайп - DTD HTML 4.01 Transitional Какую ему кавычку подсунуть? Доктайп менять не охота

    Asked by styleroom,

    0 votes
    9 answers

  24. не работает прозрачность

    по каким причинам кроме может не работать свойство opaciy? (пользуюсь браузером Мozilla а не Explorer). допустим есть gif анимация: сделал так что б была ссылкой в стилях написал a { opacity:0.5;} a:hover { opacity:1.0;} почему то не работает пожалуйста объясните причину или напишите правильный код

    Asked by Влад_1995,

    0 votes
    6 answers

  25. Эти странные гиперссылки

    создаю сайт на языке html. Изучая структуру ссылок, очень часто встречал ссылки, наподобие: http://sitename//11.html?subpage=195 мне всё понятно, кроме ?subpage=195. что это такое? что она даёт и как мне сделать подобные ссылки на своём сайте? Тока объясняйте для чайника, пожалуйста, от а до Я, а то я слабо разбираюсь в этом деле... Много книжек перерыл, интернет, ничё доступного для моего мозга не нашёл по этому вопросу.

    Asked by eunion,

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