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. Div в joomla

    Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…

    Asked by :tyz,

    0 votes
    6 answers

  2. Нада выровнять абзац

    Привет всем.Столкнулся с такой проблемой . Есть несколько абзацев ,внутри каждого картинка и текст. в свою очередь абзацы находятся в диве. Мне нужно чтоб абзацы нормально шли один за другим и нормально отображались. Везде это получилось кроме ИЕ6 . в ИЕ6 картинка не попадает в абзац. Вот пример. Как это можно исправить ? зы если надо выложу код и сюда.

    Asked by One,

    0 votes
    4 answers

  3. Высота таблицы

    Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.

    Asked by TAILER,

    0 votes
    6 answers

  4. Выделение данных в таблице.

    Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.

    Asked by Fretum,

    0 votes
    3 answers

  5. Flash меню и jQuery

    Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно

    Asked by TocTbIP,

    0 votes
    5 answers

  6. Непобедимый IE 8

    Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код: В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер.…

    Asked by Кракен,

    0 votes
    7 answers

  7. Неполадки с оглавлением

    Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…

    Asked by people2010,

    0 votes
    5 answers

  8. Помогите разобраться с кодом!

    <html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…

    Asked by Alexsays,

    0 votes
    11 answers

  9. столбцы из li или div

    Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!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> <t…

    Asked by tr3m0r,

    0 votes
    7 answers

  10. Отцентровать содержимое по центру страницы (по высоте)

    В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …

    Asked by SCHNITZER,

    0 votes
    4 answers

  11. форма и 2 кнопки

    как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?

    Asked by sc@r@bey,

    0 votes
    6 answers

  12. Помогите плиз с min-height 100% и двумя div'ами

    Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…

    Asked by Torner,

    0 votes
    5 answers

  13. Баг с a > img (лишние отступы)

    Обнаружил еще не понятный мне баг, который вылезает в ФФ, ОПЕРЕ и ИЕ если я внутрь тега A кладу IMG то если посмотреть на скриншот ссылка не облегает изображение визуально а просто как бы прилеплена к низу (см. скриншот, выделенным синим) + образуется еще непонятный отступ у а снизу! как пофиксить чтобы этих 2-х проьлем не было? пробовал overflow: hidden не помогло

    Asked by TonKhaO,

    0 votes
    22 answers

  14. В каком виде передается задание верстальщику?

    Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?

    Asked by we1,

    0 votes
    30 answers

  15. жирный шрифт в таблице при XHTML 1.0 Strict

    добрый день. Первый раз столкнулся с такой проблемой, использую доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> и как оказалось в нем(именно из-за него, проверил) не могу сделать текст жирным ни одним из пришедших мне в голову способом. Мистика какая-то, ни задание класса для td с параметром font-weight:bold,ни для всех td,даже прописывание тега <b> ничего не прокатывает. Подскажите кто знает,как по этому стандарту.сделать жирный текст

    Asked by versoul,

    0 votes
    7 answers

  16. Помогите с менюшкой при верстке

    Люди, очень вас прошу, помогите с менюшкой при верстке ссылка на картинку http://www.dump.ru/file/4509429 как это реализовать? картинка из слоев: бекграунд просто синего цвета и слои под пунктами меню. Зарание большое спасибо!

    Asked by belenki_best,

    0 votes
    0 answers

  17. Форма и 3 кнопки, Как реализовать переход?

    Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо

    Asked by htmluse,

    0 votes
    8 answers

  18. Почему при изменении шрифта в IE6 разметка портится

    Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?

    Asked by clavin,

    0 votes
    4 answers

  19. Исчезает бэкграунд в конце ссылки

    Такая проблема. Делаю блок с новостями: http://web-diva.ru/Verstka/temp/news.html В конце ссылки идет стрелка. В ФФ и Опере все нормально. В ИЕ стрелка есть только у ссылки в одну строку. Если строк больше, стрелку не видно. В чем может быть проблема? html: <div class="news"> <div class="new"> <h4>12 апреля 2010, 11:28</h4> <a href="#">Состоялся запуск сайта </a> </div> <div class="new"> <h4&g…

    Asked by YanaSt,

    0 votes
    9 answers

  20. тег FORM, параметр TARGET, значение _blank

    Подскажите пожалуйста, можно ли cделать так. тег FORM, параметр TARGET, значение _blank : <FORM action="http://www.some-page.com/" target="_blank"> Т.е. произойдет переход на указанный урл и www.some-page.com откроется в новой вкладке, и тебя перебросит с текущей страницы на эту открывшуюся новую вскладу. А можно ли сделать так, чтобы страница открывалась таки в новой вкладке, но тебя при этом не перебрасывало на нее? Т.е. она себе там открылась, а ты уже перешел, когда тебе удобно будет.

    Asked by htmluse,

    0 votes
    1 answer

  21. расстояние между букв меньше чем по умолчанию

    Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?

    Asked by weblad,

    0 votes
    5 answers

  22. Помогите пожалуйста разделить шапку

    Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой 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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body&gt…

    Asked by Faran,

    0 votes
    6 answers

  23. Показать/убрать скрытый текст

    <script language="JavaScript1.2"> var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script> <font onClick="expandit(this)">Посмотреть скрытый текст</font> <span style="display:none"> <br> Скрытый текст <br> <font onClick="ЧТО_ЗДЕСЬ_НАПИСАТЬ?">Убрать скрытый текст</font> </span> (Посмотреть) Подскажите, как сделать так, чтобы при нажатии на "Убрать скрытый текст" убирался скрытый…

    Asked by ivnitskiy,

    0 votes
    9 answers

  24. Этапы изучения верстки

    Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.

    Asked by Lisitsa,

    0 votes
    23 answers

  25. overflow:hidden VS float

    вопрос к знатокам. 1) Почему при верстке для того чтобы в блок поместилось все его содержимое используют overflow:hidden, да это работает, но ведь если со временем кол-во контента в этом блоке увеличится то он будет обрезаться? Я всегда использовал float для таких блоков, тогда даже если увеличиться кол-во текста в блоке он все равно не выйдет за его границы. 2) Принцип действия свойства zoom(если можно попроще как нибудь) Спасибо.

    Asked by rediskavet,

    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