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. Выручайте, проблема с overflow в Safari

    Не сильно я разбираюсь в верстке, по этому получилось так что при отсутствии полосы прокрутки - получается кака. overflow-y:scroll; - везде работает, а Софари игнорит. как мне быть?) чуваки, жесткий буров с моей стороны, всё работает нормально тему можно удалть

    Asked by Porkman,

    0 votes
    0 answers

  2. Съезжает макет

    сори, удалите плиз

    Asked by Мо ской котик,

    0 votes
    0 answers

  3. Проблемы шаблона с кроссбраузерностью

    Доброго времени суток. Небольшая история: Как-то потребовалось шаблончик на игровую тематику для одного проекта. Ну с рисованием макетов у меня вообще туго, нашёл в паблике шаблончик, скачал, начал его резать. В итоге удалил всё, что мне было не нужно. Проверяю в ff - всё нормально, захожу через ie или chrome - там шаблон начинает съезжать. Сам я знаю неплохо html (начинающий, но всё же...), но знаю его в нормальной форме (как мне кажется) и шаманить не умею, поэтому понятия не имею, как сделать кроссбраузерность (разные браузеры и разрешения мониторов). Поэтому прошу помощи, как можно было бы понять, мне нужна стабильность шаблона. HTML-код: <html> <head> &l…

    Asked by STILL47DEATH,

    0 votes
    0 answers

  4. iframe, google maps, ie8

    Помогите решить 1 проблему есть сайт и на нем карта гугловская через iframe Но карта отказывается работать в IE8 точнее просто блокируется. Что с этим можно поделать? Сайт стоит на UMI CMS. кстати через JS карта вообще не отображается почему то... недавно работаю с UMI CMS еще не разобрался мб проблемы с TinyMCE и JS. ———- удалите тему сам со всем разобрался =)

    Asked by GeSTaM,

    0 votes
    0 answers

  5. работа стилей в 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

  6. Табличная вёрстка

    Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…

    Asked by trololo,

    0 votes
    0 answers

  7. Как грамотно организовать навигацию

    Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…

    Asked by Syndrome,

    0 votes
    0 answers

  8. Проблема с кнопкой.

    .

    Asked by онотоле,

    0 votes
    0 answers

  9. Табы с наложением друг на друга

    Подскажите как можно сверстать такие табы? Собственно табы сделать не проблема, а вот с наложением... Сами табы сверстал, вторая вкладка уезжает влево благодаря отрицательному margin, для активной вкладки z-index:100; (чтоб края неактивных прятались под ней), а дальше начинаются проблемы. Когда первая вкладка неактивна, то она уезжает за пределы блока (что не нужно, так как перед ней нет вкладок). Когда неактивных вкладок больше одной, то непонятно как задать z-index для каждой в отдельности (нужна динамическая смена id или просто смена параметра z-index взависимости от того какая вкладка активна) UPD: Проблему решил сам =) Тему можно затереть

    Asked by SEObomj,

    0 votes
    0 answers

  10. .htaccess - убрать расширение файлов из ссылок

    Добрый день, ребята. Решил сделать так, чтобы все ссылки на страницах сайта были без расширения php (если это не корень папки, если корень, то у меня имя файла вообще не фигурирует в ссылке). Например сейчас у меня выглядит все вот так: http://domain.ru/somename.php, а хотелось бы вот так http://domain.ru/somename В общем нашел такой вариант: RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.+)?$ $1.php [L] В принципе, эти правила работают, как мне нужно, но дело в том, что вызов страницы по ссылке http://domain.ru/somename.php тоже никуда не пропал, а это уже не очень хорошо, тк получаются дубли адресов. То есть надо …

    Asked by Rayled,

    0 votes
    0 answers

  11. Помогите с растяжкой на странице

    Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…

    Asked by cul8er,

    0 votes
    0 answers

  12. Текстовое поле перекрывается голубоватым прямоугольником

    Здравствуйте. Сталкивался ли кто-нибудь с проблемой в IE8 с установленными тулбарами, чтобы при фокусе на текстовом поле input[type=text] его перекрывал непонятный голубоватый прямоугольник, не позволяя смотреть на то, что вводишь в него. У input'а никаких особых css-свойств нет. Для тега выставлено autocomplete="off", может быть, дело в этом? Баг наблюдается у заказчика на ноутбуке по его словам. Я не смог повторить такой на своём с точно такими же параметрами системы (ноутбук правда другой). Кто-нибудь сталкивался с этим? Буду благодарен за любую информацию.

    Asked by EugenyK,

    0 votes
    0 answers

  13. Разваливается дизайн в ie8, причем через раз

    Уважаемые, если есть силы и время в Новогодние праздники, посмотрите пожалуйста сайт. Находится сейчас на техдомене в тестовом режиме. Работает на базе Joomla 1.5+VirtueMart 1.1.5 Не знаю, что делать с ним. В IE 8 складывается дизайн в кучу, причем, через раз. Режим совместимости тоже работает через раз. Иной раз срабатывает(судя по отображению позиционирования), иной раз - так же разваливается. Проверял в валидаторе. Сейчас он выдает ошибки на хаках для webkit-браузеров и на скруглении углов. Другого разобрать не могу из за "зелености". В общем, вся надежда на ваш опыт

    Asked by donatory,

    0 votes
    0 answers

  14. Проблема с переносом внутри inline-block

    Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …

    Asked by Ovjer,

    0 votes
    0 answers

  15. Не получается растянуть фон боковых блоков

    Проблема в том, что фоновая картинка не повторяется на всю высоту контейнера, а заканчивается там, где кончается блок. Решается проблема только с фиксированной высотой, которую я для наглядности задал в правой колонке, но фиксированная не пойдёт, а height:100% меня не понимает Пол дня мучаюсь с этой версткой. Помогите решить проблему <div id="container"> <div id="left_side"> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div> <div id="block_bottom"></div> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет т…

    Asked by Photoshopper,

    0 votes
    0 answers

  16. Нужна помощь в ограничениях на сайте

    Приветствую! Есть шаблон. <!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> <link href="http://maltin.ru/artlemon/shablon/css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="top">Предоплата 100%. Бесплатная доставка примерно 1-2 недели.<br /> <span>ВНИМАНИЕ!</span> Кликайте по кнопке <em>«Купить сейчас»</em&…

    Asked by art-Limon,

    0 votes
    0 answers

  17. Шаблон для Joomla, как убрать сдвиг центральной коллонки?

    Добрый деньё С ХТМЛ и ЦСС работаю совсем недавно. При написании шаблона под Joomla возник вопрос: Есть 3 основных блока - 2 по бокам фиксированные и один по центру с контентом гуляет по вертикали. Как сделать чтобы центральный блок, при уменьшении ширины браузера, не заезжал под левый блок и не оставалось пустое место справа? Или как заставить все блоки прокручиваться по горизонтали, при уменьшении ширины браузера? сам шаблон: http://fav-art.com/FAVart.template/ П.С.: подробное описание того что хочу получить: http://joomlaforum.ru/index.php/topic,141983.new.html#new или http://joomla.org.ua/forum/topic?id=920 Заранее всем откликнувшимчся чрезвычайно благодарен кот: &l…

    Asked by puller12,

    0 votes
    0 answers

  18. Flash размер

    У меня такая ситуация на флеше(FLASH) стоит 100% размер но во всех браузерах кроме Оперы размер 5% в чем можнт заключаться проблемма?

    Asked by iKARATE,

    0 votes
    0 answers

  19. Табличные ячейки с бордерами

    Привет. Имеется таблица, один столбец которой имеет левый и правый бордеры. При движении указателя мыши по таблице строка под курсором выделяется путем установки ее ячейкам верхнего и нижнего бордера. Вот как это в идеале выглядит: Это имеющаяся верстка данной таблицы: <!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>Untitled Document</title> <style type="text/css"> td { border-top:1px solid transparent; /* prevent table twitch …

    Asked by Styx,

    0 votes
    0 answers

  20. Текст, изображение выходит за блок... Помогите пожалуйста

    Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!

    Asked by aknur,

    0 votes
    0 answers

  21. Помогите с div ширина высота 100%

    Помогите с семиблочной схемой из div Понимаю что тема подымалась тысячи раз но в примерах восновном не такое количество блоков и поетому подымаю данный вопрос Восновном у меня проблема возникает с двумя внутренними вертикальными блоками (синие) они постоянно равны по высоте наружным (зеленым) Центральный блок (жетый)может быть в высоту по величите контента xhtml 1

    Asked by lublupospat,

    0 votes
    0 answers

  22. Размеры шрифта и отступы

    Начал верстать страничку и возник вопрос: есть ли вариант узнавать сразу какая реальная высота строки в фотошопе и в браузере не выделяя ее каждый раз, чтобы корректно задать для нее отступы, а то бывает так, что строка , допустим, написана прописными буквами, и на автомате меряешь до края буквы, а потом оказывается что там еще пара пикселей в которых нет текста и лазишь, меняешь везде =( и еще возникала проблема с тем что в разных браузерах высота блока со списком выходит разная, маргины между всеми элементами заданы, так что остается искать о5 же подвох в высоте строк в списке

    Asked by Joyfit,

    0 votes
    0 answers

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

    У меня возникла небольшая проблемка при верстке макета. Нужно сверстать вот такой скрин елемент Когда я верстал <div id="archive" > <div class="mp3title" > <div class="mleft" >» Yolanda Be Cool & Dcup - We No Speak Americano</div> <div class="mcenter" ></div> <div class="mright" >Скачать</div> </div> </div> #archive { margin: 10px 15px; } .mp3title { margin-bottom: 15px; } .mleft { float: left; } .mcenter { background: url('../images/side/polosa.jpg') 0 0px repeat-x; height: 1px; } .mright { float: right; } получается вот так

    Asked by Mr.Black,

    0 votes
    0 answers

  24. Phoca Gallery

    Здравствуйте!!! У меня не получается добавить изображение в Phoca Gallery. Загружаю фото на сервер по FTP. Все прекрасно, в админке в медиа менеджере она просматривается, а при добавлении в Phoca Gallery получается вот что: xxx (последняя фотография) Почему? Что я не так делаю? В локальной версии все отлично добавляется. (Извините, но ссылку вынужден убрать, потому что она уже не работает!!! Я все уже исправил и все работает нормально.)

    Asked by ankris,

    0 votes
    0 answers

  25. HTML 5 и отсутствие DTD

    Здравствуйте. У меня есть классы на PHP, которые генерируют HTML-код форм согласно правилам вот этого документа - xhtml1-transitional_dtd. В классах объявлены массивы описания атрибутов элементов, которые являются отражением вышеупомянутой спецификации: class Html_ElementInput extends Html_Element { public function __construct($type=null) { parent::__construct(); $this->attrs = array ( 'type' => array('text', 'password', 'checkbox', 'radio', 'submit', 'reset', 'file', 'hidden', 'image', 'button'), 'name' => 'CDATA', 'value' => 'CDATA', 'checked' => array('checked'), 'disabled' => array('disabled'), 'readonly' => array('re…

    Asked by phpist,

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