Здравейте! Опитвам се да направя един ефект на сайта

Съдържаниет е скрито
Влезте за да го видите

Начи доколкото виждам това е направено по доста странен начин. Някаква таблица и проблемът идва от това, че таблицата се разтяга по височина!

1. Не използвай таблица, за да направиш фон на BODY...
2. Не използвай картинки <img> за сянката, а backgroung="image.jpg"
3. Работата е там, че горната клетка, в която имаш http://www.onlinecamera.com/images/left-shadow.jpg отляво и http://www.onlinecamera.com/images/right-shadow.jpg отдясно става пропорционално по-висока. Единият от начините да го ограничиш е, като зададеш на тази клетка да е висока 1 пиксел, а на долната 100% Това е малка хитрост, защото тя ще се радува до размерите на картинката в нея- 178 пиксела и няма да може да стане по-малка! От друга страна пък долната винаги ще заема цялото останало пространство, защото заради размера на горната никога няма да може да заеме 100% от височината на цялата таблица. По този начин можеш да го излъжеш.

Има и друг вариант- използвай rowspan=2 и ги събери в една клетка (горна лява сянка и долна лява сянка) същото важи и за дясната. След това направи фон на тази клетка същата сянка на сив фон (сивото на body) като използваш изображение с височина 1 пиксел и широко около 16-17. А в тази клетка сложи изображение на тази част от сянката, която е по-различна.

И пак повтарям, не използвай таблица за да направиш фон на body... тъпо е! Ако не знаеш как- давам ти готов код:

<style>

BODY {

	background-image: url(http://www.onlinecamera.com/images/background.gif);

	background-position: top;

	background-repeat: repeat-x;

	background-color: #E8E8E8;

}

</style>

Съдържаниет е скрито
Влезте за да го видите

Хм, а това само под IE ли трябва да работи, защото под Операта и Лисицата ефектът който се получава предполагам че не е това което се очаква да бъде

И това трябва да се оправи. Добре е сайтът да се вижда и с тези браузъри.

А ми не се обиждай, обаче конструкцията на сайта (особено като видях, че правиш background на body с таблица) е лошо замислена поначало и затова ще ти създава проблеми и за вбъдеще. Много е неприятно, защото когато нещата се изпуснат отначало, с времето проблемите само се задълбочават и постоянно се налага да се измислят разни кръпки дето да запушват временно дупки по сайта. А както добре знаем няма нищо по-трайно от временните неща. Всъщност според професионалния ми опит, това е причината много добри сайтове след време да западнат безвъзвратно!

Затова ти препоръчвам да го преработиш, докато не е късно. В такива ситуации, ако информацията е в база данни (или изобщо е отделена от дизайна) е много по-лесно!

БАба...

Съдържаниет е скрито
Влезте за да го видите

За обидата не се притеснявай - няма да се обидя. Но ако го направя с DIV-ове, как ще се вижда в по-старите браузъри? Може би трябва да направя два варианта и разпознаване на браузъра?

Е аз не виждам какъв е проблема със старите браузъри. Дори напротив, сайтовете, които съм правил с layers работят и в Netscape 4.7, докато тези с таблици не се визуализират много добре. Проблеми може да имаш, ако пишеш някакви javascripts, защото инстанцирането в различните браузъри става по различен начин, но иначе няма никакви проблеми!

БАба...

Съдържаниет е скрито
Влезте за да го видите

OK тогава, ще направя една версия с layers и пак ще пиша - да се похваля.
А би ли ми дал URL на някой сайт с layers, който си правил? Не че се съмнявам, но ми се иска да погледна пример как да употребя layers.

Редактирано от htmlgirl на 06.04.04 20:32.

Преди време ползвах някаква команда в Dreamweaver, за да конвертирам слоеве в таблици. А дали има команда за обратното - да превърна таблиците, с които е конструиран въпросният сайт, в слоеве?

.

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.