Jump to content

htmlhtml

Newbie
 View Profile  See their activity

  • Posts

    9

  • Joined

  • Last visited

 Content Type 

Everything posted by htmlhtml

  1. htmlhtml
    Работает, если inline элементы превращать в inline-block. Но иногда нужно изменить display у блочных элементов. Глюк так же наблюдается если в inline-block превращать list-item. Хочу заметить, что форма должна содержать определенное количество элементов input или select. Например, если в форме только одно или два поля ввода, то никаких проблем не возникает.
  2. htmlhtml
    http://savepic.ru/4880508.jpg
  3. htmlhtml
    Пользовательский css не подключал. Custom.css пуст. В Инструментах Разработчика user agent stylesheet - все по дефолту. Пробовал !important Убрал правило .parent:after {...} которое, возможно, вызывает подозрения. Оно нужно было, чтобы выровнять последнюю строку по ширине, так как text-align: justify этого не делает. Код очень прост: .parent { width: 500px; text-align: justify; }.child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }Результат: http://savepic.ru/4912251.jpg
  4. htmlhtml
    Наконец-то заработало, спасибо.
  5. htmlhtml
    По-прежнему все работает?
  6. htmlhtml
    http://rghost.ru/50504070
  7. htmlhtml
    http://savepic.ru/4907030.jpg очищал кэш браузера, смотрел страницу на другом компе. Отправлял файлы другим людям - та же проблема. Сохранял файлы в Sublime Text 2 с кодировкой UTF-8. http://savepic.ru/4896808.jpg
  8. htmlhtml
    Стили должны находится во внешнем файле. На странице по ссылке они находятся в <style> внутри <iframe>
  9. htmlhtml
    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03"> <option value="1">1</option> </select> <select name="id04" id="id05"> <option value="1">1</option> </select> </fieldset> </form> <div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child" style="display: inline-block">3</div> <div class="child" style="display: inline-block">4</div> </div></body></html>.parent { width: 500px; text-align: justify; }.parent:after { display: inline-block; visibility: hidden; overflow: hidden; width: 100%; height: 0px; content: ""; } .child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }
×
×
  • 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