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. Долго ломаю голову

    Приветствую всех, кто решил уделить внимание моему вопросу. Описываю проблему: Есть несколько страниц. На на каждой из них есть некая область, в которой находится одна и та же информация. Область представлена как <iframe src="banner.html"></iframe>, в файлике banner.html присутствует скрипт фотоальбома. Суть проблемы заключается в следующем: Скрипт фотоальбома открывает картинку только на область, отведенную под фреймик. Что бы я хотел, чтобы получилось: Я бы хотел сделать так, чтобы фотоальбом открывался на всю страницу))) Я пытался найти решение проблемы, заменяя фрейм на другие элементы, но результата не достиг. Вся загвоздка в том, что страниц предполагает…

    Asked by denas,

    0 votes
    14 answers

  2. Масштабирование изображения

    Можно ли бесскриптовым методом сжать изображение ровно в два раза? То есть имеем изображение m х n пикселей (m и n неизвестны) и надо вывести изображение, чтобы оно было m/2 х n/2 пикселей. Это реально?

    Asked by Veseloff,

    0 votes
    14 answers

  3. Scroll и вставка swf

    Есть необходимость вставить swf на сайт. Испробовал уже много способов, но никак не могу добиться того, чтобы работал скролл во всех браузерах. В момент, пока курсор мыши находится над swf, скролл не работает, как только отвожу в другую область - все прокручивается. Причем при различных вариантах вставки такие фокусы показывает то firefox то IE. Помогите с правильным кодом пожалуйста.

    Asked by rubiroide,

    0 votes
    14 answers

  4. rowspan отменяет высоту ячеек в ie. можно это обойти?

    Вот картинка с отображением моей таблице в фф и ие соответственно: вот мой код <table border="1" height="200"> <tr> <td height="5" style="padding: 3px;">Название</td> <td style="padding: 3px;">Карточка записи</td> <td style="padding: 3px;">Название</td> </tr> <tr> <td height="10"></td> <td height="10" rowspan="999" style="background-color: #fff; padding: 10px 30px;"> <div style="border: dashed 2px gray; width: 600px; height: 600px;"></div> </td> <td height="10"></td> </tr> <tr> <td height="10" style="padding: 3px;">1…

    Asked by Xoce,

    0 votes
    14 answers

  5. Не понятки со слоями

    <style type="text/css"> #test1 { margin: 1em auto; z-index: -1; width: 1020px; height: 240px; } </style> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <td align="center" valign="top" style="background:#FF0000"> <div id="test" align="center" style="background:#000000 no-repeat; width:1024px; height:254px"> <div id="test1">Если изображения не видно, обновите страницу браузера</div> </div> </td> </tr> </table> задача сделать <td align="center" valign="top" style="background:#FF0000"> самым нижним слоем, потом id="test1" и самый верхний id="test" Что только н…

    Asked by slavok47,

    0 votes
    14 answers

  6. Слайд шоу

    Народ, помогите! Нужно такое слайдшоу на сайте. Нигде не могу найти пример чтобы были и стрелочки, и цифры, и слайды автоматически менялись. В javascript не сильна. Может кто-то делал подобное, скиньте, пожалуйста ссылочку. Буду премного благодарна! )))

    Asked by Беленькая,

    0 votes
    14 answers

  7. Прошу помочь с версткой.....

    Добрый день, имеется в основной части (контенте) 2 DIV колонки, в css стилях выставлен мин высота в 100% так вот 1. В опере вроде на первый взгялд все нрм, без наполнения колонки растянуты во всю страницу, ну как тока добавишь в одну или другую текст , так к примеру если в перой обавили текст, то она увеличивается в размере , а ВТОРАЯ так и е растягивается до размеров первой 2. В эксплорере 8, вообще бэкграунд не заполняет страницу, как к примеру в опере КОД страницы: <!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=windows-1251">…

    Asked by Avalon.,

    0 votes
    14 answers

  8. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran,

    0 votes
    14 answers

  9. моя первая работа

    1. Начал подключать изображения и столкнулся с проблемой. Как сделать две полоски резиновыми? Да, и нижнюю полосу я склеил с листьями в один слой. 2. Еще сохраняю изображение с прозначностью в 50%, но когда вставляю его в файл оно полностью закрывает текст. Прозрачность исчезает.

    Asked by 121990,

    0 votes
    14 answers

  10. Доступ к каталогу страниц html

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

    Asked by Hasol,

    0 votes
    14 answers

  11. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!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>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  12. margin-top у дива внутри другого дива

    Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …

    Asked by clavin,

    0 votes
    14 answers

  13. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

    Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

    Asked by vvsh,

    0 votes
    14 answers

  14. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  15. Слетает ширина столбца таблицы

    Добрый день. http://salecement.ru/ Правая колонка таблицы переодически меняет свою ширину. Т.е прописано 22%, но иногда при загрузке страницы она становиться явно больше....

    Asked by Frolov,

    0 votes
    14 answers

  16. Как сделать, чтобы таблица растягивала body

    <!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" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>таблица</title> <style> html, body { width: 100%; margin: 0; padding: 0; } body { border: 1px solid green; } table td { border: 1px solid blue; width: 100%; margin: 0 0 0 auto; } </style> </head> <body> <table> <tr> <td>333333333333333333333333333333333333333333</td> <td>1111111111111111111111111111111111111111111111111111111111111111111</td> <td>22222222…

    Asked by Razor,

    0 votes
    14 answers

  17. Проблема с фоновым изображением

    Всем привет. Верстаю сайтик один, в верстке не знаток, верстаю таблицами. Основная таблица с контентом шириной 800рх, отцентрирована. Мой монитор с разрешением 1650х1050 поэтому и фоновую картинку лепил под это размер шириной в 1650, с такими CSS: body { background-image:url(fon.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#ff8281; background-postion: center top; } ну и при уменьшении ширины экрана вплоть до 1024 естественно, сама таблица сдвигается, а фоновая картинка остается на месте, становится некрасиво. Посоветуйте, что можно сделать что бы фоновая картинка так же сдвигалась вместе с таблицей, либо может другую технику посоветует…

    Asked by kashik,

    0 votes
    14 answers

  18. Сьезжает структура

    Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.

    Asked by SergeyVM,

    0 votes
    14 answers

  19. 3D облако тегов

    Прошу помощи! весь день промучался с кодом <html> <head> <title>Красивое облао тегов</title> <script type="text/javascript" src="swfobject.js"></script></head> <body> <div id="tags"><?php$tags = '<tags> <a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a> <a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a> <a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a><a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a> <a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a> </tags>'…

    Asked by Elensar,

    0 votes
    14 answers

  20. как ограничить textarea

    В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?

    Asked by Angel_33_3,

    0 votes
    14 answers

  21. Не отцентровать шапку

    Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…

    Asked by stardel,

    0 votes
    14 answers

  22. Проблема с float

    есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <…

    Asked by Watchman,

    0 votes
    14 answers

  23. Вертикальное центрирование блочных эелементов

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

    Asked by alexshvarts,

    0 votes
    14 answers

  24. Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7

    Добрый день всем и с началом трудовой недели У меня тут такая ситуация. Делаю выпадающую менюху со скруглёнными углами и надо сделать так, чтобы она по ширине растягивалась автоматически в зависимости от кол-ва знаков в пунктах меню. И вроде как почти разобрался. Но вот не могу понять как в ИЕ7 заставить верхние блоки (где вставлены радиусы) растянуться по ширине самого выпадающего меню. Возможно ли это сделать? Или в ИЕ7 это не реально? Вот ссылка: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html

    Asked by Belovsan,

    0 votes
    14 answers

  25. margin-width и list-style-image

    1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?

    Asked by people2010,

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