[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как отобразить картинку посередине?
radiante
Помогите с этими пунктами кто знает. Спасибо!

1. Как сделать отображение картинки на html странице по центру? Картинка шириной 2048 точек, если ширина окна браузера меньше, то она должны обрезаться и слева и справа одинакого.

2. Минимальная ширина страницы без горизонтальной полосы прокрутки это 1024, только при меньшем ширине окна полоса должна появляться.

3. При перевороте экрана планшетника туда обратно должно все возвращаться в исходное положение, а масштаб ширини изменяться, т.е. именно 1024 точек отображаться по ширине во всех положениях платшетника, как это сделано на сайте ya.ru



Спустя 5 минут, 24 секунды (6.01.2012 - 19:42) Nikitian написал(а):
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

Спустя 21 минута, 6 секунд (6.01.2012 - 20:04) inpost написал(а):
radiante
Минимум не 1024, а 1000 smile.gif
Достаточно поставить width:100%, и внутри влепить <div width="1000px"> незаметный, высотой в 1 px, тогда он не даст таблице съужаться меньше своего размера.

Спустя 19 минут, 53 секунды (6.01.2012 - 20:23) radiante написал(а):
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

А может ты проверишь свои догадки прежде чем писать?)

Ответ не верный!

Спустя 5 минут (6.01.2012 - 20:28) radiante написал(а):
Цитата (inpost @ 6.01.2012 - 17:04)
radiante
Минимум не 1024, а 1000 smile.gif
Достаточно поставить width:100%, и внутри влепить <div width="1000px"> незаметный, высотой в 1 px, тогда он не даст таблице съужаться меньше своего размера.

мне не надо таблицу, мне надо поставить картинку по центру, пока никто не смог сделать... получается либо она не хочет уезжать за пределы левой границы окна, либо она по центру по горизонтали, но полностью финсирована по координатам и не съезжает при прокрутке по вертикали. и тот и другой вариант не подходят.

Спустя 3 минуты, 4 секунды (6.01.2012 - 20:31) radiante написал(а):
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

картинка должны заезжать за левую границу окна, чего не происходит, делая как ты написал, сам проверь.

Спустя 2 минуты, 16 секунд (6.01.2012 - 20:34) Игорь_Vasinsky написал(а):
новая головная боль верстальщиков после IE - планшетники biggrin.gif

Спустя 13 минут, 58 секунд (6.01.2012 - 20:48) radiante написал(а):
пробовал через CSS: background-position , но

если так

background-attachment: fixed;
background-position: 50% 0%;

то картинка по центру, но она стоит на месте при вертикальной прокрутке страницы

если так

background-attachment: scroll;
background-position: 50% 0%;

то она не по середине...

Спустя 6 минут, 54 секунды (6.01.2012 - 20:55) Nikitian написал(а):
Цитата (radiante @ 6.01.2012 - 20:23)
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

А может ты проверишь свои догадки прежде чем писать?)

Ответ не верный!

Проверил.
Рекомендация - включать мозг.

Спустя 4 минуты, 11 секунд (6.01.2012 - 20:59) radiante написал(а):
Цитата (Nikitian @ 6.01.2012 - 17:55)
Цитата (radiante @ 6.01.2012 - 20:23)
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

А может ты проверишь свои догадки прежде чем писать?)

Ответ не верный!

Проверил.
Рекомендация - включать мозг.

не пашет так, готов на бабки поспорить! выложи код сюда, я тебе на сайт его кину, сам увидишь!

Спустя 8 минут, 40 секунд (6.01.2012 - 21:07) inpost написал(а):
radiante
Уже один дурачек спорил, когда проспорил денюшку - удалил аккаунт и сбежал. Знаем мы таких грубиянов.
Если тебе дают профессиональную помощь, то либо говори: "у меня не получается, что я сделал не так", либо можешь просто уходить, потому что за пару дней всех помощников распугаешь.
Когда человек помогает, ему необходимо говорить "спасибо", а уже потом добавлять "но ваш способ не работает". Если не знаем азов, открываем книжку для 3-х летних детей о "правилах хорошего тона".

Спустя 8 минут, 43 секунды (6.01.2012 - 21:16) radiante написал(а):
Цитата (inpost @ 6.01.2012 - 18:07)
radiante
Уже один дурачек спорил, когда проспорил денюшку - удалил аккаунт и сбежал. Знаем мы таких грубиянов.
Если тебе дают профессиональную помощь, то либо говори: "у меня не получается, что я сделал не так", либо можешь просто уходить, потому что за пару дней всех помощников распугаешь.
Когда человек помогает, ему необходимо говорить "спасибо", а уже потом добавлять "но ваш способ не работает". Если не знаем азов, открываем книжку для 3-х летних детей о "правилах хорошего тона".

болтать все могут, а показать код который бы работал нет! а когда реально будет видно, только после этого говорить кому стоит почитать азы! код в студию)

Спустя 4 минуты, 46 секунд (6.01.2012 - 21:21) killer8080 написал(а):
Цитата (radiante @ 6.01.2012 - 19:59)
выложи код сюда, я тебе на сайт его кину, сам увидишь!

А что в браузере открыть исходник религия не позволяет? biggrin.gif

Спустя 2 минуты, 45 секунд (6.01.2012 - 21:24) radiante написал(а):
Цитата (killer8080 @ 6.01.2012 - 18:21)
Цитата (radiante @ 6.01.2012 - 19:59)
выложи код сюда, я тебе на сайт его кину, сам увидишь!

А что в браузере открыть исходник религия не позволяет? biggrin.gif


а что выложить сюда религия не позволяет? biggrin.gif
о каких исходниках ты говоришь? что открыть?
если не чего написать по делу лучше не позорься.
я хоть какой та вариант написал и он хоть на половину работает, в отличие от всех остальных.

Спустя 4 минуты, 13 секунд (6.01.2012 - 21:28) veolancer написал(а):
По идее если правильно понял;


<!DOCTYPE HTML>
<html>
<head>
<meta
charset="windows-1251">
<title>
Выравнивание изображение по центру</title>
<link
href="style.css" rel="stylesheet" type="text/css">
</head>
<body>


<!-- Блок с картинкой -->
<div id="img"></div>

</body>
</html>



и css

/*для тела боди*/
body {
width:100%;
min-width:1024px; /*Минимальная ширина, отрегулируешь сам*/
margin:0; /*сброс отступов*/
padding:0;
}

/*блок с картинкой*/
#img {
background:url(1.jpg) no-repeat center; /*любой размер выравнивается по центру экрана*/
width:100%; /*ширина по размеру экрана*/
height:1280px; /*хз, проверил, высоту картинки нужно обязательно указать*/
}

Спустя 3 минуты, 27 секунд (6.01.2012 - 21:31) veolancer написал(а):
Ну или так

<!DOCTYPE HTML>
<html>
<head>
<meta
charset="windows-1251">
<title>
Выравнивание изображение по центру</title>
<link
href="style.css" rel="stylesheet" type="text/css">
</head>
<body>


<!-- Блок с картинкой -->
<img style="background:url(1.jpg) no-repeat center; width:100%; height:1280px;" >

</body>
</html

Спустя 19 секунд (6.01.2012 - 21:32) killer8080 написал(а):
Цитата (radiante @ 6.01.2012 - 20:24)
а что выложить сюда религия не позволяет?
о каких исходниках ты говоришь? что открыть?
если не чего написать по делу лучше не позорься.
я хоть какой та вариант написал и он хоть на половину работает, в отличие от всех остальных.

Человек тебе давал ссылку на демо, а ты еще какой то исходник выложить требуешь. Незнаешь как в браузере исходник открыть?
Если такой умной, что тогда к дуракам за советом обращаешься? wink.gif
Или думаешь хамством вызвать непреодолимое желание тебе помочь laugh.gif

Спустя 54 секунды (6.01.2012 - 21:33) Nikitian написал(а):
Цитата (radiante @ 6.01.2012 - 20:59)
Цитата (Nikitian @ 6.01.2012 - 17:55)
Цитата (radiante @ 6.01.2012 - 20:23)
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

А может ты проверишь свои догадки прежде чем писать?)

Ответ не верный!

Проверил.
Рекомендация - включать мозг.

не пашет так, готов на бабки поспорить! выложи код сюда, я тебе на сайт его кину, сам увидишь!

Сколько ставишь?
Чтобы не разорять торопыжек, рекомендую подождать, пока картинка загрузится, там я не жадничал wink.gif
Все благодарности можно на реквизиты отсюда: nikitian.ru

Спустя 11 минут, 39 секунд (6.01.2012 - 21:44) radiante написал(а):
Цитата (hamado @ 6.01.2012 - 18:28)
По идее если правильно понял;


<!DOCTYPE HTML>
<html>
<head>
<meta
charset="windows-1251">
<title>
Выравнивание изображение по центру</title>
<link
href="style.css" rel="stylesheet" type="text/css">
</head>
<body>


<!-- Блок с картинкой -->
<div id="img"></div>

</body>
</html>



и css

/*для тела боди*/
body {
width:100%;
min-width:1024px; /*Минимальная ширина, отрегулируешь сам*/
margin:0; /*сброс отступов*/
padding:0;
}

/*блок с картинкой*/
#img {
background:url(1.jpg) no-repeat center; /*любой размер выравнивается по центру экрана*/
width:100%; /*ширина по размеру экрана*/
height:1280px; /*хз, проверил, высоту картинки нужно обязательно указать*/
}

Огромное спасибо! Наконец умный человек! Буду рад помочь чем смогу если что!

Спустя 13 минут, 37 секунд (6.01.2012 - 21:58) radiante написал(а):
Цитата (Nikitian @ 6.01.2012 - 18:33)
Цитата (radiante @ 6.01.2012 - 20:59)
Цитата (Nikitian @ 6.01.2012 - 17:55)
Цитата (radiante @ 6.01.2012 - 20:23)
Цитата (Nikitian @ 6.01.2012 - 16:42)
Таблицу с width=100% height=100% и единственной ячейкой. Этой ячейке в бэкграунд картинку с позиционированием по центру.

А может ты проверишь свои догадки прежде чем писать?)

Ответ не верный!

Проверил.
Рекомендация - включать мозг.

не пашет так, готов на бабки поспорить! выложи код сюда, я тебе на сайт его кину, сам увидишь!

Сколько ставишь?
Чтобы не разорять торопыжек, рекомендую подождать, пока картинка загрузится, там я не жадничал wink.gif
Все благодарности можно на реквизиты отсюда: nikitian.ru

Да хоть сколько ставлю! ты же не выложишь код, тупо потому что он не будет работать, а который работает уже другой человек написал. Стандартная таблица не сдвигает картинку за левый край окна! удивляюсь только что админ на твоей стороне)))

Спустя 1 минута, 21 секунда (6.01.2012 - 21:59) killer8080 написал(а):
radiante
Если ты плюнешь на коллектив, коллектив утрется
Если коллектив на тебя плюнет, ты утонешь wink.gif

Спустя 2 минуты, 42 секунды (6.01.2012 - 22:02) Nikitian написал(а):
Цитата (radiante @ 6.01.2012 - 21:58)
Да хоть сколько ставлю! ты же не выложишь код, тупо потому что он не будет работать, а который работает уже другой человек написал. Стандартная таблица не сдвигает картинку за левый край окна! удивляюсь только что админ на твоей стороне)))

Код выложен уже давно, как и ссылка на него, в том числе и в твоих цитатах.
Таблица делает то, что ей сказано. Сказано вставить картинку в бэкграунд и отцентрировать - так и будет. Использовал таблицу, т.к. старые ie, насколько помню, не позволяли растягивать html-body элементы без контента.

Спустя 1 минута, 43 секунды (6.01.2012 - 22:04) veolancer написал(а):
radiante

Всегда пожалуйста, будут вопросы, пиши в асю, помогу чем смогу smile.gif

Спустя 2 минуты, 1 секунда (6.01.2012 - 22:06) bodja написал(а):
Цитата
то знал помог, огромное ему спасибо, остальные идите лесом, идиоты)

щас прийдет инпост и даст попарится в бане пару месяцев wink.gif

Спустя 12 минут, 8 секунд (6.01.2012 - 22:18) veolancer написал(а):
Цитата (hamado @ 6.01.2012 - 19:04)
щас прийдет инпост и даст попарится в бане пару месяцев

и то верно smile.gif

Спустя 45 минут, 18 секунд (6.01.2012 - 23:03) Invis1ble написал(а):
Цитата
щас прийдет инпост и даст попарится в бане пару месяцев

Нет, дайте мне это сделать wink.gif

ПС. Ппц, я в шоке с этих хамов...

Спустя 33 минуты, 25 секунд (6.01.2012 - 23:36) inpost написал(а):
bodja
Не угадал, всего 1 месяц smile.gif

Спустя 21 минута, 38 секунд (6.01.2012 - 23:58) inpost написал(а):
Ну и зачем помогаете, увидели, что он тролль, сразу игнор включайте.
Этот человек похож на одного тролля, которого забанил буквально неделю назад таки за грубое поведение.

hamado
Зачем кормить троллей? Проигнорируй, иначе за людей считать не будут, будут дальше вести себя грубо и ты будешь им обязан.

Спустя 7 часов, 45 минут, 33 секунды (7.01.2012 - 07:44) veolancer написал(а):
Цитата (inpost @ 6.01.2012 - 20:36)
Зачем кормить троллей? Проигнорируй, иначе за людей считать не будут, будут дальше вести себя грубо и ты будешь им обязан.


Ну почему же, я ответил на поставленый вопрос, человек поблагодарил; В принципе я к нему ничего противонастроенного не имею smile.gif

Спустя 5 часов, 3 минуты, 9 секунд (7.01.2012 - 12:47) inpost написал(а):
А в том, что он начал оскорблять ещё до того, как ему начали помогать. А это уже повод задуматься.
Наш сайт - это одна большая семья, представь на секундочку, я зайду к тебе в дом, подойду к твоей маме (папе,дочке) обматерю их, скажу, что все они состоят из гомна, а потом зайду к тебе в комнату и скажу, чтобы ты мне в чём-то помогал. Вот твоя реакция, я же тебе ничего не говорил, и ещё поблагодарю...
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.