Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: как связать разрешение экрана и фон html файла
 
 автор: _tanya_   (11.07.2006 в 07:49)   письмо автору
 
 

У меня есть небольшая программка написанная на html, без использования java.
Фон у каждой странички одинаковый и фиксированного размера, на фоне находятся кнопки. Как можно изменять размер фона (картинки) в зависимости от разрешения экрана, желательно без использования java скрипта (хотя можно и с ним).

   
 
 автор: AlexSol   (11.07.2006 в 09:48)   письмо автору
 
   для: _tanya_   (11.07.2006 в 07:49)
 

если картинка указана как background - то никак.
если явно - <img....> то используйте width и height с указанием процентов. - в этом случае текст поверх картинки можно разместить при помощи слоев или абсолютного позиционирования. (это css)

   
 
 автор: _tanya_   (11.07.2006 в 10:37)   письмо автору
 
   для: AlexSol   (11.07.2006 в 09:48)
 

проблема именно в том что картинка в background.
а вот про слои хорошая идея, правда я никогда их не использовала (только учусь).

   
 
 автор: AlexSol   (11.07.2006 в 10:43)   письмо автору
 
   для: _tanya_   (11.07.2006 в 10:37)
 

ну background можно javascriptom - сделайте принтскрин вашей работы - может какие-нить более цельные советы будут.

   
 
 автор: _tanya_   (11.07.2006 в 11:27)   письмо автору
 
   для: AlexSol   (11.07.2006 в 10:43)
 

На заднем фоне только картинка.
Я попробовала по слоям, задаю для картинки размеры длины и ширины 100%, но при увеличении разрешения картинка вся вставляется нормально, а остальное поле просто белым цветом. Может как то можно управлять размером картинки?
Файл - высылаю.

   
 
 автор: _tanya_   (11.07.2006 в 11:29)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:27)
 

Вроде файл прикрепила, а куда прикрепила не вижу. Может что-то неправильно нажала

   
 
 автор: AlexSol   (11.07.2006 в 11:32)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:29)
 

файла не видно... может тогда ссылку дадите?

   
 
 автор: _tanya_   (11.07.2006 в 11:39)   письмо автору
 
   для: AlexSol   (11.07.2006 в 11:32)
 

не могу этот файл у меня на рабочем столе

   
 
 автор: AlexSol   (11.07.2006 в 11:51)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:39)
 

вот небольшой пример

   
 
 автор: _tanya_   (11.07.2006 в 11:54)   письмо автору
 
   для: AlexSol   (11.07.2006 в 11:51)
 

файл

   
 
 автор: _tanya_   (11.07.2006 в 11:56)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:54)
 

Все пытаюсь прикрепить файл не обращай внимания

   
 
 автор: AlexSol   (11.07.2006 в 11:57)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:56)
 

попробуйте в архив его положить...

   
 
 автор: _tanya_   (11.07.2006 в 11:59)   письмо автору
 
   для: AlexSol   (11.07.2006 в 11:57)
 

Попробывала, потом нажимаю Обзор и выбирая этот файл. затем нажимаю отправить и файл не прикрепляется

   
 
 автор: AlexSol   (11.07.2006 в 12:01)   письмо автору
 
   для: _tanya_   (11.07.2006 в 11:59)
 

странно... а если напрямую картинку? //мой пример смотрели?

   
 
 автор: _tanya_   (11.07.2006 в 12:14)   письмо автору
 
   для: AlexSol   (11.07.2006 в 12:01)
 

Напрямую картинку тоже не получается.
ваш пример смотрела, но не знаю что с ним делать я в CSS не разбираюсь.
<html>
<head>
</head>
<body>
<DIV ID=fon STYLE="position: absolute; Z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%;">
<IMG SRC="fon1.jpg">
</DIV>
<DIV ID=knopka STYLE="position: absolute; Z-index: 2; top: 0px; left: 0px;">
<TABLE BORDER=0>
и т.д.
<DIV>

Здесь я убрала все лишнее, а картинка fon1.jpg у меня 1025px на 678px. Я могу, конечно, ее сделать большего размера, но тогда она у меня не вмещается на экран с меньшим разрешением. Мне нужно что-то с ней сделать так, чтобы ее размеры менялись в зависимости от разрешения экрана. Вот и все.

   
 
 автор: AlexSol   (11.07.2006 в 12:18)   письмо автору
 
   для: _tanya_   (11.07.2006 в 12:14)
 

банально
<IMG SRC="fon1.jpg" width="100%">

   
 
 автор: _tanya_   (11.07.2006 в 12:30)   письмо автору
 
   для: AlexSol   (11.07.2006 в 12:18)
 

Ага... конечно... Если бы было так просто я бы не обратилась за помощью.
При увеличении разрешения экрана картинка остается фиксированного размера, а остальное белым цветом, а мне надо чтобы она [картинка] растягивалась.

   
 
 автор: AlexSol   (11.07.2006 в 12:40)   письмо автору
 
   для: _tanya_   (11.07.2006 в 12:30)
 

что-то вы не так делаете: ie6, опера, мозила:

   
 
 автор: _tanya_   (11.07.2006 в 13:17)   письмо автору
 
   для: AlexSol   (11.07.2006 в 12:40)
 

Спасибо за терпение. Что-нибудь придумаю.

   
 
 автор: AlexSol   (11.07.2006 в 13:22)   письмо автору
 
   для: _tanya_   (11.07.2006 в 13:17)
 

не раюотает???? а чем вы смотрите?

   
 
 автор: _tanya_   (11.07.2006 в 13:26)   письмо автору
 
   для: AlexSol   (11.07.2006 в 13:22)
 

Я просматриваю с помощью Internet Explorer

   
 
 автор: _tanya_   (11.07.2006 в 13:38)   письмо автору
 
   для: _tanya_   (11.07.2006 в 13:26)
 

Ура!!!!!!!!!!!!!!!!!!!!!!
У меня заработало!!!!!!!!!!!!!!!!!!!!!!!!!
Спасибо большое. Ошибка была глупая и незаметная. Но теперь все нормально.

   
 
 автор: AlexSol   (11.07.2006 в 13:41)   письмо автору
 
   для: _tanya_   (11.07.2006 в 13:26)
 

Internet Explorer6.0 все отображает нормально [смотри последнее вложение]

хотя могут быть проблемы, связанные с влияние соседних элементов.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования