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. позиционирование

    Добрый день. Хочу расположить текст на форе картинки, точно в нужном месте. (номера участков на карте) Делаю так: <td> <div style="height:806px; width:497px; background-image:url(limber_test.png)"> <span id="m1" style="position:absolute;top:97;left:101">1</span> <span id="m2" style="position:absolute;top:115;left:117">2</span> <span id="m3" style="position:absolute;top:133;left:133">3</span> <span id="m4" style="position:absolute;top:81;left:137">4</span> ......................... </div> </td> Но положение циферок относительно картинки в разных браузерах отличается. Как это исправить? (Да, за…

    Asked by rgl,

    0 votes
    4 answers

  2. Проблема с расположением обтекающих элементов

    Требуется реализовать вот такую вот штуку: В несколько строк подряд идут одинакового размера блоки. При уменьшении окна браузера, не влезающие в строку блоки переходят на следующую. Реализовывается всё достаточно просто, через обтекание. Но вот одна загвоздка, при уменьшении окна браузера, на месте переходящего элемента остаётся пустое место Нужно, чтоб либо все оставшиеся в строке блоки равномерно располагались в строке (можно, чтоб между ними был отступ), либо все блоки центрировались. Первый случай хорошо реализован в ЯндексКартинках (1->2->3), но к сожалению ни первое, ни второе решения с использованием только HTML и CSS я нормально реализовать не смог. Просьб…

    Asked by Adlaran,

    0 votes
    4 answers

  3. помогите до делать валидация сайта кое что не могу подправить

    скажу сразу в css шарю плохо... собственно вот осталось 5 ошибок http://validator.w3.org/check?uri=http://warezzza.net

    Asked by hellp123,

    0 votes
    5 answers

  4. Z-index

    Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает

    Asked by ShumNo,

    0 votes
    3 answers

  5. line-height по всей видимости как то добавился в Opera

    Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg

    Asked by Igorpurgen,

    0 votes
    3 answers

  6. Почему фон остается белым?

    Почему фон остается белым хотя я задал цвет фона? http://i13.fastpic.ru/big/2010/1214/27/e66...599e7e0d327.png

    Asked by EDesigner,

    0 votes
    3 answers

  7. Как сверстать эту часть:?

    У меня есть макет и мне надо сверстать вот такое: Как сверстать эту часть:? Я смог сверстать только заголовки , а остальную часть сверстать не могу(Ну которая под заголовками.

    Asked by EDesigner,

    0 votes
    11 answers

  8. Не корректно отображается меню в ie 6

    Не корректно отображается меню в ie6, подскажите где ошибка, что дописать в стилях, чтобы div-ы не растягивались на всю страницу. Причём если всё вставляю в таблицу, то всё нормально отображается. Вот эта страница с меню

    Asked by antonP,

    0 votes
    2 answers

  9. margin-right:-100% (помогите разобраться)

    Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?

    Asked by pattaya,

    0 votes
    11 answers

  10. Ниспадающее меню в css и ие7

    Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...

    Asked by CEBEP,

    0 votes
    13 answers

  11. Как картинку по верх всего повесить?

    Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!

    Asked by Aleksey777,

    0 votes
    10 answers

  12. Народ, помогите с прозрачностью png Ие 5.5+

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

    Asked by Mr Loga,

    0 votes
    9 answers

  13. фотографии в галерее

    Вопрос про создание и выравниевании фотографий в моей галерее. Вот сейчас начал париться про правильно создание и ресайз картинок для галерее. Вот сайт, на котором это делаю: http://deluxe-okna.ru/blocks/parts/index.php?part=wedding . В общем я хочу спросить, правильно ли я понял или нет. В общем нельзя делать все фотографии в одну высоту и ширину да? Если фотка шире то она делается так, как мужик с девкой в меня на сайте, если же фотография больше в высоту то наоборот. Если это правильно то у меня вот ещё какой вопрос. Как мне сделать,чтобы фотографии типа мужика с девкой выравнивались по центру дива в высоту? Правильно я мыслю нет?

    Asked by prowoke,

    0 votes
    6 answers

  14. Динамичное изображение по переносимым параметрам

    hi Хоть лопни, но не могу заставить заработать отображение данных с видеокамеры. На главной странице системы видеонаблюдения размещена таблица с уменьшенным изображением потока от камер наблюдения, при клике по картинке камеры, вызывается новое окно с передачей в виде параметра строки порта сервера ( для разных камер он разный, вида view.html?port=8081 ), которое должно отобразить увеличенную картинку с этой камеры Порт передается без проблем, а на странице не могу отобразить объект img src с url склееным из адреса сервера и переданного номера порта Код этой страницы: <html dir="ltr" lang="ru"> <head> <meta content="text/html; charset=UTF-8" http-equiv="con…

    Asked by vfp7,

    0 votes
    5 answers

  15. Кнопка

    Нужно что бы при нажатии на изображение <a href= ""> <img src= "img/button.bmp"> </a> активировалась функция function SetStat(){ location.href="afterreg.phtml?NickName=<?php echo $aNickName; ?>"; } Возможно ли реализовать такое? И каким образом?

    Asked by Soju,

    0 votes
    8 answers

  16. хелп

    всем прив народ. есть такая проблемка. надо сделать http://s016.radikal.ru/i335/1012/5c/06172f5e2835.jpg из кусков http://www.sharemania.ru/0219942. Без понятия как это делать. Подскажите плиз. Было бы супер если бы код двух вместе сделанных элементов показали бы

    Asked by avatarr696,

    0 votes
    1 answer

  17. Некоторые стили не применяются. Видимо что-то натворил в css стилях

    CSS файл: table.listform {border-collapse:collapse; } .listform tr.sectiontableheader { font-weight:bold; vertical-align:middle; background-color:#eaeeff; } .listform td {padding:0px 1px 0px 1px; height:18px; vertical-align:middle; border:1px solid #eaeeff; font-size:11px;} .listform .sectiontableheader th { text-align:center; vertical-align:middle; text-transform:none; background-color:#296599;} #cityh td{ width:100px; text-align:center;} #cityhr .listform .sectiontablefooter td, .pagenav, .sectiontablefooter { text-align:center; } .listform .date { /*white-space:nowrap;*/ font-weight:normal; text-align:center; width:100px; font-size:11px; padding:1px 10px 1px 10px;} …

    Asked by borzometr,

    0 votes
    2 answers

  18. Выравнивание строк в списках

    Добрый день. Есть нумерованный список, некоторые элементы списка в 2 строки не помещаются. Что сейчас есть 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст А нужно 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст Это получается сделать таким кодом, но почему-то в IE8 строки расползаются в стороны. (В остальных браузерах нормально) .sidebar_items { list-style-position:inside; padding:0px 10px 0px 10px; margin:0px; } .sidebar_items li { text-indent:-25px; padding:10px 0px 10px 30px; color:#818181; border-bottom…

    Asked by suhiro,

    0 votes
    5 answers

  19. Шаблон на div-ах) проблема кроссбраузерности

    собсно есть шаблон от ТМ написаный под джумлу, я его переверстываю на свою ЦМС (называется мелбис) и наткнулся на проблему что в ИЕ центральная колонка моего шаблона живет отдельной жизнью =( уже кручу шаблон 2-ой день, но всеравно никак не пойму в чем причина =( Мое несчастье =( в Опере смотрется нормально а в ИЕ =((((( центральная калонка начинает стремится в полную ширину Оригинальная демка - оригинал шаблона каторый переверстываю, во всех браузерах смотрится как и задумано. я не силен в дивах, но шаблон доделать нада =( если я все правильно понял то плохо себя ведут или <div class="container"> или <div class="box"> я не прошу готовое решение, но хоть во…

    Asked by BogusUA,

    0 votes
    7 answers

  20. работа стилей в IE 6

    Добрый вечер. Срочно нужна помощь знающих людей. Есть сайт http://forestmaster.ru/2010-12-02-16-16-55.html, во всех браузерах, включая IE 7,8 фон области, где выводятся превьюшки, отображается нормальнo, но в IE 6 фон съезжает вниз и слева от превьюшек появляются маленькие квадратики. Подскажите, пожалуйста, как это исправить. Заранее благодарю. p.s. C фоном я разобрался, а вот с этими квадратиками ни как не могу... p.s.s Разобрался, ура!!!

    Asked by slo_nik,

    0 votes
    0 answers

  21. Проблема с высотой таблицы

    Добрый вечер. Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует. Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю Высота главной таблице – 100% Высота верхней таблицы будет – 70px Высота нижней таблице – 55px Из этого получаем код : ??? Прошу помочь <body> <table height="100%" > <tr> <td> <table height="70px" bgcolor="gold" > <tr> <td> …

    Asked by Temiks,

    0 votes
    4 answers

  22. Фон на весь екран.

    Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png

    Asked by Mr.Black,

    0 votes
    10 answers

  23. Position

    Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???

    Asked by Mr.Black,

    0 votes
    2 answers

  24. Иной вариант просмотра изображений

    Не нашел на форуме обсуждения такого варианта просмотра изображений: крупное изображение и несколько маленьких под ним. При нажатии на маленькое изображение оно отображается на месте крупного изображения. Пример реализован здесь: http://cars.auto.ru/cars/used/sale/7839008-ec21.html Попробовал покопаться в коде странице, но он настолько навороченный (для меня), что разобраться до конца не смог даже с помощью Dreamweaver-a. К тому же, освоение CSS начал не так давно (если тут дело вообще в CSS). Может кто подскажет, что необходимо для реализации подобного просмотра изображений?

    Asked by byearnist,

    0 votes
    6 answers

  25. div меню со span'ами и justify

    решил написать резиновое меню с простым концептом: <div id="menu"> <span>menu element 1</span> <span>menu element 2</span> <span>menu element 3</span> </div> на div решил указать text-align: justify и на кажды span небольшие горизонтальные padding'и. тоесть весь мой css выглядит так: #menu {text-align: justify;} #menu span {padding: 0 5px;} но текст не тянется на ширину div'a и располагается слева. нужен совет по исправлению или новый концепт (желательно первое).

    Asked by freeek,

    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