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. Кнопки меню

    Привет. Кто подскажет? http://vitasik.spb.su/menu/ Как сделать что бы картинка под текстом не растягивал и всегда имела статический размер не зависимо от длины текста. html: CSS:

    Asked by hard3d,

    0 votes
    2 answers

  2. rel="prev/next и т.д."

    Интересно, что дают нам строчки: <link rel="index" title="Главная страница" href="/" /> <link rel="prev" title="Предыдущая" href="/article/10/" /> <link rel="start" title="Первая статья" href="/article/1/" /> <link rel="contents" title="Оглавление" href="/" type="text/html" />

    Asked by Yahoo!,

    0 votes
    7 answers

  3. Проблемы с амперсандом

    Добрый день. Столкнулся со следующей проблемой: есть некая форма. В поле input-text из БД вставляется некоторое значение. Если это значение содержит мнемоники (со знаком амперсанда), то после отправки формы сервер принимает только то значение, которое было до амперсанда. Это понятно: амперсандом разделяются параметры, переданные формой. Но как обойти это ограничение? Не вешать же ява-обработчик с заменой амперсанда на отправку формы? Или вешать? Причем проблемы со всеми знаками, кроме трех: "<>

    Asked by SARD,

    0 votes
    6 answers

  4. Таблицы стилий. Одна или несколько.

    Интересует такой вот вопрос. Есть ли разница сколько таблиц стилей используется при написании сайта? Я имею ввиду, весь код css писать в один файл (напр. base.css) или для каждой страницы использовать отдельную таблицу стилей и импортировать ее в основную (напр. base.css, news.css ...).

    Asked by Alex&R,

    0 votes
    3 answers

  5. Выравнивание блочного элемента (CSS)

    В CSS есть свойство text-align - выравнивание текста внутри блока. А как выравнить сам блок, не используя атрибут align, а только через CSS? Например: <html> <body style="text-align: center;"> <div style="background-color: red; width: 40%;"> ... </div> </body> </html> Элемент div будет выравнен по левому краю окна, а текст внутри него по центру. А надо сам div выравнять по центру.

    Asked by Arigato,

    0 votes
    3 answers

  6. Постояный размер фрейма

    Как задать постоянные размеры в dreamweaver? на пример topframe будет с шириной = 900 и высотой = 400 как это можно сделать в коде frameset rows="115*,311*" cols="*" Почему для строк используется 2 значения?

    Asked by alvaros,

    0 votes
    2 answers

  7. Мод. окно

    Здраствуйте, у меня проблема с модальным окном - http://dev.iceburg.net/jquery/jqModal/ Вроде бы все подключил но неработает...Где ошибка??? mp3ack.com - красная ссылка view

    Asked by Mr.Black,

    0 votes
    2 answers

  8. OBJECT и Int. Explorer

    Господа! У меня возникла некоторая проблема с отображением тега object в Internet Explrer'е. Просматривая свою страницу в Firefox, у меня вопросов не возникло. Но как только я открыл ее в Explorer'е, появилась нежелательная полоса прокрутки. Помогите ее убрать, а если таковой возможности нет, то посоветуйте другую альтернативу. <object data="news/1.html" type="text/html" border="0" vspace="24" hspace="16" height="700" width="490"></object> - в IE - в Firefox P.S. Прошу не судить строго мою работу, но все замечания и пожелания принимаются)))

    Asked by Zurall,

    0 votes
    3 answers

  9. Почему при переносе списка li нет отступа

    Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое

    Asked by artpol,

    0 votes
    4 answers

  10. Шапочка с менюшечкой

    Я только учусь..но после просмотра исходников множества сайтов и примеры их строения, а так же изучив все css и html основы, тем не менее созрел вопрос. Через div'ы написал начало шаблона и столкнулся с проблемой в шапке. Слева идет логотип, а справа хотел поместить менюшку, но не получается аккуратно разместить в строчку и чтобы она была по центру слева от логотипа. В общем, хотел, чтобы было так, но центризировать и аккуратно расположить не получилось, можете подсказать как так сделать?

    Asked by boompaw,

    0 votes
    0 answers

  11. Форма, submit выше text на 1px

    Задача - получить одинаковые по высоте поле ввода и submit. Код: <style type="text/css"> input.search-fields { font-family: Verdana, monospace; font-size: 14px; color:#FFFFFF; background-color:#000000; border: 2px solid #000; padding: 2px; margin: 0; outline: none; height: 19px; } input.search-fields[type="submit"] { text-align: center; height: 27px; } </style> </head> <body> <form id="search" action="search.html" method="GET"> <input name="search-text" type="text" size="15" class="search-fields" id="search-text" autocomplete="off"> <input type="submit" class="search-fields" value=" >> "> </form&gt…

    Asked by enemo,

    0 votes
    3 answers

  12. Подскажите по input

    Есть поле ввода текста input, нужно чтобы когда пользователь что то ввёл и нажал enter осуществлялся переход по ссылке. Как такое сделать? Никак не пойму.

    Asked by c0d3r,

    0 votes
    6 answers

  13. Браузеры показывают сайт не так, как задумывалось, вечная тема

    svetlova.org.ua/demos/index.html- при разрешении монитора 2048х1152 сайт нормально , т.е. в высоту и пропорционально в ширину показывает только ИЕ7. Опера, хром, мозилла оставляют много белого внизу (между блоками новостей и нижней строкой. Что можно сделать, чтобы сайт был виден нормально во всех браузерах. Оперу нужно маштабировать до 120%, чтобы получить вид как в ИЕ. опера

    Asked by domrb,

    0 votes
    2 answers

  14. Меню

    Здравствуйте, помогите не могу сделать меню, следующего вида: Т.е. меню по центру, состоит из горизонтального списка li, главное то, что оно должно растягиваться по мере наполнения. А по бокам блока меню должны быть прижаты картинки. Получается так что margin: 0 auto не работает так как ширина для меню не задается. Заранее спасибо за ответы. Вся эта конструкция должна располагаться по-центру экрана и растягиваться по мере наполнения!

    Asked by tipx,

    0 votes
    5 answers

  15. Небольшой отступ слева

    Как видно из скрина, слева отступ больше, чем справа. В чем может быть проблема?

    Asked by 212th,

    0 votes
    11 answers

  16. текущая ссылка

    как сделать что бы выделялась текущая ссылка, та, которая сейчас открыта? можно ето сделать в css?

    Asked by MefistofeleS,

    0 votes
    10 answers

  17. mm_menu

    Извините, если вопрос создан не в том разделе. Проблема собственно говоря не сложная, но при моём уровне владения кодом - достаточно неприятная. Имеется два меню, приведённые ниже. Строки, выделенные красным цветом, необходимо поменять местами со строками выделенными синим цветом. При простом копипасте меню просто отказывается работать. В одной из статей указали, что обрабатывать такие скрипты необходимо дримвьювером, т.к. он автоматически обновляет файл mm_menu.js, но изменяя эти строки вьювером меню всё равно отказывается работать. function mmLoadMenus() { if (window.mm_menu_0912121823_0) return; window.mm_menu_0912121823_0 = new Menu("root",417,20,"Verdana, Arial, …

    Asked by Cyanide,

    0 votes
    18 answers

  18. перенос строки при li {display: table-cell}

    привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.

    Asked by rondew,

    0 votes
    5 answers

  19. Отображение таблицы в разных доктайпах

    Есть у меня табличка с данными, а у таблицы декоративная рамка, где картинки порезаны на части и распределены между ячейками таблицы. Доктайп был loose, и всё выглядело замечательно. Потом вдруг думаю - переделаю-ка на strict, делов-то. Поубирал все лишние параметры таблицы из html (border=0 align=center cellpadding=0 cellspacing=0), перенёс в стили. Откуда ни возьмись, появились промежутки между ячейками, и в рамке появились разрывы. Задал в CSS для таблиц margin: 0; padding: 0; border-spacing: 0; - не помогло. Задал для строк - не помогло. Задал для ячеек - не помогло. Задал для картинок - тоже не помогло. Что б ему ещё такое сказать, чтоб он понял?

    Asked by Pinguin,

    0 votes
    12 answers

  20. фон для всего контейнера?

    Подскажите как сделать фон для всего контейнера? Есть на сайте 3 вертикальные колонки: left, center, right. Колонка center обычно по содержанию длиннее чем остальные. Как задать фон для колонок left и right чтобы он был не только там где есть контент и другое содержимое этой колонки, а заполнял всю колонку до самого низа(там где нет контента)? Вот здесь видно как оно есть: http://www.billiards-games.ru/

    Asked by klikwap,

    0 votes
    6 answers

  21. Text-overflow

    Здраствуйте.Проблема с text-oveflow. отказиваеться работать .title { text-align: center; border: 1px solid red; display:block; overflow: hidden; white-space:nowrap; width: 50%; margin: 0 auto; -moz binding:url("../style/ellipsisxul.xml#ellipsis"); text-overflow: ellipsis; -o-text-overflow:ellipsis; } Не рабочий пример можно посмотреть - http://svetkino.net/ - назва фильма (бордер - красный)

    Asked by Mr.Black,

    0 votes
    1 answer

  22. Выравнивание изображения в резиновом блоке

    Здравствуйте. Не могу найти решение, надеюсь, вы мне поможете. Есть div1 с шириной 100% В нем еще два div'а: .div2 { width: 80%; height: 60px; border: 1px solid blue; display: inline-block; float: left; overflow: hidden; } .div3 { float: right; width: 19%; height: 60px; display: inline-block; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; } В левый (div2) вставляем картинку и она прижимается к верхему и левому краям div'а. Можно кроссбраузерно выровнять данное изображение по вертикали и горизонтали без использования php и js?

    Asked by Andyk,

    0 votes
    10 answers

  23. Создание градиентного горизонтального меню в фотошоп.

    Недавно начал изучать фотошоп и html. И вот натолкнулся на загвоздку: как мне сделать меню с закругленными углами и еще при наведении на пункт меню чтобы менялся цвет? Я пробовал рисовать меню, в принципе все получилось нормально, но когда дело дошло до совмещения картинки со списком в html встал в тупик. Я пробовал задать абсолют картинке и списку и совместить их маргинами, но получилось плохо. Можете что нибудь подсказать или навести и указать в каком направлении копать?

    Asked by ВовчиГ,

    0 votes
    17 answers

  24. Печать html страниц

    При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?

    Asked by Alex&R,

    0 votes
    2 answers

  25. Меню

    Задача - зделать меню http://img832.imageshack.us/img832/9496/67702019.png У меня получилось зделать почти все, кроме иконки снизу при a:hover , у меня исчезает. http://s2.itrash.ru/idb/b09595d403dad40b1b...Bezymyannyj.png <div id="speedbar" > <div class="speedbarL" ></div> <div class="speedbarR" ></div> <div class="speedbarC" > <ul class="speedbar_menu" > <li><a href="" >Главная</a></li> <li><a href="" >О компании</a></li> <li><a href="" >Наши тарифы</a></li> <li><a href="" >Наши услуги</a></li> <li><a…

    Asked by Mr.Black,

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