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. Вопросы по резиновому дизайну.

    Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…

    Asked by Raiden-=DM=-,

    0 votes
    9 answers

  2. Фиксировать положение элемента

    Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…

    Asked by ХОЛОДный,

    0 votes
    8 answers

  3. Как сделать такой каркас...

    Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...

    Asked by alexander.parphenuyk,

    0 votes
    11 answers

  4. Параметры тега <param>

    Еще один вопрос по тегам. На этот раз - <param>. Кто-нить может подсказать, какие вообще бывают значения? Есть ли где-нить максимальное описания всех <param name=" " value=" " /> с описанием что там да как? Я кое что нашел, но хотелось бы получить более подробную информацию... Спасибо.

    Asked by DjTarik,

    0 votes
    18 answers

  5. как используется COLSPAN ?

    .....

    Asked by cosonic,

    0 votes
    2 answers

  6. Как сделать блок одним целым

    Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…

    Asked by Pacan4ik,

    0 votes
    2 answers

  7. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka,

    0 votes
    13 answers

  8. Ширина абзаца в ячейке таблицы

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?

    Asked by psworld,

    0 votes
    2 answers

  9. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  10. Css box

    Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…

    Asked by Faran,

    0 votes
    10 answers

  11. border groove и border ridge в IE

    Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.

    Asked by ruff20,

    0 votes
    21 answers

  12. Как выравнить счечики посещений

    Здравствуйте, у мня вопрос: Как выровнить счетчики посещений как на картинке(нижний вариант)? Нужно ли их заключать в один контейнер или в два как на картинке, чтобы в конечном итоге они шли попорядку в строчку слева - направо??? Спасибо.

    Asked by marcool,

    0 votes
    7 answers

  13. Как убрать отступы внутри <form>

    Здравствуйте, подскажите кк убрать отступы внутри <form> между элементами у меня прописан display:inline в опере и файрфоксе всё нормально, а в IE отступы вертикальные не могу убрать .

    Asked by Dimas888,

    0 votes
    1 answer

  14. Фоновый рисунок во весь экран

    Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо

    Asked by AntonSolo,

    0 votes
    46 answers

  15. Перекрытие границ?

    Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?

    Asked by TonKhaO,

    0 votes
    12 answers

  16. Как взять нужные стили для блока?

    Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

    Asked by milax,

    0 votes
    10 answers

  17. Как сделать два рисунка для фона?

    Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!

    Asked by vestern,

    0 votes
    4 answers

  18. как дасть разным классам одни свойства

    вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…

    Asked by Kos87,

    0 votes
    10 answers

  19. Ширина макета 1600px высота 1300px как сделать?

    По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????

    Asked by taran,

    0 votes
    3 answers

  20. Вертикальная тонкая полоска

    на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

    Asked by Melted,

    0 votes
    6 answers

  21. Старый больной Ослик

    Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.

    Asked by carakurt,

    0 votes
    2 answers

  22. Статистические страницы

    Доброго времени суток гуру форума ))) У меня такая проблема, З.Ы (пишу своими словами, тапками не кидать) Ну вот у меня есть сайт с 1 меню Главная и ссылкой на него glavnaya.html как мне сделать еще 1 меню контакте со ссылкой kontakt.html не копировая glavnaya.html тоесть если ети 2 странички будут то их легко переименовать и редактировать а если таких будет 100 тогда как поступить помогите с решением проблемы ! (извеняюся за непонятность) Заранее спасибо )

    Asked by yaroslav,

    0 votes
    4 answers

  23. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  24. Проблемка с меню

    Доброго время суток всем! Прошу помочь с простым но хитрым меню! Проблема в том что один блок использует кусок другого, соседнего! Как это можно записать в цсс?! Наперед всем спс за помощь!

    Asked by Spidey,

    0 votes
    6 answers

  25. Не меняет цвет ссылки в ul li при hover

    Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…

    Asked by gikach,

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