bobus
-
Posts
2 -
Joined
-
Last visited
bobus's Achievements
Explorer (1/14)
0
Reputation
-
Вопрос снимаю. Тему закрывайте.
-
Все доброго времени суток. Посмотрите код: <body style="margin: 0px; font-size:100%"> <table width="100%" border="0"> <tr> <td class="min"> <img src="img/header/logo.gif" width="131px" height="73" /></td> <td class="min1"><img src="img/header/kub.gif" width="261px" height="73" /></td> <td class="min2"><img src="img/header/line.gif" width="100%" height="73" /></td> </tr> </table> <table width="100%" border="0"> <tr> <td width="22%"><img src="img/header/pol_pods.gif" width="205px" height="389" /> </td> <td width="28%"> <div class="design"> </div> </td> <td width="25%"> <div class="creative"> </div> </td> <td width="25%" valign="bottom"> <div class="web"> </div> </td> </tr> </table> </body> css: .min {min-width:131px;} .min1 {min-width:261px;} .min2{min-width:500px;} .design { background: url('img/button/design/1.gif') no-repeat; /* Путь к файлу с исходным рисунком */ width: 282px; /* Ширина рисунка */ height: 339px; /* Высота рисунка */ border:0; /* Рамка вокруг картинки */ } .design:hover { background: url('img/button/design/2.gif') no-repeat; } .creative { background: url('img/button/creative/1.gif') no-repeat; /* Путь к файлу с исходным рисунком */ width: 252px; /* Ширина рисунка */ height: 339px; /* Высота рисунка */ border:0; /* Рамка вокруг картинки */ } .creative:hover { background: url('img/button/creative/2.gif') no-repeat;} .web { background: url('img/button/web/1.gif') no-repeat; /* Путь к файлу с исходным рисунком */ width: 203px; /* Ширина рисунка */ height: 339px; /* Высота рисунка */ border:0; /* Рамка вокруг картинки */ } .web:hover { background: url('img/button/web/2.gif') no-repeat; } 1. Хочу сделать резиновый дизайн. Пробовал через div, но пока сложно для меня. Можно ли верстать как я начал? Т.е. для каждого значимого блока своя таблица? У yandex, вроде бы так же сделано. 2. По первой таблице вроде мне все понятно. Т.е. тянется только line.gif 3. А вот по второй уже трудности. У меня в таблице четыре gif. Три из которых должны меняться, применил hover для этого. Т.е. что бы получилось, когда не наведена мышка изображение стояло, мышка наведена, то изображение начинается двигаться(gif-анимация). Кстати на них же наложу еще тег <a href="#">! pol_pods.gif - это тоже анимация, она стоит у левого края, ну если представить картинку, то это обрубленный пополам круг, который всегда вращается. Как сделать, что бы при изменении разрешения экрана эти анимации уменьшались\увеличивались пропрорционально? Или это дурная затея и все будет размазано? Игрался как-то со значениями width, ставил то там 100%, то тут. И еще вопрос, когда применяем тег <img>, а когда background-image:url?