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-хак для Мака/айФона/айПада

    Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …

    Asked by SelenIT,

    0 votes
    8 answers

  2. "Съедается" подложка <div>-wraper-а, как победить?

    Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…

    Asked by keo,

    0 votes
    0 answers

  3. IE плохо показивает страницу

    Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо

    Asked by Mr.Black,

    0 votes
    2 answers

  4. Как выяснить код символа?

    В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…

    Asked by d0ublezer0,

    0 votes
    4 answers

  5. бекграунд текста

    прошу прощения, если подобная тема поднималась - найти не смог.. в общем нужно добиться такого эффекта http://clip2net.com/clip/m33658/1288067101-clip-9kb.jpg может быть кому-нибудь приходилось такое делать? как добиться отступа в конце первой и начале второй страницы? ....сделать элемент блочным - не выход...

    Asked by infamous,

    0 votes
    8 answers

  6. Масштабируемый фон \ Изображение + контент

    Масштабируемый фон + контент Приветствую! Может кто то подскажет: Задача сделать страницу с Масштабируемым фоновым изображением, но скорее всего это будет просто картинка в теге IMG. т.е. Чтобы чтобы в зависимости от разрешения, изображение тянулось на ВСЮ видимую область экрана. Поверх изображения будет меню. А ниже этого изображения , с отступом 50px; – Контент. Таким образом входит что при загрузке страницы на весь экран выводиться необходимое изоражение, а затем с меню или прокруткой ниже контент. ———————————————————————————-- ————- Это пример Изображения с отступами от краев: http://nooshu.com/explore/scalable-background/ Изображение буду тянуть плагином…

    Asked by Demi0n,

    0 votes
    16 answers

  7. Немогу снять маркеры

    Ребята посоветуйте как поступить, делаю фотогалерею под NFLightBox, вообще галерея работает но возле каждой маленькой фото-ссылки появились Маркеры типа circle, код выглядит так: <ul class="gallery"> <li><a href="images/gallery/max/1.gif"><img src="images/gallery/min/1.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/2.gif"><img src="images/gallery/min/2.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/3.gif"><img src="images/gallery/min/3.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/4.gif"><img src="images/galler…

    Asked by losy,

    0 votes
    6 answers

  8. Проблема с плагином IE6

    Добрый вечер, сейчас верстаю один макет (в верстке недавно). Возникла проблема закругления углов, решил использовать JS (jquery.corners), но в IE6 при нечетной высоте возникает вот такая проблема: Может кто знает решение?

    Asked by Faradey99,

    0 votes
    4 answers

  9. Отступ внизу изображений

    В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…

    Asked by clavin,

    0 votes
    2 answers

  10. Меню

    Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.

    Asked by Mr.Black,

    0 votes
    6 answers

  11. #id или #id .class

    Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)

    Asked by yan_kos,

    0 votes
    5 answers

  12. css фиксированый баннер

    всем привет! подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер 1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет. 2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны. 3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed) 4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится) очень нужно такое р…

    Asked by XJIOP,

    0 votes
    3 answers

  13. Верстка форм. Проблемы с FF4

    Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.

    Asked by tt48,

    0 votes
    10 answers

  14. Проблема с размером wrapper'a

    Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.

    Asked by botyaslonim,

    0 votes
    2 answers

  15. Помогите решить проблемму

    Я начинающий любитель. Помогите решить проблемму - Без текста в div-e все в порядке. Но стоит вставить текст в header … смотрим http://www.limon-room.narod.ru в Опере и FF фоновая картинка шапки сползает вниз, а в IE – нормально. Подскажите пожалуйста как мне испарвить стили. И, в чем причина? Вот это #header h1{margin: 10px 0 0 270px;} странно работает. По горизонтали (270px) все в порядке, а по вертикале фоновая картинка в Op и FF сползает на 10px, привязывается к тексту. <body> <div id="container"> <div id="topshadow"> </div> <div id="header"> <h1>Комнатный лимон</h1> </div> css body { margin: 0; padd…

    Asked by AleksejR,

    0 votes
    6 answers

  16. Скачут левая и правая колонка макета

    Взяла шаблон для джумла. a4joomla-social-f-free Ничего преступного не совершала, только поставила свой бг и свои материалы. Очень нравится в этом шаблоне типографика, жалко отказываться. Но почему-то скачут колонки. Для сравнения главная и Организаторы. Может, гуру верстки помогут понять, где собака зарыта.

    Asked by anunja,

    0 votes
    5 answers

  17. В чем разница

    Подскажите в чем разница на примере ,position: relative; и position:absolute;

    Asked by Mr.Black,

    0 votes
    3 answers

  18. Проблемы каскадирования xhtml+css

    xhtml: <p class="txt"> Текст 1 <br /> Текст 2 <br /> <ol> <li>List 1</li> <li>List 2</li> </ol> Текст 3<br /> </p> css: p.txt { text-align:right; } Выравнивание срабатывает на "Текст 1" и "Текст 2", а вот на список и на "Текст 3" не оказывает влияния.

    Asked by qweqwe,

    0 votes
    4 answers

  19. Как работает способ выравнивания п ширине

    Кто-нибудь может объяснить, почему способ выравнивания по ширине на этой странице http://www.getincss.ru/wp-content/uploads/2008/elements.html работает. Там есть элемент <span> и непонятно, почему он оказывает такой эффект.

    Asked by clavin,

    0 votes
    2 answers

  20. Верстаю макет

    Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…

    Asked by Mr.Black,

    0 votes
    11 answers

  21. [+] исхищрения

    Часто мы используем + после кликабельного текста в результате клика на который появится некоторая дополнительная информация. В этой связи имеет смысл решение следующей задачи: Необходимо средствами HTML и CSS реализовать без использования дополнительных картинок следующий объект: моноширинный + помещён в рамку толщиной 2px и расстояние между хвостиками плюса и рамкой 2px. Также для достижения большей универсальности заготовки полезно будет добиться того чтобы объект не реагировал на изменение размера шрифта. Кроме всего прочего необходимо обеспечить возможность не затруднительного (копипастой) добавления такого объекта непосредственно после текста.

    Asked by CEBEP,

    0 votes
    4 answers

  22. как отобразить картинки одинакового размера?

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

    Asked by sc@r@bey,

    0 votes
    25 answers

  23. ul и h3

    Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.

    Asked by sh1va,

    0 votes
    8 answers

  24. Обратная связь

    всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…

    Asked by Bismuth,

    0 votes
    7 answers

  25. iPhone телепатит, где не просят :(

    Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…

    Asked by SelenIT,

    1 vote
    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