Форум PHP программистов > Резиновый сайт

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Golovastik

31.08.2010 - 17:16

У меня картинка-шапка размером 1240Х185 Как сделать чтоб она нормально отображалась во всех браузераз при разных разрешениях?
Может при маленьком разрешении экрана лучше её обрезать? Попробовал растягивать получаеться какие-то буквы суженые и не очень красиво смотриться, что можно придумать? Или может картинку делать меньшим размером на фотошопе?
Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте: http://ruseller.com



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">
.body{min-width:600px;}
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>

</head>
<body class="marginpadding"> 

<!-- ШАПКА -->
<table width="100%" class="bordur"    cellspacing="0" cellpadding="0" >
<tr >
 <td colspan="2">
     <img src="1.jpg" width="100%" height="180" align="center" >
 </td>
</tr>

<!-- СЕРЕДИНА -->
<tr >
   <td width="15%">
      <div class="d">
        <img  src="videoyroki.png"  >
         <img src="n1.png"  >
         </div>

         
   </td>
  <td class="bordur" > С новым годом!</td>
    
  

</tr>

</table>
</body>
</html>

Спустя 14 минут, 13 секунд (31.08.2010 - 16:30) Dingo написал(а):

а ты ее обрежь под ширину 1028*768, и центруй

Спустя 26 минут, 42 секунды (31.08.2010 - 16:57) Golovastik написал(а):

А в мониторах 15, 17,19,22 дюйма каким размером сделать шапку чтоб на всех мониторах отображалась нормально, а то если растягивать на 100% на всю ширину, получаеться деформация с картинкой и уродство, может так как-то?
http://ipicture.ru/uploads/100831/76RnsbYi6G.jpg

Спустя 22 минуты, 8 секунд (31.08.2010 - 17:19) Basili4 написал(а):

Golovastik
Сделай несколько и используй в зависимости от разрешения

Спустя 29 минут, 37 секунд (31.08.2010 - 17:49) Golovastik написал(а):

Это хорошая идея, напишите пожалуйста, каким размером нужно делать для 15-дюймового экрана, 17,19(знаю 1240х185) и 22-дюймового.
Как потом на Яваскрипте сделать изменнеие в зависимости от разрешения экрана?

2)А если у пользователя будет нестандартное разрешение что тогда?

Спустя 1 час, 34 минуты, 8 секунд (31.08.2010 - 19:23) Golovastik написал(а):

Вот так работает, но появляеться дополнтельная полоса прокрутки, подскажите как убрать её?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">
.shapkafon{background:url(img/fon.jpg); background-repeat:repeat-x;
 }
.body{min-width:700px;}
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>

</head>
<body class="marginpadding"> 

<!-- ШАПКА -->
<table  class="bordur"  width="100%"  cellspacing="0" cellpadding="0" >
<tr >
 <td colspan="2" class="shapkafon">
     <img   src="img/shapka.jpg" width="100%"  height="180" align="left" >
 </td>
</tr>

<!-- СЕРЕДИНА -->
<tr >
   <td width="15%">
      <div class="d">
        <img  src="img/videoyroki.png"  >
         <img src="img/n1.png"  >
         </div>

         
   </td>
  <td class="bordur" > С новым годом!</td>
    
  

</tr>

</table>
</body>
</html>

Спустя 3 дня, 5 часов, 15 минут, 17 секунд (5.09.2010 - 00:38) Guest написал(а):

сделай картинку 900 px шириной, центруй.. и делов-то...

Быстрый ответ:

Здесь расположена полная версия этой страницы.