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. Ошибка с CSS

    Я тут на медне установил TinyMCE, а Опера на него ругается, ей не нравится строчка: img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px} Может кто подскажет, что тут не так ? Я обычно такими "хитрыми" стилями не пользуюсь)

    Asked by Puhh,

    0 votes
    1 answer

  2. проблема с Opera 10 и list-style-type

    Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 10 оставить выведенным только маркер у списка первого уровня? <!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"> &…

    Asked by Ellorian,

    0 votes
    0 answers

  3. Позиционирование текста внутри тега H2

    Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…

    Asked by TheKIP,

    0 votes
    8 answers

  4. Задание стиля для ячеек всего столбца в таблице

    Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).

    Asked by qweqwe,

    0 votes
    3 answers

  5. Градиент -90degree для фона

    Всем здрасте. Тем видел много, в том числе и на этом форуме. И все же не нашел подходящего решения. Задача. Необходимо сделать градиент - 900 (т.е. сверху вниз). Условия: длина будет динамически изменяться в зависимости от количества контента; Градиент будет как минимум в двух местах: <body> и некий <outer> в теле, спозиционированный по середине; Необходимо решения для наиболее распостраненных браузеров: (ff,opera,safari,chrome,ie_6++); есть определенные начальный и конечный цвета. Что удалось найти в сети: 1. градиент при помощи CSS и картинки в 1px - не подходит, т.к. длина не фиксированная; 2. градиент с использованием диклараций стандарта CSS.3 и f…

    Asked by paska,

    0 votes
    11 answers

  6. DIV родитель

    CSS: .project{clear: both; border: 1px solid #ccc; } .pr-photo{position: relative; float: left;} .pr-description{position: relative; float: left;} HTML: <div class="project"> <div class="pr-photo">текст</div> <div class="pr-description"> <span class="name">Название</span> <p>Описание</p> </div> </div> Получается так, что div с класом project не растягивается по высоте вложенным дивом. Как быть? Прошу прощения за создание темы, поиск помог. overflow: hidden

    Asked by easlanov,

    0 votes
    0 answers

  7. Вопрос по сверстаному шаблону

    Привет всем! Сверстал шаблон. И по нему возник вопрос: В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<div id="body_bg"></div>), который и создает это пустое пространство в опере, свойства которого такие: background:url("img/bg_body_bottom.png") no-repeat scroll 50% 100% transparent; bottom:0; height:1600px; margin-bottom:50px; position:absolute; width:100%; z-index:-10; как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу

    Asked by Mal4ishnik,

    0 votes
    7 answers

  8. Динамический размер 3 вертикальных div

    Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей

    Asked by Blockhead,

    0 votes
    5 answers

  9. 2 бордера вокруг блока

    есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2. одна 1px solid #000 другая 1px solid #999 как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте... но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться?

    Asked by Kup,

    0 votes
    7 answers

  10. OnClick - копирование в буфер

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

    Asked by svobodniy,

    0 votes
    8 answers

  11. Фреймы - не всегда просто!

    Решил заморочиться с фреймами ... не думал,что могут возникнуть сложности с таким простым делом. Но вот,что получилось: Создал стандартную структуру фреймов ==> 1.Основной файл index.html 2.Файл навигации top.html 3.Файл отображения main.html Задача: в файле навигации разместить ссылки на сайты,которые открываются в "основном окне"(в файле main.html). Разместил ссылки на Google,Mail.ru - всё работает корректно! Но!!! Размещаем ya.ru и некоторые другие и получается, что при клике на ссылку на всю страничку появляется ya.ru структура сайта (фремов) убивается... Ни как не могу понять, как "побороть" сей вопрос. Файл "index.html" <!DOCTYPE HTML PUBLIC "-//W3C//DTD H…

    Asked by bigkonstantin,

    0 votes
    3 answers

  12. Нету высоты во вложенном div-е

    html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…

    Asked by DmitriyK,

    0 votes
    4 answers

  13. Проблема с CSS

    Помогите пожалуйста найти ошибку. пятый день мучаю шаблон. Суть проблемы вот в чем: перенес сайт на Joomle но весь текст материалов, с права и слева уходит за рамки видимость, в следствии часть текста обрезается. Сайт глянуть можно здесь Ниже файл CSS /* CSS Document */ /*————————————--body—*/ body, td, th, div, p, label, input { color:#7c838a; font:normal 12px/19px Arial, Helvetica, sans-serif; } input, select { color:#595959; } a{color:#066ba9;} a:hover { color:#066ba9; text-decoration:underline; } a:hover {text-decoration:none} a, button, .button{ cursor:pointer;} /*———————————————————-content—*/ /*—————————--article_settings-*/ .pagenavcou…

    Asked by dimdimin,

    0 votes
    1 answer

  14. позиционирование картинки от правого края

    Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…

    Asked by paska,

    0 votes
    2 answers

  15. Не могу занести массив в cookie

    Здравствуйте! При попытке записать в куки массив $korz[$id] = $kol; setcookie("user", serialize($korz), time()+604800); вылетает сообщение об ошибке Warning: Cannot modify header information - headers already sent by (output started at Z:\home\localhost\www\menus1\buy.php:33) in Z:\home\localhost\www\menus1\buy.php on line 179 Подскажите пожалуйста в чем ошибка?

    Asked by Чебурашка,

    0 votes
    4 answers

  16. Проблема со списками в ie6

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

    Asked by mazhar,

    0 votes
    9 answers

  17. Верстка статического сайта

    Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.

    Asked by romko,

    0 votes
    16 answers

  18. Проблемы со списками в ие 6-7

    Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  19. помагите пожалуйста сделать ПОДМЕНЮ В ПОДМЕНЮ

    ... .li2{color:red;text-indent:25px;border: 3px double green;} li.li2:hover{color:black;background: #FFCC33} ... <li class="li2"> <a name="подменю"><img src="file:///C:\Documents and Settings\Admin.MICROSOF-C03E38\Рабочий стол\HTML\qqq.gif">подменю</A> </li> ... надо сделать для этого подменю ещё одно подменю, которое будет появлять при наведении мышки вот если что все мои стайлы <style> .div1{border: 4px dotted red;width:205;height:340;padding:6px;background:rgb(255,255,100)} .ul2{list-style-type:none;margin:0px;padding:0px;cursor:none;} .li{color:black;border: 3px double green;text-indent:5;} li.li:hover{color:rgb(0,0,255…

    Asked by volkodav11,

    0 votes
    2 answers

  20. HTML Error

    Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" …

    Asked by stars,

    0 votes
    3 answers

  21. HasLayout

    Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...

    Asked by DjTarik,

    0 votes
    30 answers

  22. HTML & CSS

    Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!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"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…

    Asked by Bismuth,

    0 votes
    3 answers

  23. Выпадающее меню

    В общем может кто сталкивался: в выпадающем списки нужно для li нужно задать определенное значение width: (для ширины), если не задавать то выпадающие пункты меню распологаются горизонтально! так вот вопрос как сделать чтоб ссылки внутри выпадающего списка списка имели ширину ссылки (текста) ? P.S. меню вертикальное!!!! Схема тут: http://www.html.by/showthread.php?t=12026

    Asked by artylion,

    0 votes
    1 answer

  24. не понимаю логику позиционирования

    Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код 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-eq…

    Asked by челХ,

    0 votes
    13 answers

  25. Проблема с версткой в ИЕ

    Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }

    Asked by rolling,

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