Таблица в разных разрешениях

[yura2008]

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

Нужна помощь. В моей таблице по центру стоит картинка размером 400 на 300, а вокруг неё картинки 200 на 150. Картинки расположены 4 на 4.

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

Но при большем разрешении, в частности 1680 на 1050, картинки разъезжаются, и получится белеберда...

Как сделать так, чтобы при любом разрешении картинки отображались "квадратом"?

Ссылка на сайт: http://arterotic.biz/

В большом разрешении отображение такое: Ссылка

[kalyaka-malyaka]

проблема в логике

у самой внешней таблицы заданы ширины у левой и правой колонок. поскольку сама внешняя таблица шириной 100%, ее средняя колонка тянется, сколько окно браузера позволяет.

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

как сделать:

1. ячейке, в которой стоит таблица с картинками, сказать text-align: center;

2. таблице с картинками задать жесткую ширину.

[In_Variant]

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

Что я имею в виду? у картинки есть свой собственный размер. если я при создании сайта задам жестките параметры высотыстроки таблицы,

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

права? а если я права, то КАК сделать, чтоб картинка визуально не меняла размер, т.е. если визуальео мне нужно, чтоб она занимала

сантиметров 5 по высоте от экрана, то чтоб на любом экране и любом разрешении она витзуально и занимала 5 сантиметров!?

[s0rr0w]

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

Что я имею в виду? у картинки есть свой собственный размер. если я при создании сайта задам жестките параметры высотыстроки таблицы,

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

права? а если я права, то КАК сделать, чтоб картинка визуально не меняла размер, т.е. если визуальео мне нужно, чтоб она занимала

сантиметров 5 по высоте от экрана, то чтоб на любом экране и любом разрешении она витзуально и занимала 5 сантиметров!?

Указать размеры картинки в сантиметрах.

[In_Variant]

Указать размеры картинки в сантиметрах.

Это шутка такая? вы извините меня, я просто начинающая... Может надо в процентах? Так уж вернее, я думаю. За исключением, конечно, того, что качество картинки будет страдать, при понижении разрешения

[s0rr0w]

Это шутка такая? вы извините меня, я просто начинающая... Может надо в процентах? Так уж вернее, я думаю. За исключением, конечно, того, что качество картинки будет страдать, при понижении разрешения

Какая такая шутка?

http://www.w3.org/TR/CSS21/syndata.html#length-units

Absolute length units are only useful when the physical properties of the output medium are known. The absolute units are:

* in: inches — 1 inch is equal to 2.54 centimeters.

* cm: centimeters

* mm: millimeters

* pt: points — the points used by CSS 2.1 are equal to 1/72nd of an inch.

* pc: picas — 1 pica is equal to 12 points.

[In_Variant]

Благодарю! Хмм... интересно...

Я вот попробовала, как вы посоветовали и получила, что при задании высоты(как мне казалось для картинки) получается следующее: картинка не изменяет размер(по заданным мной параметрам) а поднимается, причем не выше границы фрейма (ну по идее так оно и должно быть) и не исчезает за границей и не появляется скрол. Данное поведение я нахожу странным и прошу пояснить как так получается =\

У меня есть одна догадка: в html не возможно месштабировать картинку, ибо пыталась это сделатья долго и мучительно, но ничего не вышло.

Edited February 2, 2009 by In_Variant

[s0rr0w]

Благодарю! Хмм... интересно...

Я вот попробовала, как вы посоветовали и получила, что при задании высоты(как мне казалось для картинки) получается следующее: картинка не изменяет размер(по заданным мной параметрам) а поднимается, причем не выше границы фрейма (ну по идее так оно и должно быть) и не исчезает за границей и не появляется скрол. Данное поведение я нахожу странным и прошу пояснить как так получается =\

У меня есть одна догадка: в html не возможно месштабировать картинку, ибо пыталась это сделатья долго и мучительно, но ничего не вышло.

Код где? Телепаты в отпуске.

[In_Variant]

Код где? Телепаты в отпуске.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<Title> true evil </Title>

</HEAD>

<BODY bgcolor="black" height=2cm style="background-image:url(text2.jpg); background-position:bottom; background-repeat:repeat-x" >

</BODY>

</HTML>

[s0rr0w]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<Title> true evil </Title>

</HEAD>

<BODY bgcolor="black" height=2cm style="background-image:url(text2.jpg); background-position:bottom; background-repeat:repeat-x" >

</BODY>

</HTML>

Вы где такое откопали? Спрячьте побыстрее пока никто смеяться не начал

[Vlad]

In_Variant, приведенный код устарел по меньшей мере лет 7-8 назад. Возьмите за основу любой пример на этом сайте, у него доктайп другой.

[In_Variant]

In_Variant, приведенный код устарел по меньшей мере лет 7-8 назад. Возьмите за основу любой пример на этом сайте, у него доктайп другой.

что другой? (уж простите чайника )

и... почему устарел? я вообще-то и язык изучаю по этому сайту... на главыной (теги html) там все про эти теги написано... так и я пишу как написано =\

так почему устарел?

[Vlad]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> - вот эта строка называется доктайп. Версия HTML 3.2 давным-давно нигде не используется, актуальная 4.01, готовится 5.0.

http://htmlbook.ru/html/!doctype.html

Лучше использовать эту строку, но с ней многое работать не будет.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<BODY bgcolor="black" height=2cm - вот про это у меня нигде не написано. Предлагаю сменить книгу или сайт, откуда это взято.

[In_Variant]

многое не работает? мне нужно, чтоб работало

А то у меня и так проблем полно с разными браузерами. Один ИЕ так как МНЕ надо показывает

У вас доступно написано и объяснено что такое доктайп, спасибо. Прошу извинить, что не догадалась раньше прочитать.

И все же, зачем использовать этот доктайп (HTML 4.01), если в нем много не работает?

<BODY bgcolor="black" height=2cm - а по поводу вот этого.. я пыталась как-то масштабировать картинку в своем фрейме... и поняла (еще до того как скопировала сюда код), что то, что я написала не верно. забыла стереть.