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. Изменение стиля объекта с якорем при переходе на него.

    Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?

    Asked by SCHNITZER,

    0 votes
    4 answers

  2. Формы в таблице

    Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td>&lt…

    Asked by alzasr,

    0 votes
    4 answers

  3. Как "грамотно" собрать спрайт по цветам или нет ?

    Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна. Но есть тут одна догадка, интересно узнать мнение опытной аудитории. Спрайт лучше собирать по цветам ? Или можно в разнобой ? Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки. В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером. Но я так же могу поделить их по цветам и получиться несколько спрайтов. По скольку макет большой, то работы много не хочется по три раза переделывать. Кто что думает по этому поводу ?

    Asked by soot,

    0 votes
    4 answers

  4. Где найти информацию про свойства -moz-

    Подскажите, где можно почитать подробно про свойства, начинающиеся с префикса -moz-. Интересуют самые разные свойства, чтобы можно было их иметь под рукой как справочник этих свойств. Пытаюсь найти про свойство display: -moz-inline-stack; под FF2, но что-то гугл этот текст плохо индексирует.

    Asked by clavin,

    0 votes
    4 answers

  5. наложение фонов

    помогите пожалуйста решить проблему с наложением двух фонов. вот на этой страничке http://digitaltv.saransk.ru/webtv22.html при уменьшении высоты окна нижний фон перекрывает верхний. а хотелось бы чтобы было наоборот - верхний перекрывал нижний. пробовал в блоки #footer и BODY добавлять z-index-ы. не помогает. заранее спасибо за ответы.

    Asked by cyklop77,

    0 votes
    4 answers

  6. timelines в Dreamweaver

    Худо, бедно локальный сайт создал с помощью Joomla, решил украсить его аниме с помощью timelines в Dreamweaver, все конечно по учебнику. Но вот незадача, в IE и Mozilla все работает, слои передвигаются, а в Opera стоят в исходном положении. В чем проблемма, друзья? <?php defined('_JEXEC') or die('Restricted access'); // no direct access require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php'; $document = null; if (isset($this)) $document = & $this; $baseUrl = $this->baseurl; $templateUrl = $this->baseurl . '/templates/' . $this->template; artxComponentWrapper($document); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//…

    Asked by victorz,

    0 votes
    4 answers

  7. Пропадает Background

    Работаю над своим проетком на хостинге Ucoz. Работая с дизайном столкнулся с необъяснимой для меня проблемой... Ошибка в Html или в CSS я точно не знаю поэтому решил обратиться сюда за помощью. Пробл.ема заключается в том что по правой стороне сайта располагается блок навигации сайта, в Html'e он оформлен в форме таблицы. Сам блок работает прекрастно все ссылки на месте, с главной странице всё смотрится так как надо, но стоит перейти в любой из разделов (например в Форум) исчезает изображение заднего плана блока... Вот код данного блока <html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="/css/style.css" /> &…

    Asked by anvill,

    0 votes
    4 answers

  8. Хак для Гуглчром чисто

    Не работает хак таким образом, чтоб изменяло что-то именно для браузера гуглхром. Если использовать это: body:nth-of-type(1) .ds{color:red;} @-moz-document url-prefix() .ds{color:black;} А потом: <span class="ds">Привет</span> Меняет текст на красный и в браузере Мозила и в браузере гуглхром, а мне нужно чисто для гуглчром чтоб меняло. Что делать?

    Asked by people2010,

    0 votes
    4 answers

  9. div

    Возможно ли выровнять сам блок div по центру страницы а не только его содержимое по среди блока?

    Asked by MefistofeleS,

    0 votes
    4 answers

  10. Validator W3C

    Подскажите пожалуйста. Валидатор ругается на: Line 259, Column 23: document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <p align="center"><h3><a href="/ru/events/">Все события >>></a></h3></p> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is …

    Asked by Alex&R,

    0 votes
    4 answers

  11. Как вывести информацию в нужный div при нажатии на ссылку ?

    подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !

    Asked by 333_org_ua,

    0 votes
    4 answers

  12. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar,

    0 votes
    4 answers

  13. Цвет ссылок не меняется

    Всем привет. Подскажите в чем может быть дело. Цвет ссылок всегда такой как будто их уже посещали в OPERE SAFARI ie8 В ie6 ie 7 все нормально #str a:link { color:#090; text-decoration:none; } #str a:visited { color:#F00 ; text-decoration:none ; } #str a:hover { color:#000 ; text-decoration:underline ; } Может быть это из-за того что браузеры помнят посещенные ссылки некоторое время? Но почему тогда ie 6 ie 7 Нормально показывают?

    Asked by Budulianin,

    0 votes
    4 answers

  14. CSS, IE и кривые руки.

    Всем привет! Прошу помощи, а то в HTML да ещё с CSS я слабо понимаю, да вот приспичило сделать формочку авторизации, для скрипта одного. Наваял я, значит, своё "изделие", сижу, в гугл хроме любуюсь. Лепота. Ну, то есть не лепота, а то, что я хотел. А потом открыл я поделку свою в интернет эксплорере и остолбенел: Картинка вбок, стили будтоб и не применялись... (хотя применяются. Цвет шрифтов - за милую душу подцепляется.) Кошмар, вобщем. Умом я понимаю, что накосорезил где-то. Но разумения мне не хватает понять где. Так что помогите люди добрые басурманского осла одолеть! Код исходный ниже прилагаю: <HTML> <HEAD> <TITLE></TITLE> <ME…

    Asked by vate,

    0 votes
    4 answers

  15. CSS + Drupal

    Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…

    Asked by zubar,

    0 votes
    4 answers

  16. Вывод текста в треугольной ячейке

    Добрый день. Есть сложная таблица с разделенными (везде по разному) ячейками (думаю видели такие). Собственно сам вопрос верстки, думаю ясно понятен на картинке (см. ниже), т.е. в обоих частях разделенной ячейки - должны находиться 2-а разных элемента с текстом (span, p, h что угодно), при этом при растяжении родительской ячейки (что это будет - div, table, table-cell - тоже не суть главное чтобы работал) текст соответственно должен "плыть" и "подстраиваться" под свою треугольную ячейку. Вопрос: как я понимаю, с помощью CSS, и даже CSS3 этого не решишь (блоки пока только прямоугольные), (или я ошибаюсь? и все таки возможно?) каким образом возможно решить данную задачу? (…

    Asked by novicheG,

    0 votes
    4 answers

  17. наложение слоев

    есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

    Asked by vvsh,

    0 votes
    4 answers

  18. Линии между меню

    Есть вопрос по верстке... Хочу сделать такое меню интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие HTML <ul> <li><a href="">Home</a></li> <li><a href="">Support</a></li> <li><a href="">FAQ</a></li> <li><a href="">Contact Us</a></li> </ul> CSS li { display:inline; list-style-type:none; padding:0 16px; border-left:2px groove #F90; } В общем получается так

    Asked by senya11,

    0 votes
    4 answers

  19. Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.

    Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…

    Asked by Mintaya,

    0 votes
    4 answers

  20. Как состыковать элементы формы

    Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1&section_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…

    Asked by Gride,

    0 votes
    4 answers

  21. проблема в IE7

    проблема в IE7. Почему то все содержимое этой страницы и аналогичных пропадает http://www.go-camp.ru/katalog/products/palatki. Точнее сначала загружается, а потом проподает. Пробовала zoom:1, z-index - не могу понять что перекрывает.

    Asked by Alyssa,

    0 votes
    4 answers

  22. DIV внутри ячейки TABLE IE проблемы резины

    Всем привет! Помогите кто шарит в ХТМЛ, есть простой кусок ХТМЛ, но в ИЕ 8 он отображается каряво: <body> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом--> <div style="width:100%; float:left"> <div style="margin-left:64px; background-color:red">TEXT</div> </div> <div style="margin-left:-100%; width:64px; float:left; background-color:blue">IMG</div> <div style="clear:both"></div> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом в обёртке table--> <table style="width: 100%; vertical-align: middle; height: 100%; text-align: center"> <tr> <td align="center" valign="middle" height="100%"&g…

    Asked by hexen2,

    0 votes
    4 answers

  23. создание гор. меню

    Здравствуйте! Подскажите пожалуйста по мере возможности, как сделать такое меню, с li-inline понятно, а с возможностью при нажатии появляется border буквой П и так т.д, картинка:

    Asked by pattaya,

    0 votes
    4 answers

  24. Дополнительные опции товара

    Друзья , я занимаюсь разработкой интернет магазина контактных линз.В качестве движка использую битрикс. И сейчас я столкнулся с такой задачей. Нужно реализовать функцию "опции товара" т.е в опциях товара предполагается выбор нескольких параметров а именно выбор диоптрий, оптическую силу и радиус кривизны для правого и левого глаза. пример таких форм представлен здесь: http://linzaplus.ru/product_info.php/products_id/64 http://linzaplus.ru/product_info.php/products_id/222 http://www.linzshop.ru/catalog/clariti-1-day.html Вопрос такой, как проще реализовать данную задачу ? нужно ли дописывать и подключать отдельный скрипт или же можно ли использовать функционал движка? В…

    Asked by original777,

    0 votes
    4 answers

  25. Резиновы картинки - вопрос.

    Есть, допустим, блок с 1 большой картинкой. Как сделать так, чтобы при изменении разрешения экрана, она приобретала его размер, то есть была резиновой? Самое главное, видел недавно на блоге какого-верстальщика, как это делать (там был пример с 3 или 4 картинками), а теперь ссылку вспомнить не могу никак. Уверен, такое уже кому-то в работе встречалось и есть некая технология. В поиске же мне попадалось про фон, но тут нужен не фон, а обычная картинка.

    Asked by thekap,

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