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. Помогите решить задачу!

    Нужно сделать два разных дизайна одной странички и кнопки переключения между ними. В первом дизайне таблица а под ним текст а во втором эта же таблица но вместо текста две такие же таблицы но разумеется с другим содержанием. За идею и мысль буду премного благодарен!)))

    Asked by Alexsays,

    0 votes
    8 answers

  2. Всплывающая CSS-подсказка поверх всего контента.

    На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …

    Asked by ASGAlex,

    0 votes
    7 answers

  3. Крякозябры в IE

    Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…

    Asked by Mal4ishnik,

    0 votes
    15 answers

  4. Альтернатива align в CSS

    Всем привет! Подскажите, кто знает, есть ли замена тега align="center" в CSS ?

    Asked by hopes_in_life,

    0 votes
    11 answers

  5. Картинки не затемняются в FireFox и Google Chrome!

    Парни, подскажите почему у меня на http://mnart.ru/portfolio/ не затемняются картинки при наведении в FireFox и Google Chrome? Хотя в Опере и даже в IE всё работает!

    Asked by CrazyFrog,

    0 votes
    12 answers

  6. Проблемы со слоями в FireFox

    Пытаюсь создать свой сайт, но столкнулся с проблемой смещения слоев в FireFox. В др. браузерах отображается все корректно. Страницу делал в FrontPage. Корректно: Не корректно: Стрелочками показано где смещено. Это 4-е разных слоя. Подскажите пожалуйста, что не так делал.

    Asked by Fion,

    0 votes
    22 answers

  7. Помогите убрать косяки

    Всем привет я в верстке новичок. Шаблон для joomla нашел интересный но там есть пару косяков, а как их исправить ума не приложу. Есть знающие люди? Помогите плиз. Код блоков

    Asked by vadim_paladev,

    0 votes
    19 answers

  8. всплывающие элементы

    добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример. Пожалуйста, кто знает, расскажите подробно, как это делается? Заранее спасибо!

    Asked by dron,

    0 votes
    12 answers

  9. position relative

    Привет всем! Какие ошибки и чем может грозить если для всех div на странице задать position relative?

    Asked by vector7,

    0 votes
    4 answers

  10. Плавающие блоки - стыковка

    Пытаюсь сделать блоки шириной 50%, 1\3 (т.е. 33%) и 2\3 (т.е. 67%) Соответственно блоки 50% только между собой вставляются (лефт и райт) А блоки 1\3 и 2\3 компонуются между собой (лефт и райт) Проблема в следующем: почему-то после первого "третичного" блока перестает воспринимать стили... ошибку увидеть сам не могу Исходник HTML: <!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> <link rel="stylesheet" rev="st…

    Asked by lanzs,

    0 votes
    4 answers

  11. Как всегда ИЕ6 и три колонки..

    Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p&gt…

    Asked by Mary_RND,

    0 votes
    9 answers

  12. Полупрозрачность фона div

    Например <style type='text/css'> .test{ background-color: #666666; opacity: 0.5; } </style> <div class="test">CONTENT</div> При таком раскледе не только фон имеет прозрачность но и весь контент, (а нужно только к фону применить прозрачность), как это сделать?

    Asked by slavok47,

    0 votes
    8 answers

  13. Сложный бекграунд!

    Здравствуйте! Дизайнер прислал шаблон со сложным бекграундом. История такая: В стайлах укажу css директивы которые относятся к теме. html: <body> <div style="height: 300px; z-index: 1;">Этот блок я сделал для того чтобы залить в него бекграунд, основной блок сайта должен наехать на него</div> <div style="z-index: 2; top: -300px;">этот блок содержит сам сайт, блок выровнен по середине</div> </body> Проблема в том что внизу страницы появляется пробел в 300px от этих махинаций и как его убрать я не знаю( Проблема решается если указать высоту body в пикселях но как ее узаешь то... высота блока с контентом меняется постоянно. Вообще для спра…

    Asked by demarko,

    0 votes
    6 answers

  14. шрифт и IE

    когда задаешь стиль font-size: bold почему-то в IE он отбражается мельче, чем в других броузерах, как это исправить?

    Asked by sc@r@bey,

    0 votes
    6 answers

  15. Проверка верстки в различных браузерах

    У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё

    Asked by Chebas,

    0 votes
    4 answers

  16. Тег <br />

    Короче, есть детский вопрос: Есть кусок кода: <!-- phone block --> <div class="information phone"> <h5>Телефоны:</h5> <address> <span class="pad-50"> Тел.:<br /><br /><br /> Моб.:<br /><br /> </span> <span> +123 (45) 678-90-12<br /> +123 (45) 678-90-12<br /><br /> +123 (45) 678-90-12 Velcom<br /> +123 (45) 678-90-12 МТС </span> </address> </div> …

    Asked by DjTarik,

    0 votes
    9 answers

  17. Неправильно отображение картинки при уменьшении окна браузера

    Вот сделал скриншоты проблеммы. Посомтрите пожалуйста, скажите как избавится от такого, а то я уже замучался. Проблемма показана на скриншотах. http://www.sharemania.ru/0175738

    Asked by people2010,

    0 votes
    1 answer

  18. Обтекание + центрирование

    Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…

    Asked by monkeymafia,

    0 votes
    13 answers

  19. Перекрытие div-om di-va

    Требуется чтоб внутри дива кнопка был див кнопка_линия, который бы был с бэкграундом строго внизу слева и тянулся вправо при растягивании дива кнопка, как на картинке #but { background:url(img/orange_33.gif) no-repeat top left; float:left; height:77px; margin-right:2%; min-width:170px; width:22%;overflow:hidden; } #but_line { background:url(img/orange_42.png) no-repeat bottom left; width:inherit;height:20px;} У меня и при задании позиции и при задании отступов, отступает от текста основного div-a.

    Asked by Winni,

    0 votes
    0 answers

  20. удаление ссылки с хедера шаблона Joomla 1.5

    привет всем. не могу удалить с шаблона Joomla 1.5 ссылку в шапке от автора шаблона. простое удаление ссылки из index.php не помогает - рушится верхнее меню именно в ИЭкспл. более того любое изменение в этом файле ведет к этой проблеме. если ко времени ответа ничего не смогу сделать, вот сайт aqua-maris.ru заранее спасибо

    Asked by aleksZGR,

    0 votes
    0 answers

  21. Блочная верстка + картинка в background

    Доброго времени суток всем! Помогите советом как быть? Нужно сверстать макет, в background`е будет большая красочная картинка. Возник вопрос как лучше сделать? Можно конечно забацать таблицами и попились общий фон на куски. А как сделать если верстать блоками? Картинку всю целиком в фон пихать? просто картинка здоровая и если целиком вставлять, то будет достаточно тяжелая, мне кажется, и будет долго грузиться. Заранее благодарен за ответы.

    Asked by pro1rock1,

    0 votes
    3 answers

  22. RBG + alt

    Буду признателен за подсказки: 1. колдовал сайт в винде. Открыл на МАСе и обалдел. Все цвета поменялись. Есть какое нибудь заветное слово против этого? 2. МАС не читает Alt="" /при наведении мышкой на картинку/. В винде - норм. 3. Подскажите как прописать код, что бы при клике на фотку, она открывалась увеличенная в новом окне? <div id="text"> <img class="img1" src="images/продаю/аксессуары/01.JPG" alt="01"/> <img class="img1" src="images/продаю/аксессуары/02.JPG" alt="02"/> </div> css .img1{ width:100px; height:80px; margin:0 0 0 0px; float: inherit; } Благодарю за ответы

    Asked by Walsidalv,

    0 votes
    0 answers

  23. Автоопределение шрифта в IE

    Добрый день Заранее прошу прощения, если данный вопрос уже поднимался на форуме. Второй день не могу понять, что же в моем сайте не так. В IE от 6 по 8 версию сайт показывается со шрифтом Arial хотя по всему css прописано font-family:'Verdana', 'Arial', Sans-Serif; пробовал по разному определять шрифт, но результат тот же. В других браузерах таких как FF и Opera все отлично шрифт идет вердана. Так же не думаю, что проблема в настройках IE так как на других сайтах, где шрифт основной вердана именно он и отображается. Так же пробовал использовать сервисы, которые делают скрин сайта в различных браузерах. Результат - сайт использует шрифт Arial. Подскажите, где зарыта собак…

    Asked by ShumNo,

    0 votes
    3 answers

  24. Фреймы

    Кто знает в опере и иe6 (может еще в каких либо!) не меняется размер фрейма! Кто знает в чем проблема? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Технологическая инструкция</title> </head> <frameset rows="80,*" cols="*" border="2" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" id="topFrame" title="topFrame" /> <frameset rows="*" cols="478,*" framespacing="0" border="2"> <fram…

    Asked by artylion,

    0 votes
    0 answers

  25. сделать нежырным ссылку

    как сделать нежырным ссылку? как я понял, через тег а это сделать невозможно http://www.htmlbook.ru/html/a.html через css не предлагать (особенности кода сайта)

    Asked by cwage,

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