Jquery меню зависимое от ширины экрана

[Enjo]

Доброго времени суток!
Извините за название темы, незнаю как кратко описать....так вот роль меню на сайте играют 4 картинки, при наведении мышки на картинку всплыват текст, а при изменении ширины браузера, надо чтоб и ширина картинок тоже менялась, то есть если 15" - четыре картинки, а если 24"(дюйма экрана пользователя) - то тоже 4 картинки, понятно что больше.

 

[motek]

Вы бы хоть код свой показали, что не получается? и jquery тут причем?
как вариант - загоняете меню в список и даете ему ширину 100%...

 

[Enjo]

вот код

/* меню 4 картинки */  
.mmenu {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding-top:0px;}
.mmenu LI {margin:0px;padding:0px;float:left;}
.mmenu A { text-decoration:none; display:block; height:100%; width:100%; text-indent:-10000;}
.mmenu A.ppp {background: url(images/1.jpg);}
/*.mmenu A.glavnaj:hover {background: url(images/glavnaj_big.gif);}*/
.mmenu A.vvv {margin-left:10px;background: url(images/1.jpg);}
/*.mmenu A.uslugi:hover {background: url(images/gramota_big.gif);}*/
.mmenu A.ttt{margin-left:10px;background: url(images/1.jpg);}
/*.mmenu A.kontakt:hover {background: url(images/kontakt_big.gif);}*/
.mmenu A.chc {margin-left:10px;background: url(images/1.jpg);}
/*.mmenu A.prais:hover {background: url(images/prais_big.gif);}*/
UL.mmenu {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0px;}
UL.mmenu LI {margin-top:10px;padding:0px;float:left;}
UL.mmenu A { text-decoration:none; display:block; height:120px; width:248px; text-indent:-10000;}

/*конец меню 4 картинки */

height:120px; width:248px; - это для 15"
а вот для 24" и больше ... вообщем ширина должна меняться (ширина каждой картинки, чтоб отступы между были 5 пикселев)
ща загруже картинку на 16"

Вот картинка

 

[Vika]

У меня ситуация следующая при уменьшении окна браузера, содержимое новости (центрального блока), залазит на правый блок.http://lady-portal.com/health-beauty/techniques-for-weight-loss/10-edim-i-hudeem.html Как исправить такое.

 

[BaNru]

height:120px; width:248px;

Ну так указывай в процентах.

У меня ситуация следующая при уменьшении окна браузера

1 вариант
удалить картинку /uploads/posts/2012-01/1325601743_tablitca_produktov.jpg, та что таблица
или уменьшить ее, или сделать привью с ссылкой на большую

2 вариант, простой и правильный
для body поставить min-width: 1258px;