Jump to content
  • 0

Проблемы с Фоном! Помагите!!!!


mif512
 Share

Question

Пытаюсь поставить фотографию фоном всей странички. Надо чтобы она "начиналась" не с верхнего левого угла, а с правого нижнего угла(так как там находится акцент фотографии) что там будет "срезаться" (в зависимости от разрешения монитора) сверху и слева-неважно. Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию? И как расположить таким же образом картинку в какой-нибудь одной ячейке таблицы!

Все это пытаюсь сделать в HTML

Заранее Спасибо Откликнувщимся :D

Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0
Пытаюсь поставить фотографию фоном всей странички. Надо чтобы она "начиналась" не с верхнего левого угла, а с правого нижнего угла(так как там находится акцент фотографии) что там будет "срезаться" (в зависимости от разрешения монитора) сверху и слева-неважно. Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию?

Все это пытаюсь сделать в HTML

Заранее Спасибо Откликнувщимся :D

На счет фотографии в правом нижнем углу - лучше использовать стиль.

Этим мы задаем для всей страницы заливку указанного цвета с фотографией в правом нижнем углу.

>> Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию?

Чтобы заливка ячеек таблиц не мешала просмотру фонового изображения - ее вообще указывать не нужно.

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

Link to comment
Share on other sites

  • 0
На счет фотографии в правом нижнем углу - лучше использовать стиль.

Этим мы задаем для всей страницы заливку указанного цвета с фотографией в правом нижнем углу.

>> Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию?

Чтобы заливка ячеек таблиц не мешала просмотру фонового изображения - ее вообще указывать не нужно.

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

а в HTML как это сделать? stile это вроде какойто css! )) А div align меняет расположение только текста как бы сделать так, чтоб отрезало только сверху и слева?

прощу прощения за навязчивость )))

Link to comment
Share on other sites

  • 0

И я не обленился, вторую, не, третью неделю хтмл ковыряю, а у мя с таким "no-repeat bottom right;">" рецептом с? равно не получаецца, картинка размножается или, если ровняю по-центру вверху, стоит в-одиночку, а сделать "резиновой" - никак, подскажите, пжлст, если кому не лень...

background: url(file:///C|/Dokumente%20und%20Einstellungen/Erwin/Desktop/My%20Web/Battlefield2142-Fans/images/bcground_1.jpg) no-repeat;

font-family: Arial, Helvetica, sans-serif;

height: auto;

left: auto;

top: auto;

right: auto;

bottom: auto;

}

мож ч? не так?

Link to comment
Share on other sites

  • 0
..."резиновой" - никак...

Резиновой - это повторяющиеся элементы в картинке, т.е. если в картинке есть повторяющийся элемент, или фрагмент, то браузер может его размножить в ширину, или высоту.

Перед этим нужно вырезать этот элемент из картинки и вставить его в отдельную td.

Получится примерно следующее:

<table width="100%" border="0">
<tr>
<td><img src="image1.jpg"/></td>
<td style="background:url(image2.jpg) repeat-x"></td>
<td><img src="image3.jpg"/></td>
</tr>
</table>

В этом случае image2.jpg будет повторяться по ширине

Только цсс лучше выносить в отдельный файл.

Link to comment
Share on other sites

  • 0
..."резиновой" - никак...

Резиновой - это повторяющиеся элементы в картинке, т.е. если в картинке есть повторяющийся элемент, или фрагмент, то браузер может его размножить в ширину, или высоту.

Тааак, знач "резиновая" эт и есть размножающаяся а не "растягивающаяся"? А чтоб одна картинка на весь фон - никак?

Link to comment
Share on other sites

  • 0

to Letov

Картинка может быть определенного размера, например 800х800 px., при разрешении монитора 800х600 может и будет показывать нормально, но только в ширину, а в высоту нет, но при разрешении монитора 1024х768, или 1280х1024 - ни в высоту, ни в ширину не будет отображаться нормально.

Браузер не может растягивать изображение (разве что в коде ты ему насильно задаш размеры больше чем оно есть, но так не делают, да и вообще из мальнького куска хлеба - большой не получишь)

Link to comment
Share on other sites

  • 0
Браузер не может растягивать изображение...

Браузер может растягивать изображение. Только выглядит это так погано, что никто на такой сайт второй раз не зайд?т...

А можно привести пример?

Мне просто интересно каким образом браузер может растянуть изображение.

Link to comment
Share on other sites

  • 0

Да блин, я об таком и не задумывался даже.

Видимо когда учишься делать правильно - неправильность как-то отпадает и даже и не думаешь что так можно сделать.:)

Я просто ни разу не видел чтоб это где-то применяли, да и для каких целей...:/

Link to comment
Share on other sites

  • 0
Применяется в основном для уменьшения изображений, для приведения их к одному размеру (например к 100х100), если они различаются совсем немного...

Чуть выше, у себя я это уже написал:

(разве что в коде ты ему насильно задаш размеры больше чем оно есть, но так не делают, да и вообще из мальнького куска хлеба - большой не получишь)

Просто сам ступил немного, про проценты забыл

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 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