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 и IE6

    Всем привет. КОД: <body> <div id="conteiner"> <div id="header"></div> <div id="leftbar"></div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div> </body> СSS: #conteiner{ width:930px; margin:0 auto; text-align:left; } #header{ width:930px; } #leftbar{ width:280px; hight:450px; float:left; } #content{ hight:450px; margin-left:280px; } #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #footer{ height:100px; width:930px; } Проблема заключается в том что во всех браузерах кроме IE6 между leftbar и content появляется пробел (margin примерно в 2 пиес…

    Asked by BOLT,

    0 votes
    8 answers

  2. Автоматический переход в конец textarea

    Есть страница с текстом в тегах textarea. Как можно при открытии страницы автоматически прокрутить этот текст к последней строке в textarea? Заранее спасибо.

    Asked by Ser_UFL,

    0 votes
    8 answers

  3. Изображения в качестве ссылок

    Добрый день! У меня есть проблема - отображение ссылок на странице определено с помощью такого кода: a:link { сolor: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } Код хороший, но он создает проблему - картинки, которые используются как ссылки, очерчиваются черной рамкой, что очень плохо выглядит на белом бэкграунде. Вопрос: Существует ли способ убрать эту рамку, может какой-то специальный a:img ( )? (Не вылезает же она на логотипе, хотя тот тоже используется как ссылка на index). UPD. ВОПРОС РЕШЕН, СПАСИБО.

    Asked by mulev,

    0 votes
    8 answers

  4. FXP

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

    Asked by Игорь Ермаков,

    0 votes
    8 answers

  5. Что неправильно?

    День добрый, в чем ошибка? <?php header("Content-Type: text/xml"); echo "<?xml version=\"1.0\" encoding=\"windows-1251\"?>"; ?> <rss version="2.0"> <channel> <title>***</title> <link>***</link> <description>***</description> <language>ru</language> <?php *** ?> </channel> </rss>

    Asked by woofs,

    0 votes
    8 answers

  6. Фон на height:100%

    Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression

    Asked by kozakmamai,

    0 votes
    8 answers

  7. внутри div сделать img+p к низу

    В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src…

    Asked by Вадим,

    0 votes
    8 answers

  8. Переопределить цвет ВСЕХ ссылок

    Здравствуйте! Прошу помощи. Требуется переопределить цвет абсолютно всех ссылок, стиль которых определён в html и css, недоступных мне; есть только возможность написания анти-css. Однако, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a {color: #00aaff;} - не работает полностью. Но, к примеру, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a, #preftoc a, #preftoc li a, #p-personal .pBody ul a, #p-cactions li a {color: #00aaff;} - работает. Но указание каких-либо дескрипторов недопустимо, поскольку когда исходные разработчик…

    Asked by jpka,

    0 votes
    8 answers

  9. Помогите с доктайпом.

    1. Мне посоветовали поставить доктайп чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта. Я сделала это, надеюсь он подойдет моему сайту www.miroslava.nm.ru Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.miroslava.nm.ru мой первый сайт (я не считаю www.psy-dnu.n…

    Asked by mira,

    0 votes
    8 answers

  10. Размещение картинки внутри div

    Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

    Asked by Spartach,

    0 votes
    8 answers

  11. Не помогает cellpadding

    В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....

    Asked by artpol,

    0 votes
    8 answers

  12. поиск ошибок

    Может не совсем в ту тему пишу, но очень нужна помощь. Я достаточный чайник в верстке, но худо - бедно что-то верстала. Недавно меня взяли на поиск ошибок в чужой верстке, подскажите пожалуйста хорошие ресурсы по теме.

    Asked by linux-lynx,

    0 votes
    8 answers

  13. гризонтальная полоса прокрутки

    здравствуйте. у меня возникла проблема: взависимости от размерах монитора страница отображаеться с ГОРИЗОНТАЛЬНОЙ полосой прокрутки либо без. помогите пожалуйста .

    Asked by bald,

    0 votes
    8 answers

  14. CSS для внешних страниц

    Приветстую коллеги, вопрос вот в чем, у меня есть сайт, на нем есть один раздел, в котором есть психологические тесты, все бы хорошо, но вот есть проблема, тесты на внешнем сервере, то есть просто сторонний сервис. Я хочу сделать тае, на странице ссылки на разные тесты, при клике открываются в новом окне без панелек, кнопок и прочего. Есть одна маленькая проблема - тесты все оснащены лишними блоками, которые имеют свои классы, блоки типа лого сервиса и прочей лабуды, скрыть из можно просто display:none; но вот как бы это сделать для внешней страницы, вот в чем вопрос. Помогите плиз найти решение

    Asked by iWizard,

    0 votes
    8 answers

  15. Последний пункт меню

    Здравствуйте! Я новенький! Не кричите на меня. Но очень хочется узнать у "знатоков", как говорится, как сделать стилями, чтобы последний пункт меню был без полосочки, которая приставляется ко всем предыдущим, стилем background-image. Скрин могу выслать! Заранее, благодарен!!! Уж очень надо!!!

    Asked by TeppopucT,

    0 votes
    8 answers

  16. Расширение изображения-бекграунда в TD

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

    Asked by Zarina,

    0 votes
    8 answers

  17. 2 div'а по горизонтали.

    Сталкнулся с такой проблемой. В header'е стоят 2 дива, один привязан к левому краю, второй соответственно к правому. И вот при растяжении-сужении когда они соприкасаются, то либо один перекрывает другой, либо один оптекает другой и проваливается вниз, в зависимости от position. Можно ли как то сделать так чтоб они не наезжали друг на друга и при этом оставались зафиксированными?

    Asked by 2_k,

    0 votes
    8 answers

  18. Почему при выводе блога категории размер текста, отмеченного h1 увеличивается в разы?

    Почему при выводе блога категории размер текста, отмеченного h1 увеличивается в разы? Вот ссылка http://www.arbitr-hmao.ru/pochtovyie-indeksyi-hmao/ вот кусок CSS /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } h1{ margin-top:0px; color:#133766; font-size:1.0em; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { …

    Asked by vovchikku,

    0 votes
    8 answers

  19. при наведении курсора мыши на картинку курсор поменялся на лупу

    <head> <style type="text/css"> .style16 { text-align: center; } .style18 { border-style: solid; border-width: 2px; margin: 10px; } </style> </head> <p class="style16"><a title="Кликни для увеличения" href="Images/Lambre16.jpg"> <img src="Lambre16_small.jpg" width="100" height="145" xthumbnail-orig-image="Images/Lambre16.jpg" class="style18" style="float: left" /></a></p> Вопрос: что нужно добавить, чтобы при наведении курсора мыши на картинку курсор поменялся на лупу кликнув по которой отрывалось оригинальное изображение ?

    Asked by RusRan,

    0 votes
    8 answers

  20. Фон градиентом

    Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…

    Asked by acd.systems,

    0 votes
    8 answers

  21. формы -личная страничка у зарегестрируещего

    ПРИВЕТ ВСЕМ Я НОВИЧОК ,МНЕ НУЖНА ВАША ПРОФИСИОНАЛЬНАЯ ПОМОЩ, НАДЕЮСЬ НА ВАШ ЧЁТКИЙ ОТВЕ В МОЁМ ВОПРОСЕ ,Я НАЧАЛ ИЗУЧАТЬ САЙТОСТРОИТЕЛЬСТВО ИЗУЧИЛ "HTML" СОЗДАЛ INDEX.HTML ТОЙ ФОРМОЙ КОТОРАЯ ТРЕБУЕТ МОЙ САЙТ ,СОЗДАЛ НЕСКОЛЬКО СТРОНИЧЕК И СТРОНИЧКУ С ФОРМАМИ ПОД ЗАПОЛНЕНИЯ К РЕГИСТРАЦИИ ,МОЙ ВОПРОС -ПОСЛЕ РЕГИСТРАЦИИ КЛИЕНТА НА МОЙ САЙТ ДОЛЖНА ОТКРЫВАТСЯ ЛИЧНАЯ СТРАНИЧКА КАК ЭТОГО ДОБИТСЯ(понятно сперва мне нужно зарегистрировать ДОМЕН нужен ХОСТИНГ ,ДВИЖОК ,АДРЕСНАЯ КНИГА). Да тема немаленькая,но я думаю ВАМ ПРФИСЕОНАЛАМ объяснить и подсказать ПУСТЯК и я уверен что многие ВАШИ ответы многих заинтересует на ФОРУМЕ

    Asked by leoleo,

    0 votes
    8 answers

  22. Простой шаблон

    Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …

    Asked by Ururu,

    0 votes
    8 answers

  23. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  24. <a> не хочет заполнять собой родительский div

    Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?

    Asked by rdva,

    0 votes
    8 answers

  25. Загрузка страницы

    Подскажите, пожалуйста, как правильно дать ответ на след. задачу: При медленной загрузке, страница отображается криво. Уезжает справа налево. Пример, http://news.mail.ru/politics/2920010/ (Например, в FireFox) Но когда страница загружена полностью, все отображается нормально. Можно ли это как-то исправить, или как объяснить это руководителю?

    Asked by dmitriykikas,

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