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

    Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…

    Asked by tonik_spb,

    0 votes
    17 answers

  2. В чем разница Clear:both и float:none

    Скажите, в чем разница между Clear:both и float:none

    Asked by ekklesiast,

    0 votes
    15 answers

  3. Почему не проходит на валижность?

    body { font: normal 13px Verdana,sans-serif; color: #345; background-color: #FFF; margin: 0px; scrollbar-track-color: #7DB9FB; scrollbar-base-color: #3B89F5; scrollbar-arrow-color: #F29B02; scrollbar-3dlight-color:#3B89F5; scrollbar-darkshadow-color:#3B89F5; scrollbar-shadow-color:#3B89F5; scrollbar-highlight-color:#3B89F5; } При валидации на w3.org родот выдал, что указаны недопустимые цвета Сама страница тест на валидность в HTML 4.01 Transitional прошла успешно.

    Asked by ekklesiast,

    0 votes
    4 answers

  4. текст выходит за рамки блока в фф.

    в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.

    Asked by nickflip,

    0 votes
    28 answers

  5. overflow и Opera

    Всем добрый день. Помогите решить такую проблему: в Opera на div ставлю свойство overflow:auto и размеры дива. Когда содержимое становится больше высоты дива(намного больше ), появляется вертикальная полоса прокрутки. Но она почему-то не работает т.е. за неё не получается потянуть вниз. Пробовала и overflow:scroll, но не помогает (( Проблема исключительно в Опере.

    Asked by mari,

    0 votes
    2 answers

  6. Разрешение 1024х768

    Подскажите, что нужно сделать. Есть шаблон и в разрешении 1280х1024 все видно хорошо, но у некоторых пользователей разрешение 1024х768 в этом случае появляется горизонтальная прокрутка, что нужно сделать, чтобы от нее избавиться и страница сама подстроилась под нужное разрешение? Вот код CSS html { padding: 0px; margin: 0px; border: 0px; } body { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; text-align: center; /* required for centering the page in IE */ background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 12px; color: #E9E9E9; line-height: 19px; background-attachment: fixed; background-position: left bottom; bac…

    Asked by johncy,

    0 votes
    8 answers

  7. Нужна ваша помощь

    Всем доброго время суток, проблема может не такая и весомая но все же, заключается в том что есть сайт, на нем есть поле куда можно вводить текст, с кнопкой которая отправляет на сервер (Submit) но так же меня перекидывает на эту страницу (Сервер) и показывает все данные то что мне надо а хочется так чтобы он отображал все данные на моей странице и не перекидывал меня на сервер возможно ли это сделать, за ранее благодарю за помощь! З.У. target=_blank не то, сайт на ХТМЛ

    Asked by Rem,

    0 votes
    1 answer

  8. Таблица и height 100%

    есть код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <table border=0 height="425" width="568" cellpadding="0" cellspacing="0"> <tr><td width="555" valign="top" height="100%"> <p></p> </td> <td width="13" valign="top" style="display:block"> <table height="100%" width="13" cellpadding="0" cellspacing="0" > <tr> <td height="130" bgcolor="GREEN"></td><tr><td height="100%" bgcolor="RED"> </td></tr><tr> <td height="195" bgcolor="PINK"></td></tr> </tabl…

    Asked by tonik_spb,

    0 votes
    9 answers

  9. Опустить картинку чуть ниже текста

    у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст. КСС код для иконки простой, просто отступ и тексто тоже просто по центру #write-story .container .box h1 img{margin-right: 4px;} #write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;} Помогите пожалуйста правильно отцентрировать. И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на обл…

    Asked by hello2,

    0 votes
    3 answers

  10. Повернуть текст ?

    Друзья, подскажите, возможно ли повернуть текст на 90 градусов?

    Asked by Zuma,

    0 votes
    5 answers

  11. Подскажите программу

    Добрый день! Не мог бы мне кто-нибудь подсказать программу для веб-дизайна, примерно такого типа как FrontPage? Главное условие, чтобы она была официально бесплатной и её можно было бы установить на работе не опасаясь, что фирма может попасть на штраф. Заранее спасибо.

    Asked by elena22,

    0 votes
    3 answers

  12. Определение классов

    Можно ли определить, что класс1 является непосредственным потомком класса 2. Т.е. если смотреть сверху вниз: класс1 -> класс2, а не класс1 -> класс3 -> класс2

    Asked by Mutant,

    0 votes
    2 answers

  13. Оцените пожалуйста

    Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от стате…

    Asked by sm0k,

    0 votes
    0 answers

  14. Сайт неправильно отображается в IE

    Сайт неправильно отображается в IE ( в других нормально ). Повидемому не успевает загрузить весь контент.... Что здесь можно сделать? Почему так происходит? вот ссылка http://www.td-profil.ru/glavnoe_menu/tovar...jding/variform/ понажимайте в прамом мену несколько раз по ссылке Variform

    Asked by antonP,

    0 votes
    3 answers

  15. Сдвиг каждой строки

    Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?

    Asked by milax,

    0 votes
    14 answers

  16. Большая SWF на заднем плане

    Собственно сабж. Хочу использовать swf-ку размером 800х800 в качестве бекграунда в окне контента. Если использовать этот код, то при наполнении дива контентом, ячейка таблицы, в которой он находится, не растягивается. <div style="position:absolute;z-index:2;"> content </div> <div style="position:absolute;z-index:1;"> <object align=bottom> <embed src="twin.swf" wmode="transparent" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="800"></embed></object> </div> Можно ли это сделать без position:absolute?

    Asked by MTandi,

    0 votes
    4 answers

  17. IE не понимает td align="justify"?

    IE 7 не понимает <td align="justify">? В IE работает только с <div align="justify">?

    Asked by GaaD,

    0 votes
    7 answers

  18. Таблица

    Таблица Стиль задан такой: .table1 { border: 1px solid #CC0000; padding:2px; margin: 2px; background-color:#FFFFFF; } Но на странице не все линии таблицы видны - получается просто внешняя рамка. Где же я ошиблась? Заранее спасибо

    Asked by Ромашка,

    0 votes
    5 answers

  19. Clip

    Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).

    Asked by Destrifer,

    0 votes
    4 answers

  20. Как без фрейма сделать?

    Мне для галереи надо сделать так: Есть див, в котором маленькие фото, мне надо так, чтобы в этом диве был нижний скролл, которым можно будет, как во фрейме прокручивать фотки Как сделать??

    Asked by vvsh,

    0 votes
    8 answers

  21. Глюки с наследыванием или хз с чем...

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a …

    Asked by Destrifer,

    0 votes
    17 answers

  22. При изменении размеров пропадает резкость картинки

    Сабж.

    Asked by user,

    0 votes
    11 answers

  23. Как растянуть a на весь блок

    Получится ли это сделать или надо попиксельно подбирать.

    Asked by user,

    0 votes
    11 answers

  24. Вывод текста в тегах pre внутри таблицы

    В базе данных есть несколько сообщений. Некоторые записаны в нормальном виде ( с enter-ми ), а некоторые длинной одной строкой. Надо чтобы нормальный текст, выводимый на экран, выглядел бы так же, как в базе данных. Для этого я использую тег 'pre'. Данные выводится в ячейку таблицы. При этом, если текст записан одной строкой, то ячейка расширяется на всю длину этой строки (не влезает на экран) и никак не реагирует на ограничение ширины. Вопчем мне надо, чтобы приоритетом была ширина ячейки, а потом уже форматирование текста (те если текст в ячейку не влезает, чтобы он переносился на другую строку) Сумбурно как-то получилось, но надеюсь понятно

    Asked by ivmar,

    0 votes
    8 answers

  25. пожалуйста помогите с таблицей.

    вот рисунок той таблицы, которая мне нужна. http://yes.wen.ru/123/htmltable.jpg вроде бы ничего сложного, а не получается. вверху и внизу ширина имеется ввиду 100 процентов. важно чтобы не было бордюров и никаких отступов по краям и между ячейками или строками. иными словами, все в прилипку друг к другу. только центральный блок сам расширяется в зависимости от экрана пользователя. заранее очень благодарен. извините, что не совсем в тему. =)

    Asked by PEOP,

    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