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. Проблемы с div'ами при изменении масштаба браузера

    Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…

    Asked by PavelK,

    0 votes
    4 answers

  2. Проблемы с DOCTYPE Strict

    Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …

    Asked by Postal,

    0 votes
    7 answers

  3. Проблемы с dreamweaver

    Помогите решить проблемку. В последнее время у меня после перезахода в dreamweaver, коментарии в листе стилей отображаются в неверной кодировке. http://img18.imageshack.us/my.php?image=dwerrori.jpg

    Asked by mrBulka,

    0 votes
    2 answers

  4. Проблемы с fancybox

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста, на сайте есть галерея/карусель с кликабельными картинками (fancybox). Все работает только при нажатии на картинку перикидывает в самое начало страницы и там открывает модальное окно. Скажите что не так? Вот сайт - http://www.web-verstka.com.ua/portfolio/smart/

    Asked by stan07,

    0 votes
    2 answers

  5. Проблемы с FF

    не могу понять но в чем дело но в разных браузерах отображение резко отличается для ниже приведенного кода <table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr> <tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr> </table> Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками, …

    Asked by Small_man,

    0 votes
    13 answers

  6. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov,

    0 votes
    16 answers

  7. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski,

    0 votes
    5 answers

  8. Проблемы с FONT

    Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.

    Asked by Nail,

    0 votes
    2 answers

  9. Проблемы с footer и menu

    В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

    Asked by Вадим,

    0 votes
    84 answers

  10. проблемы с footer, помогите найти глюк в стиле

    проблема решена удалите тему, спасибо

    Asked by vitrina,

    0 votes
    2 answers

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

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

    Asked by sviloga,

    0 votes
    0 answers

  12. Проблемы с hover

    Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.

    Asked by Orysya,

    0 votes
    5 answers

  13. проблемы с hover и vertical-align

    Помогите решить проблему - есть код label:hover img { background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить. } </style> <div style="text-align:left; width:60px; height:32px; float:left;"> <img align="top" src="img.png" width="10" height="10" /> </div> <div style="height:100%; margin-bottom:0; text-align:left; height:45px;"> <textarea id="text_id" name='text' cols='20' rows='4'></textarea> <label for="text_id"> <img src="im/img2.gif" style="vertical-align: top;" /> </label> </div> Хочется выровнять img2 по верхней границе textarea, но при таком выравниван…

    Asked by Aljnk,

    0 votes
    2 answers

  14. Проблемы с htaccess

    Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access…

    Asked by Владимир Горинов,

    0 votes
    5 answers

  15. проблемы с ie

    привет. помогите плз 2 вопроса. 1. в таблице бэкграунд прижимается тэгом background-position: right bottom. в опере все нормально, а в ie есть отступ снизу на один пиксель. как исправить? 2. в ie таблица растягивается на 100% в высоту, хотя это нигде не указао. от этого очень большие отступы между строками. как исправить? и для всех браузеров. почему так теряется качество рисунка? обрезаю в ps закладку, ставлю ее в страницу - выгядит намного тусклее чем в макете. почему?

    Asked by Тиар,

    0 votes
    3 answers

  16. Проблемы с IE

    Есть 2 css, которые отлично работают в Опире и Мозиле последних версий. вот сами CSS img.shadow { background: url(img/stq.gif) no-repeat right bottom; padding: 5px 10px 10px 5px} div.special2 {font-size: 140%; color: #3399FF; text-shadow: 5px -4px 1px #bad3ed; font-weight: bold;} Первый делает эффект к изображению в виде тени. А другой делает эфиект к тексту в виде тени, цвета и размера. Почему то только IE 8 в упор не хочет эти CSS принимать, помогите советом, в чем ошибка, или подскажите чем можно заменить?

    Asked by Willi,

    0 votes
    4 answers

  17. Проблемы с IE

    Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.

    Asked by tutmanov,

    0 votes
    3 answers

  18. Проблемы с IE

    Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.

    Asked by andyarus,

    0 votes
    6 answers

  19. проблемы с ie

    Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…

    Asked by ant,

    0 votes
    7 answers

  20. Проблемы с IE

    Здравствуйте, сверстал дизайн(сразу оговорюсь - я в этом деле не профи) , в адекватных браузерах все нормально отображается, но вот в ie правый блок разваливается на части( подскажите где что можно поправить что бы решить эту проблему. урл сайта - http://test11.16mb.com/

    Asked by greeb,

    0 votes
    7 answers

  21. Проблемы с IE 7 - 8

    Добрый день. Вероятно решается просто. Не знал как сформулировать, чтобы загуглить. <a href="#"><div class="icon-share-shadow-17x13"></div></a> .icon-share-shadow-17x13 { background: url("/content/images/i/icon/icon-action-with-shadow.png") no-repeat -20px 0; width: 17px; height: 13px; display: inline-block; zoom: 1; *display: inline; } Не отображает иконки в IE - 7 - 8 Идею взял с http://fortawesome.github.com/Font-Awesome/ Про в хаке для IE 7 такой код: .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

    Asked by dakanca,

    0 votes
    4 answers

  22. Проблемы с IE 7 и IE 6

    Добрый день! Помогите, пожалуйста, со следующей проблемой: Сайт www.delpos.ru нормально открывается во всех браузерах, кроме IE7 и IE6. Вернее он начинает открываться и после пары секунд загрузки (прияем сайт сам появляется в окне) выдает сообщение об ошибке: не удается открыть узел delpos.ru Операция прервана. Сначала я думал, что это из-за корявых яваскриптов, которые я отключал, но ошибка оставалась. Пробовал менять тип документа в теге !DOCTYPE - не помогает. Может ли это быть из-за CSS? Подскажите что делать, или в каком направлении хотябы искать решение проблемы. Заранее благодарен.

    Asked by beatboxer,

    0 votes
    1 answer

  23. Проблемы с IE 8

    Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…

    Asked by Bizon4ik,

    0 votes
    4 answers

  24. Проблемы с IE div верстка

    Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…

    Asked by torss27,

    0 votes
    2 answers

  25. Проблемы с IE iframe style

    <iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!

    Asked by joohny,

    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