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. IE7 - подозреваю не работает float:right;

    Подскажите, почему во всех браузерах меню нормально прижато к правому краю, кроме IE7? http://mosstroy-10.ru/ Поиски дали мне почву подозревать, что здесь плохо работает float:right ... Но как с этим бороться не ясно.

    Asked by Leto,

    0 votes
    5 answers

  2. Изменение стиля объекта с якорем при переходе на него.

    Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?

    Asked by SCHNITZER,

    0 votes
    4 answers

  3. Плавающие слои друг под другом

    Столкнулся с проблемой, не могу найти решение. Есть три слоя, располагающиеся в ряд (float: left). Ширина определена, а высота по контенту. При сжатии окна браузера, слой 3 не помещается в область просмотра, и должен перемещаться на строку ниже. Но слой 1 выше остальных, и слой 3 оказывается не в начале, а справа от слоя 1, что конечно является нормальным поведением. Но существует ли способ расположить третий слой под первым? Код: <head> <style> .container { float: left; width: 100%; background-color: gray; } .a { float: left; width: 100px; color: #fff; background-color: #000; margin: 10px…

    Asked by HeadInSky,

    0 votes
    4 answers

  4. IE7, исчезают баннеры

    Здравствуйте! Столкнулась с проблемой, которую не знаю как решить http://www.jaluse.ru/ - справа расположены 3 блока. В IE7 они просто исчезают. Помогите разобраться, пожалуйста! <div style="background:url(images/block_1_decor.png) no-repeat; width:289px; height:110px; padding-bottom:10px;"> <div class="text_block"><a href="http://ki.katris.ru/" target="_blank">Конструктор интерьера</a><br style=" margin-bottom:10px;" />Жалюзи, шторы в интерьере дома, офиса</div> </div> <div style="background:url(images/block_2_zamer.png) no-repeat; width:289px; height:110px; padding-bottom:10px;"> <div class="text_bloc…

    Asked by Bredova,

    0 votes
    4 answers

  5. Неподвижный бэкграунд.

    Здравствуйте. Вот возник вопрос, который никак не могу решить. И не знаю, можно ли вообще это осуществить. У меня разрешение экрана 1680*1050. Есть сайт. Фиксированный дизайн шириной 1000px по центру. На задний фон хотел впихнуть картинку.Но максимальная картинка какая влазит, это шириной 1680. Думал 2560 запихать, но её не отображает. Вот и хотел узнать: можно ли как-нибудь засунуть в бэкграунд картинку 2560*1600 расположив её по центру. Чтобы подходило всем, вплоть до этого разрешения. Делаю я вот так: body { background: url(blackwood.png); background-attachment: fixed; background-repeat: no-repeat; background-position:center; }

    Asked by Dezmont,

    0 votes
    2 answers

  6. Определить дату последнего изменения файла

    подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.

    Asked by Stamper,

    0 votes
    13 answers

  7. Поместить в центр карусель

    Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это: <body> <div id="navgalery"> <a href="../../index.php">Главная</a>| Моменты из ж…

    Asked by prowoke,

    0 votes
    0 answers

  8. Проблемы с footer'ом

    Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?

    Asked by sviloga,

    0 votes
    0 answers

  9. модуль анонсов

    помогите написать код для модуля анонсов произведений на главной странице. то есть, человек вставляет в определенное окошко ссылку на свой рассказ, кликает на "разместить" и эта ссылка появляется на главной странице. было бы хорошо, если при этом еще было бы окно для введения названия рассказа. главная страница у меня сделан в dreamweaver. прошу помочь, так как искал долго и безуспешно, а знаний для написания кода самому, пока не хватает. заранее благодарен всем кто откликнется

    Asked by roosei,

    0 votes
    15 answers

  10. При клике мышкой увеличить картинку

    Добрый всем день. Вот такая у меня проблема. Хочу что бы при клике мышкой на маленькую картинку она увеличивалась. Несколько часов гуглил читал и пробовал но ничего не получается. Я не специалист и мне нужна подробная информация, как говорится для тех кто в танке. Вот сайт: http://www.mogemvse.in.ua/index.php?option...=4&Itemid=4 при наведение на тортики они должны увеличиваться, подскажите как это сделать? что нужно устанавливать и куда вставлять? Если нужен код html или css могу выставить. Спасибо.

    Asked by gumuch,

    0 votes
    11 answers

  11. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx,

    0 votes
    5 answers

  12. Отступ от верха пропорционально ширине браузера

    Здравствуйте, собственно вопрос в названии темы. Дело в том что я сейчас заканчиваю рисовать дизайн сайта и продумываю верстку, опыта практически нет, последний раз занимался созданием сайтов 3 года назад. Хотелось бы сделать полностью резиновый сайт, но проблема в том, что у меня в шапке картинка в пропорции 4х3 примерно, а соответственно мне нужно чтоб основная часть сайта имела отступ от верха браузера пропорционально ширине окна, иначе разъедется вся сверстанная страница, или наоборот основная часть наедит поверх шапки. Знаю что можно получить в переменную разрешение экрана(по ширине), но если у пользователя большой монитор и он открывает браузер на пол экрана только…

    Asked by webvova,

    0 votes
    6 answers

  13. opera + table + form

    я только начинаю верстать и столкнулся с такой проблемой делаю таблицу и в неё засовываю форму в мазила всё отлично а в опере она (форма) выходит за таблицу полностью то есть форма получается ниже таблицы подскажите кто с таким сталкивался какое решение этому есть?

    Asked by goldoba,

    0 votes
    7 answers

  14. PIE.htc и не работающий margin

    Доброй ночи камрады! Сегодня собирался воспользоваться вот этой штукой PIE.htc и обнаружил удивительный баг в IE 6-7, который никак не поддаётся лечению. В общем есть тупо блок, 500 на 500пк. Я планировал закруглить углы с помощью PIE.htc, мне это удалось, но появилась другая проблема. Когда в КСС ссылаюсь на behavior: url(PIE.htc);, то сразу-же перестаёт работать верхний margin в IE 6-7, как только убираю ссылку, margin снова работает. Кто нибудь сталкивался с этой проблемой, может быть есть какие то лечебные травы? http://psywalker.ru/Forum/CSS3/Test2/main-page.html Смотреть в IE 6-7

    Asked by psywalker,

    0 votes
    26 answers

  15. Картинка по центру строки

    Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.

    Asked by Walk,

    0 votes
    6 answers

  16. Три окна

    Идея такая. Три div или td или li. Стоят в 1 строку, будут создавать верхнюю часть для сайта. Необходимо сделать следующие. Первая часть(самая левая) будет задана ширина, если быть точнее то 49px. Вторая (центральная часть) должна становиться шири или уже зависимо от текста. Третья должна регулироваться зависимо от второй. При этом у каждой будет свой backgound. Вот эти три картинки.

    Asked by darewangog,

    0 votes
    1 answer

  17. Опера 10.63. Сжатие фиксированной страницы

    Здравствуйте! В последней версии Оперы (а может и более ранних тоже) при уменьшении размера страницы происходит масштабирование её содержимого, даже если размеры элементов заданы в пикселях, а не процентах. Происходит это со всеми сайтами, картина получается неприглядная. И вот вопрос: а есть ли некое глобальное средство, которое бы запрещало браузеру сжимать содержимое? В одной статье с этого сайта (Фиксированный дизайн. Свойство float) вроде бы как есть решение проблемы 2-ух колоночного макета страницы, сверстанной в слоях. Но под Оперой 10.63 оно несостоятельно. Как быть???

    Asked by senistra,

    0 votes
    3 answers

  18. Выравнивание ячеек в таблице.

    Добрый день. Имеется таблица <table width="500px" > <tr> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> С заданной-фиксированной шириной, в ней находятся ячейки у которых так же фикс ширина, к примеру у табл - 500, а у ячеек 250. Необходимо чтобы в одной строке было не более 2-х ячеек (<td width="250px"></td>). Это нужно для - скрипт вытаскивает из бд картинки и вставляет их в ячейки: <table width="500px" > <tr> <?php while(..в табл есть изображения..) {<td width="250px">....</td>} ?> </tr&…

    Asked by Avalon.,

    0 votes
    9 answers

  19. Извените за новую тему НУ ОЧЕНЬ надо

    Я сделал веб страницу через psd шаблон и сделал меню сайта и гипер ссылки меню сайта ушло в низ и гипер ссылки тоже что делать подскажите плиз? вот скрин где оно щас находитса http://dump.ru/file/4866262 а вот скрин где это всё должно быть http://dump.ru/file/4866261

    Asked by Suriko,

    0 votes
    1 answer

  20. Помогите пожалуйста с CSS Меню в IE

    Всем привет! Подскажите, пожалуйста, отчего в Интернет Эксплорере верхнее выпадающее меню (на CSS) отображается не корректно? Все время съезжает на соседнюю справа ячейку. (В опере и FF все ок). http://perfect-human.ru/cms/ Код CSS: <style type="text/css"> #nav, #nav ul { list-style: none; margin: 0; padding: 0;} #nav li {float: left; position: relative; background: #515151; back\ground: none;} #nav a{ color: #000; text-decoration: none; display: block; width: 126px; height: 24px; padding-top: 8px; text-align: center; font:14px "Times New Roman", Times, serif; background: url(../img/dark.gif);} #nav a:hover {color: #fff; background: url…

    Asked by Luminar,

    0 votes
    15 answers

  21. Input disabled

    И так есть <input type="text" name="email" size="30" disabled value='.$_SESSION["user"]["email"].'> Т.е у меня в поле выводит e-mail, и нужно чтобы когда нажимаешь по ссылке рядом <a>Редактировать</a> поле активировалось..как сделать?

    Asked by macbeth9,

    0 votes
    4 answers

  22. построение страницы в браузере

    Может быть это слишком сложно или просто миф или что-то еще Даже вопрос несколько сложно сформулировать.. какие теги наиболее сложны для обработки браузером (любым) поясню: открывая разные сайты и скажем проматывая скрол вниз вверх можно заметить (на относительно слабых машинах) плавность сего действа или некую тормознутость (не учитываем скрипты флеш и т.д) если в такую верстку (тормознутую) поставить сложный ява скрипт, то нагрузка на процессор будет выше, чем если этот же скрипт вставить в пустую страницу. К сожалению примеры показать сложно. Кто замечал подобное?

    Asked by ShumNo,

    0 votes
    8 answers

  23. Центрирование блока посередине экрана

    Всем, привет! Сегодня у меня возникла проблема центрирование блока с фиксированными размера в окне браузера. Я воспользовался следующим решением: #block{ position:relative; width:600px; height:600px; top:50%; left:50%; margin:-300px 0 0 -300px background: #FF9933; } Но мне необходимо чтобы появлялись правильные полосы прокрутки при очень маленьком экране. А при этом решении прокрутка появляется, но обрезается блок, нельзя посмотреть его полностью. Да и еще очень желательно чтобы блок был поднят на несколько пикселей от центра экрана. Есть идеи?

    Asked by Mal4ishnik,

    0 votes
    1 answer

  24. Раскрывающееся меню в джумла

    Почитал инет, вроде из за свойства hover и типо это решается тут http://www.xs4all.nl/~peterned/csshover.html вот так вот body { behavior:url("csshover3.htc"); }, я сделал так и нифига, меню в IE6 сделанное на списках, не раскрывается, везде в других браузерах нормально работает. Как решить?

    Asked by SoFuWa,

    0 votes
    6 answers

  25. Непонятный для меня синтаксис

    Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;

    Asked by prowoke,

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