HTML Coding

29542 questions in this forum

1. Отступ от страницы

   Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.

   Asked by MadSandwich, July 7, 2016

   • html
   • css
   0 votes
   5 answers
2. на айфонах бордюр на подменю не виден

   Всем привет, На сайте ссылка есть верхнее меню и при выборе элемента с подэлементами сам элемент имеет синий бордюр, а бокс с подэлементами зеленый бордюр. Проблема в том, что на айфонах этот эеленый бордюр не виден. На более крупных девайсах виден. Эти бордюры определены в стилях .dropdown-toggle { width: 90%; border:2px solid #E3E3E3; } .dropdown-toggle:hover { width: 90%; border:2px solid #337AB7; } .dropdown-toggle .active{ border:2px solid #1FE13C; } В файле common_styles.css также для разных девайсов подключены разные стили Для айфонов через медиа запросы подлючается файл стилей style_xs_320.css (справо от меню…

   Asked by mstdmstd, August 7, 2016

   • bootstrap dropdown border
   0 votes
   3 answers
3. Схлопывание отступов и оверлей

   Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accums…

   Asked by Okieazy, July 7, 2019

   0 votes
   0 answers
4. Ссылки

   Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…

   Asked by RUSA, September 1, 2009

   0 votes
   2 answers
5. Помогите с шириной DIV в разных браузерах

   Здравствуйте! Вот сайтик: www.delpos.3dn.ru Вот код CSS для интересующих элементов: #maincol { margin: 5px 0px 0px 227px; width: 772px; _width: 100%; /*FOR IE*/ text-align: justify; } .newsBlock{ background: transparent; border: 1px solid #177245; border-collapse: collapse; margin: 5px; width: 98%; _width: 98%; /*FOR IE*/ } #marq { width: 99%; _width: 98%; /*FOR IE*/ margin: 5px; margin-top: 1px; background: #177245; color: #efd334; font-size: 16px; font-family: "Arial" !important; font-style: italic; height: 18px; border: 2px inset #177245; } Никак не могу понять, почему в Firefoxe и IE бегущая строка и тестовая статья отображаются нормально сразу под меню, а в …

   Asked by beatboxer, April 13, 2011

   0 votes
   2 answers
6. HTML

   Такой вот пример : <table border="1" width="900" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" align="center" valign="bottom" height="200" > Текст <img src="img/logo.png" align="right"/> </td></tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table> В первой строке в объединенной ячейке слово "Текст" выравнивается только по горизонтали становится в центре но вертикальное выравнивание тут не работает,то есть не опускается вниз. Объясните пожалуйста кто знает в чем тут дело!?

   Asked by mr.Dassler, January 20, 2012

   0 votes
   3 answers
7. Див ростянуть до низу

   Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера

   Asked by myav4ik, February 29, 2012

   0 votes
   3 answers
8. Fansybox не корректно работает

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

   Asked by moslem, August 10, 2012

   0 votes
   0 answers
9. Проблема с блоками

   Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…

   Asked by oleg.kan, January 3, 2013

   0 votes
   2 answers
10. Помогите сделать кнопку

    Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.

    Asked by alleclf, April 17, 2013

    0 votes
    5 answers
11. Отображение [i] в текстовом редакторе как просто текст.

    Доброго вам времени суток, уважаемые форумчане! Снова обращаюсь к вам с вопросом =) Есть сайт (не мой, но я знаю владельца и хотелось бы ему помочь. ссылку на сайт не даю чтобы не сочли рекламой, но если будет нужно - без проблем.), суть проблемы в следующем: когда редактируешь во встроенном на сайте редакторе текст страницы (редактор, похож на тот, в котором я сейчас пишу =)) часть кода он проглатывает элемент считая его открывающим bb-кодом курсива (как я понимаю), при вставке пробелов (вот так: [ i ]) всё отображается. Поменять букву в скобках конечно можно, но не хотелось бы. Поэтому интересно, существует ли решение такой проблемы? Если да, то поведайте мне пожалуйст…

    Asked by The Norb, April 18, 2013

    • bb-code
    • [i]
    • редактор
    0 votes
    5 answers
12. Размер фона в зависимости от количества текста

    Мне нужно сверстать вот такой блок: А именно вехнюю часть, где квадрат, надпись "ABOUT WHITESQUARE" и штриховка справа от надписи. В чем собственно проблема: нужно чтобы штриховка уменьшалась или увеличивалась в зависимости от текста. Тоесть чтобы не было так (когда я увеличу количество букв (фон наежал на буквы)): А фон сежал правее (вот так):

    Asked by Girn, June 13, 2013

    0 votes
    4 answers
13. подскажите как лучше поступить

    Всем зашедшим добрый вечер!) Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов? Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)? Заранее премного благодарен за помощь!)

    Asked by XuLLlHuK, August 15, 2013

    0 votes
    4 answers
14. Белая полоса

    Добрый день участники форума! Я столкнулся с такой проблемой и не знаю как её решить,решил обратиться к вам за помощью..надеюсь поможете! Есть вот сайт, в хроме появляется белая полоса слева,в опере все хорошо,полоса появляется когда меняешь размеры окна браузера,как по мне вся проблема состоит в этом #body_top_bg {background: url(../images/body_top_bg.jpg) center top no-repeat;}Буду благодарен за подсказки и помощь.

    Asked by masone, June 14, 2014

    • masone
    0 votes
    2 answers
15. медиа-запросы бля мобильных устройств

    У проблема, как адаптировать шапку сайта на вордпресс. Что еще нужно кроме указаниея в стилях для различных типов мобильных устройств указать {# header width 100%} того чтобы для полностm. была видна картинка в шапке сайта?

    Asked by intman, July 27, 2014

    • вордпресс медиа запросы
    0 votes
    1 answer
16. Ссылка с картинков

    Как сделать ссылку подчёркнутую точками с картинкой слева, чтобы она не была подчёркнута. Понимаю, что можно в тег a вложить span и сделать отступ с background. Но можно ли обойтись одним тегом a? Я пробовал делать а:before для картинки и border-bottom:dotted для ссылки. Но точки распространяются и на картинку слева, чего быть не должно.

    Asked by PavelTkachev, July 23, 2014

    0 votes
    6 answers
17. Не получается плавный скроллинг

    Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.

    Asked by Tobey, December 11, 2014

    0 votes
    4 answers
18. Как сверстать по таким требованиям слайдер ?

    В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....

    Asked by Alexej, May 16, 2018

    0 votes
    5 answers
19. Полное центрирование блока

    Вроде все элеметарно...если позиционированый блок с фиксированым размерами, а если %, то возникает непонятной косяк при вертикальном центрировании. Собсна, хватит слов, вот код body,html { height: 100%; } body { background: rgb(240,240,240); width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto !important; } div.wrapper { background: rgb(255,255,255); width: 40%; height: 40%; position: fixed; top: 50%; left: 50%; /* margin-top: -10%; */ /* Opera, FF, IE */ margin-top: -20%; /* Chrome */ margin-left: -20%; } div.wrapper p { padding: 20px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…

    Asked by Der neue Gesandte, January 28, 2010

    0 votes
    1 answer
20. Нужна идея по оформлению шапки

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

    Asked by Red Planet, November 29, 2010

    0 votes
    2 answers
21. Баг сафари ?

    Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?

    Asked by lolka84, October 21, 2011

    0 votes
    6 answers
22. неработает анимация -wedbkit...

    Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно. Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает. подскажите почему? .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } }

    Asked by cyber_ua, April 27, 2012

    0 votes
    7 answers
23. Проблемы с таблицами

    Помогите не получается установить фоновое изображение для строк , пробовала через tr.tt { background: #f6d654 url(images/rtp.jpf) } (Для строк в таблице нужно установить изображение) Помогите!!!

    Asked by mkokueva, May 31, 2012

    0 votes
    4 answers
24. Прозрачность фона + тень текста

    Почему-то не получается сделать непрозрачный текст с тенью на полупрозрачном фоне. Мои вариации в CSS: 1. background-color: rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 1px white; тени нет, прозрачность фона есть. 2. text-shadow: 0px 0px 1px white; background: #000; opacity: 0.5; display: none; -moz-opacity: 0.5; filter:alpha(opacity=5); есть тень, есть прозрачность, но текст при этом тоже прозрачный, что не есть гуд Тень мне нужна для того, чтобы сгладить шрифт. Если кто-то подскажет другие способы, могу обойтись без неё...

    Asked by maritca, December 25, 2012

    0 votes
    2 answers
25. 3 колонки в одном диве

    здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

    Asked by devid89, August 18, 2013

    0 votes
    5 answers