Перейти к содержимому


Фотография
- - - - -

Как выровнять изображение по левому или правому краю страницы?

изображение css img

Лучший Ответ NeLo, 17 Май 2014 - 22:54

Выравнивание по левому краю страницы:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; left: 0;">

По правому, соответственно:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; right: 0;">

(для google chrome достаточно было bottom: 0; сижу с хрома, только на нем проверял)

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 4

#1 xVektoRx

xVektoRx

    Участник

  • Участники
  • PipPipPip
  • 32 сообщений

Отправлено 17 Май 2014 - 16:30

Здравствуйте еще раз)

У меня необычный такой вопрос по оформлению.

Вот на данный момент нижняя часть страницы у меня выглядит вот так

 

f3616ea1c885.jpg

 

Я хочу добавить изображение персонажа в формате png слева от футера, вот так:

 

b0ce889bb9af.jpg

 

Как это сделать, что бы футер был чуть выше от нижнего края png изображения и справа от него, а само изображение впритык к левому краю страницы и являлось частью главной страницы, а не общим фоном и при появлении новых новостей (когда они доходят до изображения) оно бы сдвигалось ниже вместе с футером?

Испробовал все, но как надо не получается(

 

df99f0e80800.jpg

 

Вот ссылка на само изображение http://s018.radikal....7691b42024e.png


Сообщение отредактировал NeLo: 13 Июнь 2014 - 04:31
Заголовок темы изменен для помощи другим пользователям найти ответ на похожий вопрос

  • NeLo это нравится

#2 NeLo

NeLo

    Разработчик

  • Guildmaker Team
  • PipPipPipPipPipPipPipPip
  • 795 сообщений

Отправлено 17 Май 2014 - 22:01

Здравствуйте!

 

Откройте шаблон v_footer.php и добавьте между html-тегами <footer></footer> нужное изображение вот таким образом (на скриншот можно нажать для увеличения):

 

1-image-on-bottom-absolute-position.png

 

Изображение всегда будет внизу страницы, левее надписи футера.

 

Если всё получилось – сообщите в теме.



#3 xVektoRx

xVektoRx

    Участник

  • Участники
  • PipPipPip
  • 32 сообщений

Отправлено 17 Май 2014 - 22:11

05f449d683eb.jpg

Что не так?(


  • NeLo это нравится

#4 NeLo

NeLo

    Разработчик

  • Guildmaker Team
  • PipPipPipPipPipPipPipPip
  • 795 сообщений

Отправлено 17 Май 2014 - 22:54   Лучший Ответ

Выравнивание по левому краю страницы:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; left: 0;">

По правому, соответственно:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; right: 0;">

(для google chrome достаточно было bottom: 0; сижу с хрома, только на нем проверял)



#5 xVektoRx

xVektoRx

    Участник

  • Участники
  • PipPipPip
  • 32 сообщений

Отправлено 17 Май 2014 - 23:01

Выравнивание по левому краю страницы:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; left: 0;">

По правому, соответственно:

<img src="http://s019.radikal.ru/i636/1405/78/c474ad665f82.png" style="position: absolute; bottom: 0; right: 0;">

(для google chrome достаточно было bottom: 0; сижу с хрома, только на нем проверял)

Все, теперь получилось)


  • NeLo это нравится





Темы с аналогичным тегами изображение, css, img

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных




Яндекс.Метрика