Офис НП AMWAY в Ярославле
→ На карте Купить AMWAY: офис в ЯрославлеКонсультации, презентации, мастер–классы, знакомство с продукцией, заказ и выдача купленного товара:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Просмотр темы
 Зафиксировать блок div - вопрос по CSS
|
|
| Ditrin |
Опубликовано 14 сентября 2014 19:45:14
|
 НЕопытный пользователь  Сообщений: 207 Зарегистрирован: 20. марта 2014 |
Заморочился сделать другой вывод новостей, все вроде бы ничего, только при уменьшении размера в браузере, нижний блок (дата, комментарии...) начинает ползти, каким образом его можно намертво "пригвоздить" к правой части родительского блока? float: right; поставил, ниже можно посмотреть (это фюжен тема stylo)
Ditrin присоединено следующее:файл:
Изменил(а) Ditrin, 14 сентября 2014 20:02:35 |
|
|
|
| Pisatel |
Опубликовано 15 сентября 2014 07:24:41
|
 Супер Администратор  НЕопытный пользователь Сообщений: 300 Зарегистрирован: 03. февраля 2013 |
Дизайн резиновый? Подозреваю, что padding или margin у тега <li> большой, при уменьшении окна эти пропорции соблюдаются, поэтому див и становится шире, чем нужно, Вообще, в данном случае не обязательно использовать float, думаю, хватило бы text-align: right; Ну а "приколотить" еще можно, задав родителю position: relative;, а дитю position: absolute; со смещением влево в right: 0;
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
|
 x1
|
|
 |
|
| Ditrin |
Опубликовано 15 сентября 2014 08:08:45
|
|
НЕопытный пользователь Сообщений: 207 Зарегистрирован: 20. марта 2014 |
Насчет тега <li> в точку! я насчет этого тоже думал, вечером попробую варианты, если не получиться выложу код, спасибо!  Объединенные на 15 сентября 2014 17:28:46: Ни так ни так не получается, пробовал как ты написал position:absolute; - родителю relative, теперь с права и с низу съезжает, если текста побольше, и оборачивал в div-ы по разному, ul и li убрал вообще, упростил до уровня трех основных блоков лишнее поубирал, не могу понять в чем дело Изменил(а) Ditrin, 15 сентября 2014 20:28:46 |
 x1
|
|
|
|
|
| Pisatel |
Опубликовано 16 сентября 2014 07:52:19
|
|
Супер Администратор НЕопытный пользователь Сообщений: 300 Зарегистрирован: 03. февраля 2013 |
Попробуй поставить этому блоку width или max-width в процентах, а у изображения margin-right
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
|
|
|
|
| Ditrin |
Опубликовано 16 сентября 2014 18:18:01
|
|
НЕопытный пользователь Сообщений: 207 Зарегистрирован: 20. марта 2014 |
Однако насколько я понял, не получиться так сделать, т.е нельзя привязать все это строго к высоте картинки, либо выдерживать строго определенное количество символов (не больше), тогда будет выглядеть как хотелось, кстати смотрел у кого как реализованы новости и наткнулся на сайт 4pda.ru, там слева большая картинка а с права текст не больше 9 строк (вместе с заглавными) в каждом блоке, довольно таки неплохо смотрится |
|
|
|
| Pisatel |
Опубликовано 17 сентября 2014 07:35:52
|
|
Супер Администратор НЕопытный пользователь Сообщений: 300 Зарегистрирован: 03. февраля 2013 |
Можно еще сделать так: картинку поместить в div с display:table;, а текст поместить в div с display:table-cell;, то есть сделать таблицу на div'ах, тогда точно ничто никуда не залезет. То есть, <div style='display:table;'><img src='pic.jpg' alt='pic' style='margin:3px;'/><div style='display:table-cell;'>Здесь текст и все остальное</div></div>
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
|
|
|
|
| Ditrin |
Опубликовано 17 сентября 2014 16:46:34
|
|
НЕопытный пользователь Сообщений: 207 Зарегистрирован: 20. марта 2014 |
Кажется разобрался, дитя становилось больше папаши из-за ширины  указал нужную ширину родителю ломать перестало! ты же про ширину намекал, а я мимо ушей пропустил, буду дальше доделывать, кстати если будет время посмотри на вышеуказанном сайте как у них это реализовано, что при ресайзе окна буквы последней строки исчезают с полупрозрачностью, это с помощью скрипта?Объединенные на 17 сентября 2014 20:09:58: похоже на overflow: hidden; Изменил(а) Ditrin, 17 сентября 2014 23:09:58 |
|
|
|
| Pisatel |
Опубликовано 18 сентября 2014 10:09:37
|
|
Супер Администратор НЕопытный пользователь Сообщений: 300 Зарегистрирован: 03. февраля 2013 |
Честно говоря, времени сейчас совсем нет, делаю новый сайт-визитку
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
|
|
|
|
| Ditrin |
Опубликовано 18 сентября 2014 11:57:29
|
|
НЕопытный пользователь Сообщений: 207 Зарегистрирован: 20. марта 2014 |
Понятно, ну тогда потом как нибудь Попробую сделать так же как там, если получится Объединенные на 19 сентября 2014 07:55:13: Получилось, все сделал!  осталось проверить как это будет выглядеть в разных браузерах и при разных разрешениях, Pisatel, спасибо за советы и рекомендации!
Изменил(а) Ditrin, 19 сентября 2014 10:55:13 |
 x1
|
|
|
|
|
Поделиться:
| Перейти на форум: |
Похожие темы
| Темы | Форум | Ответов / Просмотров | Последние сообщения |
|---|---|---|---|
| Вопрос по переделке bb-кода → | PHP, MySQL | 5 / 22330 | 26 мая 2017 17:48:20 |
| Вопрос об удалении и восстановлении статьи → | CMS PHP Fusion | 7 / 7817 | 02 марта 2015 16:11:43 |
| Вопрос по редактору для форума php-fusion → | CMS PHP Fusion | 18 / 20649 | 14 ноября 2014 07:44:21 |
Последние активные темы форума
| Темы | Просмотров | Ответов | Последние сообщения | |
 |
Вопрос по переделке bb-кода PHP, MySQL |
22330 | 5 | Pisatel 26. мая 2017 |
|
Вопросы по Ajax форме обратной связи CMS PHP Fusion |
68548 | 48 | Ditrin 19. февраля 2017 |
|
BBCode YouTube Video Colorbox mod CMS PHP Fusion |
15357 | 2 | Pisatel 10. декабря 2016 |
|
Как лучше создать собственную страницу? CMS PHP Fusion |
17888 | 17 | Pisatel 11. мая 2016 |
|
Небольшие вопросы по скриптам магазина и катало... PHP, MySQL |
144806 | 80 | Pisatel 11. января 2016 |
|
BBCode Code mod CMS PHP Fusion |
14416 | 0 | Pisatel 31. августа 2015 |
|
Ajax Like Dislike Article Panel CMS PHP Fusion |
22551 | 16 | Pisatel 07. июля 2015 |
|
Хлебные крошки / BreadCrumbs SEO Panel CMS PHP Fusion |
26240 | 17 | Pisatel 04. июля 2015 |
|
Abbr Description BBCode CMS PHP Fusion |
7665 | 0 | Pisatel 15. июня 2015 |
|
Плагин Email рассылки Mail To All by Pisatel CMS PHP Fusion |
36989 | 32 | Pisatel 26. апреля 2015 |
|
Подозрительный трафик и прочие страшилки Всякая хрень |
11794 | 2 | Ditrin 23. апреля 2015 |
|
Мод Newsletter - рассылка писем пользователям с... CMS PHP Fusion |
31034 | 13 | Pisatel 10. апреля 2015 |
|
Мод отправки писем PHPMailer для PHP-Fusion CMS PHP Fusion |
128306 | 113 | Ditrin 06. апреля 2015 |
|
Появление неизвестного файла subscriptions.php CMS PHP Fusion |
8843 | 2 | Pisatel 06. апреля 2015 |
|
Autoban on IP CMS PHP Fusion |
23180 | 13 | Pisatel 03. апреля 2015 |