Jump to content
  • 0

Как сделать так...


Zverushka
 Share

Question

Есть ячейка (или слой).

Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки);

Текст должен быть вертикально по центру. Картинка прижата к верху.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Без эскиза фиг поймешь. 

 

Высота основного блока статическая?

Ширина статическая? 

Какой высоты/ширины картинка?

 

Без подобных данных можно долго гадать.

Edited by advokatua
Link to comment
Share on other sites

  • 0

Проще показать 

Как видите тут еще новое условие - чтобы они были по центру вертикально (слои) относительно друг друга. Высоту для ячеек одинаковую я получила с помощью скрипта - теперь у каждой ячеки по 150 пикселей. Наверное необязательно картинку к верху прижимать. И это все в ul li списке

1.jpg

Edited by Zverushka
Link to comment
Share on other sites

  • 0

Ну получается, что можно. Я просто вчера не додумалась, как сделать, чтобы текст всегда на 150 пикслей слева от начала был, но потом пришло в голову, что картинку можно в слой обернуть с шириной 150 пикселей.

Но как тогда сделать чтобы содержимое этого слоя еще и выравнивалось по центру относительно других слоев?....

Link to comment
Share on other sites

  • 0
Все это вроде как не то, т.к. - "Картинка прижата к верху."

в моем способе картинка прижата к низу? :blink:


http://codepen.io/anon/pen/eosIA вот готовый пример и никаких джаваскриптов. работает ие8+

  • Like 2
Link to comment
Share on other sites

  • 0

@Z1gnet, спасибо  очень помогли! У меня ячейка таблицы никак не хотела растягиваться на 100%. А обертка с display:table сама ее растягивает, плюс для table можно задать 100% высоту - теперь все классно. Только я так понимаю высоту для Li тегов нельзя сделать через css растигваемой одинакого для всех элементов в строке - только через скрипт.

Link to comment
Share on other sites

  • 0
. Только я так понимаю высоту для Li тегов нельзя сделать через css растигваемой одинакого для всех элементов в строке - только через скрипт.

Да, верно, это только джеесом. В твоем случае я не вижу неообходимости в этом.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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