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. Бордер поля в форме. Chrome/Safari.

    Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?

    Asked by Verder,

    0 votes
    5 answers

  2. Что-то непонятное с line-height

    Имеется такой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …

    Asked by Колос,

    0 votes
    8 answers

  3. вопрос про "loop"

    Вставил в хтмл <embed src="music1.mp3" type="audio/x-mpeg" width="0" height="0" autostart="true"> по дефолту значение loop -1 что означает что трек должен проигрываться постоянно. а играет один раз. Побывал дописывать loop="-1" не помогло. И кстати, когда ставил loop="3" трек тоже играл один раз...

    Asked by sh1va,

    0 votes
    4 answers

  4. В какой кодировке броузер передает данные формы?

    Всем привет, Подскажите пожалуйста по нескольким вопросикам, связанным с UTF-8: 1. В какой кодировке броузер передает серверу значения текстовых полей формы, заполненной пользователем? Всегда ли в кодировке страницы? Если HTML страница сформирована в UTF-8, в тексте страницы есть тег META с указанием кодировки charset=UTF-8, означает ли это, что текстовые данные из полей input и textarea всегда будут в UTF-8? Зависит ли такое поведение от конкретной марки/модели/года выпуска/тормозной системы броузера, либо все себя ведут одинаково? Есть ли необходимость на стороне сервера скриптом-обработчиком формы определять кодировку, и, при необходимости, конвертировать текст. Сервер…

    Asked by Gride,

    0 votes
    5 answers

  5. гиперсылка средствами css

    можно ли делать гиперссылку без текста и картинки, тоесть только средствами css например <a class="goog" href="url"></a> а в css пишем a.goog {height: 16 px; width:16 px; background: url(../images/typo/google.png) no-repeat #74A824!important;} просто у меня сейчас ничего не кажет может так нельзя?

    Asked by bondarin,

    0 votes
    21 answers

  6. Горизонтальный скролл в IE

    В опере - нет, в ФФ - нет, в хроме - нет. В IE8 - есть. Проблема в верхней части страницы, два блока с мороженым (слева и справа) растягивают страницу, не смотря на то, что для контейнера #main_cloth задано overflow:hidden; Вот страничка, логин/пароль km

    Asked by d0ublezer0,

    0 votes
    19 answers

  7. как зделать так чтобы не "расползалось"

    Здравствуйте! Есть сайт _!http://www.npsee.ru, в разрешении 1280*1024 с заполненным текстом ведет себя нормально, но при разрешении выше начинает сползаться(отделяться) резиновая часть.. вопрос.. как можно зафиксировать его чтобы он не уезжал далее 1280px. и где это прописать. Спасибо!

    Asked by worldown,

    0 votes
    5 answers

  8. Меню из двух строк

    Нужно сделать меню из двух строк. Первая строка это меню первого уровня, вторая строка – второго уровня. При наведении мышки на пункт в первой строке, данный пукт выделяется и соотв. на второй строке выводятся соотв. подпункты данного раздела. Собственно как это красиво реализовать? Нужна кроссбраузерность.

    Asked by Mal4ishnik,

    0 votes
    6 answers

  9. Табличный Html. Dreamweaver. Проблема.

    Здравствуйте дорогие друзья, у меня возникла проблема! Верстал на DW страницу, табличную, вроде всё ровненько, на превьюшке в самом дримвивере тоже всё нормально отображается. А вот сама страница в опере и файрфоксе(наверно, как и везде), кроме старого IE, отображается не совсем желаемо, в общем - она слишком длинная. Таблица заканчивается, а страница прокручивается всё дальше, почти в 2 раза больше, чем нужно. Вот страница: http://petr-efimov.com/ro/index.html В чём может быть проблема, не понимаю. Мистика какая-то. Прошу, помогите. Заранее спасибо! Всё, нашел в чем проблема. Тема закрыта.

    Asked by f1nik,

    0 votes
    0 answers

  10. Проблема с дивной версткой

    Здравствуйте, помогите решить проблему: Есть два дива, слои лежат один на другом, в нижнем диве находиться динамический контент, картинки, текст, ссылки, который меняется, jq слайдер. Верхний див пустой, со свойством css border-radius, имитирует рамку округлую поверх нижнего дива. Проблема в том что нету доступа к нижнему диву в Safari, FF, Chrome..Текст не выделяется, ссылки некликабельны. У обоих дивов стоит значение position:relative, заданы размеры и z-index.. Пробовал рамку наложить поверх разными способами, и png картинку с рамкой поверх и таблицу с порезанной рамкой на куски поверх контета, не работает. Вот сам слайдер поверх которого я хочу наложить рамку: _http:…

    Asked by eVErl@Sting,

    0 votes
    9 answers

  11. не обрабатывает css в Chrome

    Добрый день! есть сайт newversion-spb.ru почему-то в Google Chrome не обрабатывает css (как я понял) в других браузерах нормально... из-за чего может быть такая проблема?

    Asked by evilss,

    0 votes
    1 answer

  12. Проблема в IE 6

    Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }

    Asked by udodirc,

    0 votes
    10 answers

  13. Верстка

    Здравствуйте задался вот сверстать такую конструкцию: расстояние промежуточное равно 2px высота фиксированная... Как такую конструкцию можно собрать из дивов? Я пробовал так: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <style type="text/css"> html, body { width:100%; } header { display: block; width: 95%; margin: 0 auto; } #head_left, #head_right { width: 50%; height: 105px; float: left; } #head_left_first { width: 100%; height: 21px; background-color: green; } #head_left_second { width: 100%; height: 84px; background-color: red; } …

    Asked by serg_ss,

    0 votes
    2 answers

  14. Помогите с divaми

    Такая проблемка. Есть 1 див внутри другого. (indent внутри header) <div id="header"> <div class="indent"></div> </div> #header { height:670px; background:url(img1.jpg) bottom left no-repeat; } .indent { width: 962px; height: 466px; background:url(img2.jpg); } Нужно, чтобы img1 перекрывала img2, никак не получается это сделать. Подскажите, что еще нужно в css добавить?

    Asked by vasyapupkin89,

    0 votes
    4 answers

  15. Как быть с SSI

    Подскажите пожалуйсто , как быть , у меня настроена связка php+mysql+perl+apache , на apache поднял модуль SSI , доволен модулем , один вопрос : если я занесу в подключаемый файл мета-теги , будут ли коректно их понимать поисковики ? , если я занесу в подключаемый файл линки будут ли коректно их понимать броузеры? Зарание большое спасибо!

    Asked by iloveforever,

    0 votes
    3 answers

  16. Настройка ленты новостей

    Здравствуйте. У меня проблема с установкой на сайте новостей. Дело в том, что я закачала на сервер скрипт новостей, все требования по установке выполнила ( они приведены ниже ), но новости на сайте не отображаются. Помогите выяснить причину. Установка 1. Закачайте все файлы на сервер в любую папку (по умолчанию news). 2. Установите следующие права доступа: на саму папку - 755 на все файлы .php - 755 на папку cpanel - 777 на папку с будущей графикой - 777 3. Набираете в адресной строке (http://ваш_сайт/папка_где_скрипт/install.php). Следуйте инструкциям в установочном файле 4. После установки удаляете файл install.php и выставляете права 755 на папку cpanel и файлы…

    Asked by Elisa Day,

    0 votes
    2 answers

  17. Куда-то поползли картинки..

    Здрасьте. Это опять я со своим скудным и корявым сайтом. Прошлая проблема решена, но есть ещё кое-что. Я решил немного исправить корявость верстки и что-то случилось с картинками. Они все поприжимались к стенкам контейнеров и футер стал не по центру.. В очередной раз не знаю что делать и прошу вас о помощи.

    Asked by SANNY_95,

    0 votes
    6 answers

  18. Простой макет.

    Здравствуйте, делаю простой макет, есть несколько вопросов. В качестве фона header'а хочу поставить следующее изображение 1024*386 (ниже). Сразу вопрос: правильно ли так делать? Я имею в виду, правильно ли разрезал или нужно было другим образом (например, по частям: сначала серую полоску сверху, за ней белую область ниже и так далее, после чего каждый вырезанный элемент ставить в отдельный div) На форуме прочитал, что нельзя сделать так, чтобы картинка растягивалась в соответствии с размерами окна браузера. Как поступить в данном случае? Мне нужно, чтобы было как на макете (изображение на всю ширину). При таком коде изображение не повторяется, но и не дотягивает до конца…

    Asked by Red Planet,

    0 votes
    10 answers

  19. мигающая ссылка

    нужно сделать мигающую ссылку на сайте ( и не одну) blink помоему работает только с текстом, а не с ссылками посдскажите как можно сделать такое? какими методами?

    Asked by tok24ua,

    0 votes
    2 answers

  20. не могу догнать одну вещь

    все ссылки на сайте серого цвета. но мне надо выделить ряд ссылок зелёным. добавил класс blank, выглядит так: .blank{ color:#AFD532; //зелёный цвет text-decoration:underline; } a{ color:#535457; //серый цвет text-decoration:underline; } в самом редактор (drupal) если пишу код вида <a href="http://www.fps-catalog.com.ua/" target="_blank" class="blank">on-line catalog</a> то элемент class="blank" не сохраняется... и цвет не меняется а если взять тэг а в div или span и приставить к ним всё тот же class="blank" - ничего не происходит(( подскажите что делать в этом случае?

    Asked by tok24ua,

    0 votes
    2 answers

  21. radiobutton (прошу совет)

    Добрый день. Не знаю у кого спросить - спрошу здесь. Есть страница, на ней есть форма form с полями для логин и пароль, кнопка input. также на странице есть кнопка регистрация - просто img с линком. Надо, чтобы кнопка на странице была одна, была form с радиокнопками. Нажимаешь крыжик, вводишь логин/пароль, нажимаешь input, либо второй крыжик и редирект на страницу creataccount.php (например). Подскажите как это реализовать?

    Asked by kolodkin,

    0 votes
    1 answer

  22. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …

    Asked by ZooY,

    0 votes
    7 answers

  23. Помогите блондинке ))) с HTML

    Проблема в том что не могу сделать чтобы все три колонки были на одном уровне ровно в таблице. Помогите ка можно решить эту проблему? :rolleyes Хотела добавить скрины сюда но не знаю как

    Asked by Enigmochka,

    0 votes
    7 answers

  24. BLOCKQUOTE ошибка в валидаторе

    из за тега BLOCKQUOTE много проблем у блога в блоггере, при использование этого тега появляется ошибка в валидаторе, незнаю как исправить, может кто поможет? пишет так: document type does not allow element X here; missing one of Y start-tag Line 1072, column 2168: document type does not allow element "blockquote" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …pan><span class="fullpost"><blockquote>После установки программы ВебМани Кипер… Ещё я заметил когда использую BLOCKQUOTE в сообщениях, то в браузере Хром, нарушается работа под ката, который используется через тег span. И мне приходится писать сообщения пр…

    Asked by virgin,

    0 votes
    6 answers

  25. 2 проблемы при верстки меню

    Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…

    Asked by Juice,

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