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, margin:auto; при нажатии на чекбоксе

    <div class="wrapper"> <input type="checbox" value="Жми"> </div> Можно ли средствами css: включил чекбокс для wrapper, для него применилось свойство margin==auto. Отключил чекбокс, отмнился margin. (Или как поменять при клике на чекбокс, любое другое свойство для родителського wrapper)?

    Asked by torsar,

    0 votes
    2 answers

  2. css, positions

    Здравствуйте. Столкнулся с проблемами вёрстки. Идея: #lmenu нужно position: absolute, что-бы div не скролился вместе с остальной страницей. #mapframe должен быть высотой 50%, но вместе с тем - минимум 400px. #contentframe должен занимать всё свободное место, от #mapframe до #btmenu. #btmenu должен быть всегда внизу родительского блока. После многих попыток, мои проблемы:

    Asked by n3r0bi0m4n,

    0 votes
    3 answers

  3. CSS, ul и IE - не применяет стиль

    Есть такой вот кусок кода html: <div class="metro"> <h3>Метро:</h3> <ul> <li><span class="trig">Северный округ</span> <ul class="inc"> <li class="off" id="a1"><a href="http://www.uromax.ru/category/AEROPORT">Аэропорт</a></li> <li class="off" id="a2"><a href="http://www.uromax.ru/category/VOIKOVSKAYA">Войковская</a></li> <li class="off" id="a3"><a href="http://www.uromax.ru/category/DINAMO">Динамо</a></li> <li class="off" id="a4"><a href="http://www.uromax.ru/category/PETROVSKO-ROZUMOVSKAYA">Петровско-Розумовская</a></li> &…

    Asked by the_ghost,

    0 votes
    3 answers

  4. css, блоки доной высоты

    Имеется 3 блока по вертикали, средний блок с контентом меняет свою высоту в зависимости от объёма содержимого. Как сделать так чтобы левый и правый блоки равнялись на средний. Блоки сами по себе не вложенные друг в друга. если не затруднить как можно подробнее, в гугле читал, но так и не понял

    Asked by artseven,

    0 votes
    8 answers

  5. CSS, потомки второго уровня

    Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…

    Asked by Oleh,

    0 votes
    7 answers

  6. CSS, псевдокласс :hover

    Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!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>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …

    Asked by val005,

    0 votes
    7 answers

  7. CSS, растягивание блока в высоту

    Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…

    Asked by strobik,

    0 votes
    4 answers

  8. CSS, таблицы, фреймы...

    Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?

    Asked by Анна,

    0 votes
    12 answers

  9. css,не показывает backround

    Всем привет. Мне нужно наложить текст на картинку,но почему-то картинка не показывется. html: <table border="0" cellpadding="0" cellspacing="0" align="center" id="myPets"> <tbody> <tr> <td class="MyPetsText"> <?if(!$USER_LOGGED_IN$)?>Заведите зверика, дрессируйте, ласкайте, играйте с ним. Ухаживайте за ним, как за настоящим домашним любимцем, и тогда он отплатит Вам настоящей любовью и преданностью, станет предметом гордости и восхищения.<?endif?></td></tr></tbody></table> css: #myPets{backround:url('http://newzveriki.ucoz.com/MyPets.png') no-repeat;width:634px; height:137px;} .myPetsText {padding:2px 20px 1…

    Asked by mcdude,

    0 votes
    2 answers

  10. CSS: Inner и Inset Shadow на одном тексте

    Доброго времени суток. Вопрос такой: Не очень понимаю, как можно сделать на одном и том же тексте (Логотип, к примеру) 2 параметра, внутренняя тень и внешняя. Заранее спасибо за ответ!

    Asked by Eridani,

    0 votes
    8 answers

  11. CSS: word-wrap и white-space - в чём разница?

    CSS: word-wrap и white-space - в чём разница?

    Asked by Webr,

    0 votes
    9 answers

  12. CSS: альбомная ориентация при печати

    Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…

    Asked by tambourine,

    0 votes
    2 answers

  13. CSS: в отдном столбце текс одним цветов, в другом другим

    Ребят, нужно с помощью CSS сделать так, что бы не использовать классы для изменения цвета текста. Есть ли возможность как то указать порядок ячейки или что-то в этом роде в CSS, чтобы не прописывать атрибут класса как каждому td тегу, если таблица большая? <table> <tr> <td>text 1 (color 1)</td> <td>text 2 (color 2)</td> </tr> ............... ............... ............... ............... ............... <tr> <td>text 1 (color 1)</td> <td>text 2 (color 1)</td> </tr> <table>

    Asked by mishamrv,

    0 votes
    20 answers

  14. CSS: вопрос по разметке блоков

    Какие нужно задать свойства блоку, чтобы он имел фиксированную ширину и произвольную высоту?

    Asked by Zueff,

    0 votes
    2 answers

  15. CSS: Имеет ли смысл свойство "display"?

    Есть блочная верстка, полностью задаваемая position: absolute. Во всех браузерах всё отображается на местах и не вылазит, не накрывает и не конфликтует. Значение display: используется только когда нужно что-то скрыть: block и none соответственно. Прочие изменения в коде не несут никаких связей с положением на странице, отображением вложенного содержимого и прочее. Вопрос в том, что нужно ли тогда задавать элементам свойство display?

    Asked by iDrugov,

    0 votes
    5 answers

  16. css: наследование свойств

    Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}

    Asked by clgs,

    0 votes
    4 answers

  17. CSS: неверное приклеивание к границам экрана при position:relative;

    Здраствуйте, я начинающий верстальщик, и у меня возникла проблема. Вообще, я верстаю макет, но, для того, чтобы вам не пришлось разбираться в тоннах кода, минимизирую его. Проблема: При использовании такого кода: #foot1 { top: 0; background: #1b5790; position: relative; width: 985px; height: 46px; margin:0 auto 0 auto; } Не происходит прикрепления синей полоски к границам экрана. При изменении значения position: с relative; на absolute; все приходит в норму - полоска прикрепляется к верней части экрана. Когда position: absolute; это выглядит так. Когда position: relative; это выглядит так. (из-за яндексной рекламы появляются символы "п»ї", этого нет на ло…

    Asked by sergey_lans,

    0 votes
    22 answers

  18. CSS: объемлющий селектор

    Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?

    Asked by warobushek,

    0 votes
    5 answers

  19. css: параметры тэга с атрибутом

    Здравствуйте. Я хотел бы написать css код: если <img align="right">, то margin: 10px 0px 10px; если <img align="left">, то margin: 10px 10px 10px 0px; Если без атрибута, то просто выровнять по центру Но это уже детали. Конкретно, меня интересует синтаксис такого написания. Некоторое время назад я прослушал курс по вёрстке и там было много информации, которая у меня не сохранилась. Там задавались, например, парметры тэгам внутри другого определённого тэга и много чего подобного. Здесь же, в учебниках по CSS, к сожалению, я такого и близко не нашел. Мне же надо задать параметры тэгу с определённым атрибутом. Как это написать?

    Asked by triplecorpse,

    0 votes
    1 answer

  20. CSS::Соседние селекторы.

    Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?

    Asked by bullvinkle,

    0 votes
    12 answers

  21. CSS! Помогите кто знает!

    Народ, создал сайт на div (слоях), просматриваю в Опере 10 все нормально, а в ИЕ 8 (меню и текст по центру экрана уезжает немного в сторону) , если же меняю размер под ИЕ, то в Опере получается сдвиг! Вот ссылка на сайт http://kartodel.orgfree.com/testovik.html . В CSS (вот ссылка http://kartodel.orgfree.com/style.css) оставил только размеры меню и цветовые изменения ссылок. Уже несколько дней парюсь, в чем может быть дело. Подскажите кто знает, очень нужно.

    Asked by Shumik,

    0 votes
    6 answers

  22. CSS. font-size: 24px/30px

    На одном сайте в коде встретил строку font: normal 24px/30px Arial; Что может значить указание размера шрифта через слеш? в стандарте такого не нашел, это какой-то хак?

    Asked by Razor,

    0 votes
    1 answer

  23. CSS. Выравнивание div элемента с позиционированием fixed, внутри ячейки таблицы

    Здравствуйте! Подскажите пожалуйста какие есть варианты горизонтального выравнивания по центру ячейки таблицы, блока div с позиционированием fixed. <table width="1000" border="1"> <tr> <td width="1000"><div style="position:fixed;top:0px;">Текст блока</div> </td> </tr> <tr></table>

    Asked by AlexD,

    0 votes
    4 answers

  24. Css. изображения выстроились лесенкой, хотя мне нужно в один ряд.

    Приветсвую, помогите пожлауйста чуток. У меня на сайте изображения выстроились лесенкой, хотя мне нужно в один ряд. Какой класс за это отвечает, немогу понять где править. http://photo.sukurtisvetaine.lt/?page_id=80

    Asked by knopka3,

    0 votes
    3 answers

  25. CSS. Как подружить Webkit с FireFox?

    Здравствуйте. Имею очень красивый текстовый эфект блика CSS скачаный с гугла. Работает на всём кроме FireFox, уже добавлял префиксы -moz- ничего неполучается. Может кто подскажет как поправить код чтоб заработало в Фаерфоксе& Код CSS ниже, пожалуйста кто понимает подскажите, буду очень признателен! .shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infin…

    Asked by Fesali,

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