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> <head><title>title Name</title> </head> <body> <table bgcolor="#000000" border="1"> <tr> <td>Текст</td> </tr> </table> </body> </html> Проблема такая:Тёмный фон,Текст не видно.я понимаю,что в Table нельзя добавлять тег <Font color... но если это взять в этот тэг,никого эффекта нет. Как же поменять цвет текста?

    Asked by SenkOne,

    0 votes
    4 answers

  2. Салага молит о помощи!

    body,html{ margin: 0; padding: 0; text-align:center; background-image:url(5.png); } #container{ min-width:500px; width:100%; margin: 0; text-align:left; } #header{ background-color:#9C3; } #left{ backdround-color:#3C0; width:150px; float:left; } #right{ background-color:#FFF; float:right; width:150px; } #content{ background-color:#CCC; margin-left:152px; margin-right:152px; } #clear{ height:0px; front-size:1px; line-height:0px; clear:both; } #footer{ background-color:#6F0; } Помогите найти ошибку в css. долго сидел, но вот решился на крайние меры, сильно не ругайте, ведь только неделю этим день занимаюсь)) ЗЫ прробел между шапкой с контентом не уберется. заранее спасибо…

    Asked by zab1yaka,

    0 votes
    3 answers

  3. Как поставить сайдбары ниже контента

    Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…

    Asked by Mila,

    0 votes
    5 answers

  4. Оцените верстку пожалуйста. Делал для себя.

    Здравствуйте! Скачал с интернета PSD шаблон сайта и сверстал. Прошу указать ошибки или недочеты и в общем оценить верстку. Буду очень благодарен! http://narod.ru/disk/3121133001/GreenOrange.rar.html

    Asked by aknur,

    0 votes
    14 answers

  5. Ссылка не меняет цвет при наведении

    Доброго времени суток! проблема такова: 1. посещенная ссылка меню или другая не меняет цвет при наведении 2. в браузерах FF 3.6.13, Chrome 8 (в Opera не проверял) - при наведении на меню трудно попасть на ссылку, хотя текст 18 px код CSS файла ниже .cssmenu { padding:0; margin:0; list-style:none; margin-top:10px; margin-left:25px; } .cssmenu li { padding-top:15px; } .cssmenu li a, .cssmenu li a:link, .cssmenu li a:visited, .cssmenu li a:hover { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; display:block; padding-left:55px; color:#0094d9; text-decoration:underline; } .cssmenu a:hover, { font-family:"Times New Roman", Ti…

    Asked by marsowy,

    0 votes
    3 answers

  6. По поводу плагина для форм

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

    Asked by anna-2010,

    0 votes
    4 answers

  7. Размеры шрифта и отступы

    Начал верстать страничку и возник вопрос: есть ли вариант узнавать сразу какая реальная высота строки в фотошопе и в браузере не выделяя ее каждый раз, чтобы корректно задать для нее отступы, а то бывает так, что строка , допустим, написана прописными буквами, и на автомате меряешь до края буквы, а потом оказывается что там еще пара пикселей в которых нет текста и лазишь, меняешь везде =( и еще возникала проблема с тем что в разных браузерах высота блока со списком выходит разная, маргины между всеми элементами заданы, так что остается искать о5 же подвох в высоте строк в списке

    Asked by Joyfit,

    0 votes
    0 answers

  8. float и height 100%

    надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…

    Asked by freeek,

    0 votes
    1 answer

  9. Помогите с div ширина высота 100%

    Помогите с семиблочной схемой из div Понимаю что тема подымалась тысячи раз но в примерах восновном не такое количество блоков и поетому подымаю данный вопрос Восновном у меня проблема возникает с двумя внутренними вертикальными блоками (синие) они постоянно равны по высоте наружным (зеленым) Центральный блок (жетый)может быть в высоту по величите контента xhtml 1

    Asked by lublupospat,

    0 votes
    0 answers

  10. Непонятная проблема с прозрачностью

    Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри…

    Asked by Hmury,

    0 votes
    5 answers

  11. растягивание по высоте в ff

    Помогите пожалуйста. В IE,Opera все тянется и стабильно работает. В фф, как не пытался не получилось - _http://profshopping.ru/index.php?categoryID=327&show_all=yes

    Asked by Gleb-k,

    0 votes
    2 answers

  12. Выровнять иконки и текст

    Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…

    Asked by iahromenko,

    0 votes
    4 answers

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

    Мне нужно, чтобы блоки располагались на странице один за другим без промежутков. А получается вот что - http://i042.radikal.ru/1101/f3/c05e0ed9c24b.jpg Вот стиль для этих блоков: .cat_box { position: relative; float: left; width: 150px; height: auto; margin: 0 8px 15px 0; padding: 0; border: 1px solid red; } Подскажите, плиз, как это исправить?

    Asked by Mila,

    0 votes
    2 answers

  14. Помогите пожалуйста с css

    С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…

    Asked by levlevin,

    0 votes
    2 answers

  15. Подчеркивание ссылок

    Ссылки с размером шрифта 20px, при этом нужно чтобы было тонкое подчеркивание текста (как например при шрифте 12px) - как это сделать?

    Asked by Disman,

    0 votes
    1 answer

  16. Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Asked by UREL,

    0 votes
    4 answers

  17. div по центру

    Здравствуйте. Задача - выровнять блок div по центру по вертикали и по горизонтали. Использую решение margin: 0px auto; , но оно не работает ни в Файрфлкс, ни в IE Есть ли ещё способы? Помогите! Спасибо

    Asked by OlegALL,

    0 votes
    11 answers

  18. Текст, изображение выходит за блок... Помогите пожалуйста

    Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!

    Asked by aknur,

    0 votes
    0 answers

  19. Хром тупит с inline-block

    Проблема такая. Отказались от table, используем divы и свойство block:inline-block. Если div'у не давать class а прописывать все свойства в style, то везде всё номально. Но как только мы создаём в CSS определённый стиль и прописываем его диву в class="имя стиля", то у браузера Chrome возникает такая проблема. Берутся непонятные отступы. Как должно быть (в остальных браузерах) Хром Сам стиль таков: .block-text-content { padding:5px; background-color:#bfbfbf; display: inline-block; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; font-size: 11px; word-wrap: break-word; overflow: auto; vertical-align:top; } Фрагмент html: <div style=…

    Asked by bems,

    0 votes
    1 answer

  20. border-radius.htc не работает

    Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?

    Asked by SEObomj,

    0 votes
    4 answers

  21. Приключения float, clear и двухколоночного макета

    В общем, задача сделать что-то типа блога. Макет — духколоночный. Слева маленькая колонка, справа — контент. В «контенте» идёт заголовок-ссылка на страницу и анонс этой самой страницы — таких блоков (заголовок-анонс) на странице по нескольку штук. Но вот только есть одна неприятность. Вот примерно что нужно. Вроде всё так, как я хочу. Но тут возникает проблема с картиками, у которых есть флоат — блоки начинают тоже обтекать картинку, это не есть гуд. Пытаемся решить проблему при помощи clear — блоки встают в порядке нормальной очереди, но вот только вся колонка сползает вниз. Помогите, люди добрые! Хочется и рыбку съесть и, чтобы блоки не уползали.

    Asked by Veseloff,

    0 votes
    8 answers

  22. Как сделать закругленный фон меню ?

    Здравствуйте! Как сделать закругленный фон меню ? Нужно сделать как здесь: У меня ничего не выходит, пробывал по разному, можете пожалуйста подсказать... Получается вот так: Архив с сайтом: СКАЧАТЬ

    Asked by aknur,

    0 votes
    7 answers

  23. Видео с FlashMediaServer на сайт

    уже который день мучаюсь но всё никак не пойму в чем проблема, надеюсь на вашу помощь... есть FlashMediaLiveEncoder который в режиме онлайн передает картинку на FlashMediaServer, значит захожу в видеоплеер сервера ввожу адрес куда транслируется и всё вижу всё прекрасно. Он дает мне код для вставки : <object width='640' height='377' id='StrobeMediaPlayback' name='StrobeMediaPlayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='swfs/StrobeMediaPlayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='…

    Asked by mx4ever,

    0 votes
    3 answers

  24. Помогите с проблемой в опере и ie

    Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …

    Asked by uncleChalex,

    0 votes
    5 answers

  25. Табличные ячейки с бордерами

    Привет. Имеется таблица, один столбец которой имеет левый и правый бордеры. При движении указателя мыши по таблице строка под курсором выделяется путем установки ее ячейкам верхнего и нижнего бордера. Вот как это в идеале выглядит: Это имеющаяся верстка данной таблицы: <!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 type="text/css"> td { border-top:1px solid transparent; /* prevent table twitch …

    Asked by Styx,

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