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. position:relative - задница в ИЕ6

    На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …

    Asked by Колос,

    0 votes
    4 answers

  2. Все те же скругленные углы, но...

    Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

    Asked by splean,

    0 votes
    10 answers

  3. ширина вертикального ul

    мозг натерла, спасите меня, плиз есть вертикальный список, у которого ширина должна зависеть от текста в li. а ul, зараза, элемент блочный и тянется на всю ширину родителя. а у него рамочки, поэтому ширина растянутая заметна. что плохо. код такой: ul.categories { border: solid 1px #464646; border-bottom: none; width: auto; } ul.categories, ul.categories li { list-style-image: none; list-style-position: outside; list-style-type: none; } ul.categories li { padding: 3px 16px; border-bottom: solid 1px #464646; } ul.categories li a { font-size: 11px; color: #fffffc; text-decoration: none; text-transform: uppercase; } ul.categories li a:hover { color: #ff7800; } …

    Asked by kalyaka-malyaka,

    0 votes
    8 answers

  4. Ширина блока в IE

    У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…

    Asked by Mila,

    0 votes
    4 answers

  5. div'ы в ячейке таблицы

    Доброго времени суток всем! Столкнулась с такой проблемой. В левом столбце таблицы ширина которого 600px мне нужно разместить несколько превьюшек определенного размера. Как их выровнять в ячейке по центру? И возникла проблема с mozill_ой-отображает превью в виде маленьких квадратов... CSS .image { float: left; padding: 3px; margin: 6px 12px 12px 6px; border: 1px solid #CCCCCC; } html <table width="100%" border="0"> <tr> <td colspan="2"><h4 align="center">Фотоальбомы</h4></td> </tr> <tr> <td width="600" align="center"> <div class="image"><a href="# target="_blank"><img sr…

    Asked by Angela,

    0 votes
    6 answers

  6. Про обтекаемость дивов.

    В общем есть фотогалерея, там каждое фото обвёрнуто в див. float: left. Картинки расположены горизонтально, как экран кончается - картинки переносятся на новую строку. Проблема в том, что если идёт большая по высоте картинка, а за ней две маленькие и конец экрана, то 2 маленькие картинки обтекают большую, а надо чтобы обтекала одна маленькая, а вторая переносилась на новую строку. Если вопрос не понятен, я нарисую пояснение

    Asked by Flake,

    0 votes
    7 answers

  7. Загадка CSS

    Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!

    Asked by murtts,

    0 votes
    7 answers

  8. Проблема с кроссбраузерностью

    Здравствуйте! Помогите пожалуйста - очень надо, а то дело простаивает - пишу сайт www.zhivoyfest.ru И вот проблема - собственно #content { /* Основное содержание страницы */ background: #6a6a6a url("img/3.jpg") no-repeat; border: solid 1px black; /* Параметры рамки */ width: 700px; min-height: 94px; margin-left: 250px; /* Отступ слева */ margin-bottom: 20px /* Отступ снизу */ } #content h{ /* Основное содержание страницы */ display: block; font-size: 1.3em; font-weight: bold; text-decoration: none; color: #bababa; font-family: Verdana, Arial; text-transform: uppercase; padding: 12px 0px 14px 15px; } стиль content h в мозиле отображается как …

    Asked by Patriot_spb,

    0 votes
    13 answers

  9. Проблема с кроссбраузерностью

    Здравствуйте! Помогите пожалуйста - очень надо, а то дело простаивает - пишу сайт www.zhivoyfest.ru И вот проблема - собственно #content { /* Основное содержание страницы */ background: #6a6a6a url("img/3.jpg") no-repeat; border: solid 1px black; /* Параметры рамки */ width: 700px; min-height: 94px; margin-left: 250px; /* Отступ слева */ margin-bottom: 20px /* Отступ снизу */ } #content h{ /* Основное содержание страницы */ display: block; font-size: 1.3em; font-weight: bold; text-decoration: none; color: #bababa; font-family: Verdana, Arial; text-transform: uppercase; padding: 12px 0px 14px 15px; } стиль content h в мозиле отображается как …

    Asked by Patriot_spb,

    0 votes
    1 answer

  10. Некорректное меню в IE6

    Здравствуйте уважаемые форумчане. Появилась надобность сделать раздвигающееся меню с использованием чистого CSS без всяких скриптов.. Воспользовался примером вот отсюда: _trifler.ru/blog/post_1200597092.html Как всегда вылазят бока в любимом ИЕ6=\ Вобщем в лисе все отображается отлично. Вот так меню выглядит в изначальном состоянии: Вот так при наведении мыши: В долбаном же ИЕ6 обнаружились какие-то левые отступы: Изначальное состояние: При наведении мыши: Путем экспериментов определил следующее.. в файле стилей есть вот такой параметр: Если его удалить, то в лисе появляется такой же отступ. Я так понял, этот параметр не принимается ИЕ6? Так ли это, и если так, то к…

    Asked by rijy,

    0 votes
    7 answers

  11. Блок в самом низу

    Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?

    Asked by AntonSolo,

    0 votes
    25 answers

  12. Расскрывающееся меню с подсказками

    Надеюсь на помошь людей знающих JavaScript. В общем проблема такая: нужно поставить раскрывающееся меню в форме в количестве двух и более штук на страницу, а при установке из двух меню работает только одно, хотя значения в них разные. Подскажите, пожалуйста какие параметры необходими изменить для того чтобы размесить несколько подобных меню на странице...... Вот пример меню: <form name="a294" > <select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)"> <option selected value="http://undereform.com/photo/">--Выберите исполнителя--</option> <option value="/photo/17">Aaron Spectre&…

    Asked by dscoma,

    0 votes
    8 answers

  13. Не правильно отбражает в IE

    В опере и других браузерах более или менее центральная часть страницы нормально отображается, а вот в IE, прямо какая то беда.. .!!! Подскажите пожалуйста, что сделать, чтобы изображение страницы было, как опере http://protokoly-khromtsev.narod.ru/Abramov_Nikolai.html вот css для блока div и т.д.: .roundcont {width: 95%; margin-left:20px; margin-right:20px; background-color: #C0E4FF; text-align:center; color: #000000;} .roundcont p {margin: 0 10px;} .roundtop {background: url(images/tr12.gif) no-repeat top right; } .roundbottom {background: url(images/br42.gif) no-repeat top right; } img.corner…

    Asked by instruktor,

    0 votes
    0 answers

  14. Разрешение экарана и jpeg

    Добрый вечер. Вопрос таков. У меня картинка(jpeg) с разрешением 1600 на 1200 в верху. Я вижу только левую её часть. Как сделать так, чтобы размеры картинки было фиксированным, не взирая на разрешение экрана будь то 800 на 600, 1024 на 768 .... С Уважением Олег

    Asked by nod32rus,

    0 votes
    10 answers

  15. Текст в окне полосы прокрутки

    Здравствуйте! У меня вопрос, как в scrollbar сделать одно слово из текста курсивом? Я использую такой код: <p><textarea name="formtextarea1" rows="13" cols="86" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-3dlight-color:rgb(102,102,102); scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Текст текст текст текст текст текст текст текст текст текст текст текст те…

    Asked by Тамрико,

    0 votes
    10 answers

  16. Насыщенность специальных символов

    Что делать в этом случае?

    Asked by Destrifer,

    0 votes
    2 answers

  17. Градиентный фон

    Подскажите, а градиентный фон я могу создать только с помощью изображения?

    Asked by woofs,

    0 votes
    5 answers

  18. Подскажите про цвет ссылок плиииз

    Имеется блок <TD></TD>, внутри него много ссылок. Как с помощью CSS только внутри этого блока (а не во всём документе) можно поменять цвета ссылок: цвет обычной ссылки, цвет активной ссылки, цвет посещенной ссылки. То есть я так понял, что <TD CLASS = "MyClass"></TD>, а вот как объявлять .MyClass{???} не знаю. Спасибо заранее!

    Asked by DasTPID,

    0 votes
    7 answers

  19. Нужно ли загрывать тег meta

    Нужно ли закрывать мета-теги при вот таком доктайпе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Veseloff,

    0 votes
    3 answers

  20. Как изменить цвета елементов формы?

    Подскажите пожалуйста

    Asked by nds,

    0 votes
    2 answers

  21. Использование чужого дизайна и картинок

    Здравствуйте! У меня больше юридический вопрос, чем по HTML. Я начал писать сайт, вот только дизайнерского вкуса у меня нету. Да и в фотошопе рисую не очень. Шаблонов подходящих не нашел, но нашел красивый сайт. Имею ли я право скопировать его дизайн и картинки себе на сайт? Если не имею, то как это наказуется?

    Asked by Dude,

    0 votes
    6 answers

  22. Вопрос по кнопкам

    Моё приветствие тиграм HTML-вёрстки! Помогите пожалуйста неофиту. Хочу чтобы кнопки были ссылками,вроде бы добился желаемого,таким вот макаром но этот вариант работает почему-то только в FF, а в IE нет, почему?

    Asked by bravada j,

    0 votes
    11 answers

  23. Просветите новичка

    Всем привет! Преамбула (кому интересно) Есть у меня маленькая фирмочка и вот захотелось мне стать обладателем своего сайта. Прочитав на вашем форуме о начальных шагах производства сайта понял, что создать несложный информационный сайт нетрудно (тем более граф-редакторами владею) и даже произвёл на свет какое-то подобие простого сайта с несколькими кнопками. Но дело в том, что простой не хочется, а на создание сложного надо время. И что самое смешное в моих рекламных проспектах адрес сайта уже стоит, а в нете его нету )))))))))))) Вот теперь вопрос: Хочу чтобы при наборе адреса сайта открывалась картинка, типо "сайт в разработке и т. п." с контактными номерами и т.д. Что д…

    Asked by kochay,

    0 votes
    12 answers

  24. О чём лучше создать саййт?

    Чтобы ещё и прибыль приносил!?

    Asked by Gladiator,

    0 votes
    21 answers

  25. Форма поиска по данным

    С помощью чего делается обработка событий по данным, заданным в поиске? Как прописывается код в таком случае? Форму я сделала, но остальное... Примеры: http://www.bn.ru/zap_fl_w.phtml или http://prian.ru/

    Asked by _elf_,

    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