Jump to content

Йода

Newbie
  • Posts

    5
  • Joined

  • Last visited

Йода's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Такой вариант работает некорректно - правый лэйбл перескакивает на следующую строку
  2. Спасибо, значит display:-moz-inline-stack; не позволяет выравнивать, так что ли? Подскажите как флоатами эффективней сделать эту же задачу.
  3. Всем привет. Есть проблема со следующим кодом: <style type="text/css"> .row{ width: 800px; } label{ display:-moz-inline-stack; text-align: right; display: inline-block; width: 210px; } </style> <div class="row" > <label> Название учебного заведения </label> <input type="text" /> <label> Тип документа </label> <input type="text" /> </div> <div class="row"> <label> Код учебного заведения </label> <input type="text" /> <label> Номер документа </label> <input type="text" /> </div> Задача - выровнять label по правому краю. Проблема - FF2 капризничает и не хочет слушаться. Искал по инету, но решения не нашел. Подскажите, пожалуйста, как справиться с такой проблемой.
  4. http://campus.nsu.ru/tmp/util.get_file.php?fid=2724 Задача: После заголовка, необходимо нарисовать вот такую линию, до конца страницы. Как я делал: <style type="text/css"> .line{ background-color: #dedede; height: 6px; border: 1px solid; } .header h1{ float: left; border: 1px solid; } .header{ border: 1px solid; } </style> <div class="header"> <h1>Отзывы</h1> <div class="line"></div> </div> В IE7 ещё что-то напоминающее правду, но поведение других браузеров совершенно не понимаю. "header" - контейнер, и в нём должно всё размещаться, заголовку применено обтекание, посему всё должно быть рядышком, красиво и замечательно. Ан нет. Даже если IE7 и выводит их рядом, то как линию-div выравнять внизу контейнера "header"?
  5. Задача такая: В макете из двух колонок, вторую необходимо одновременно залить однотонным цветом и вставить картинку как фон для текста. Верстал таблицей, т.е. в ячейку надо либо поместить картинку, а поверх неё уже текст, либо поставить её фоном ячейки. В последнем случае оставшееся место в ячейке заполняется фоном таблицы, пока так и сделал. Но попытки поставить слой с картинкой за текст не увенчались успехом. Можно использовать относительное позиционирование: вставить слой с картинкой, затем абзац с текстом и текст поднять на высоту картинки, но тогда внизу ячейки будет ненужное свободное место, остающееся после текста. Сделать наоборот не получится: высоту абзаца никак не угадаешь. Пробовал использовать абсолютное позиционирование для слоя с картинкой, но я никак не мог сделать картинку за текстом. Вроде как в таких случаях надо использовать z-index, но поставив "z-index: 1;" для абзаца с текстом и "z-index: 0;" для слоя с картинкой, ничего не меняется. Вот мне и стало интересно, как еще можно поступить в таком случае и добиться , чтобы картинка была за текстом и не была фоном? И можно ли задать сразу два фона? Т.е. заливку и картинку.
×
×
  • 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