Dj Dance 185 Опубликовано: 31 марта 2011 Рассказать Опубликовано: 31 марта 2011 Извините что вопрос о другом движке. Т.к. сомневаюсь что дождусь ответа на их форуме, решил спросить здесь. Кстати, тема на форуме ibr. Как сделать обтекание картинки текстом в сообщении? Или как сделать выравнивание текста по горизонтали? Как сделать то что на картинке в одну строку: - ? Может кто знает, почему текст не в одной, а в разных строках? Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 1 апреля 2011 Рассказать Опубликовано: 1 апреля 2011 Потому что, скорее всего, текст написан внутри блочных элементов, а блочные элементы занимают всю ширину. Запусти такой код и увидишь разницу: <style> div { border: 1px solid red; margin-bottom: 10px; } .a { width: 350px; } .b { text-align: right; } .c { float: left; } </style> <div>Эксперты по информационной безопасности</div> <div class="b">Эксперты по информационной безопасности</div> <div class="a c">Эксперты по информационной безопасности</div> <div class="a b">Эксперты по информационной безопасности</div> [/html] Цитата Ссылка на сообщение Поделиться на других сайтах
Dj Dance 185 Опубликовано: 1 апреля 2011 Рассказать Опубликовано: 1 апреля 2011 Автор Почти, но не совсем так: <div class='post entry-content '> <span class='bbc_left'>Эксперты по информационной безопасности</span><span class='bbc_right'>Эксперты по информационной безопасности</span> <br /> </div> css span.bbc_center, div.bbc_center { text-align: center; display: block; } span.bbc_left, div.bbc_left { text-align: left; display: block; } span.bbc_right , div.bbc_right { text-align: right; display: block; } Но если прописать без display: block и через float сообщение выходить за рамки, а если еще добавить <br style="clear: both;" /> тогда всё нормально, но опять таки пропадает форматирование дополнительных внутренних блоков ( сообщение редактировал.. и т.д. ). Вот сижу и никак не пойму как сделать лучше. Есть какие варианты? Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 1 апреля 2011 Рассказать Опубликовано: 1 апреля 2011 <div> и <span style="display: block;"> в данном случае одно и тоже. Span, который был inline становится block. Так что тут всё верно. Тебе теперь надо твоим span задать ширину и первому спану добавить float:left Цитата Ссылка на сообщение Поделиться на других сайтах
Dj Dance 185 Опубликовано: 1 апреля 2011 Рассказать Опубликовано: 1 апреля 2011 Автор <div> и <span style="display: block;"> в данном случае одно и тоже. Span, который был inline становится block. Так что тут всё верно. Это я понял. Тебе теперь надо твоим span задать ширину и первому спану добавить float:left По поводу float понятно, но а если у нас в сообщениях будут разные картинки по ширине? Уже значит не то.. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.