Резиновый сайт - SEO форум MaulTalk.com

Резиновый сайт

Опции

people2010

Topic Starter сообщение

30.8.2010, 23:18; Ответить: people2010

Сообщение #1

0

Группа: User
Сообщений: 302
Регистрация: 20.3.2010
Поблагодарили: 0 раз
Репутация:

0

Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей.
Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за ответ.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.rezina{min-width:800px;}
.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 rezina"    cellspacing="0" cellpadding="0" >
<tr >
<td colspan="2">
     <img src="shapka.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>

0

Ответить с цитированием данного сообщения

FortNoxBY FortNoxBY 31.8.2010, 2:05; Сообщений: 521 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	31.8.2010, 2:05; Ответить: FortNoxBY Сообщение #2
0 Группа: User Сообщений: 521 Регистрация: 3.2.2010 Поблагодарили: 0 раз Репутация: 0	Там где в коде указывается ширина 800рх, поставь вместо 800рх вот это 100%

people2010 Topic Starter people2010Topic Starter 31.8.2010, 16:50; Сообщений: 302 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 31.8.2010, 16:50; Ответить: people2010 Сообщение #3
0 Группа: User Сообщений: 302 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0	У меня картинка размером 1240Х185 Как сделать чтоб она нормально отображалась во всех браузераз при разных разрешениях? Может при маленьком разрешении экрана лучше её обрезать? Попробовал растягивать получаеться какие-то буквы суженые и не очень красиво смотриться, что можно придумать? Или может картинку делать меньшим размером на фотошопе? Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте: http://ruseller.com

locky-yotu locky-yotu 31.8.2010, 17:05; Сообщений: 0 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	31.8.2010, 17:05; Ответить: locky-yotu Сообщение #4
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0	(people2010 @ 31.8.2010, 19:50) Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте: http://ruseller.com Ну так там не картинка на всю ширину, а просто бекграунд. Картинка там вполне себе фиксированная, оставшееся место заполняет просто цвет.

people2010 Topic Starter people2010Topic Starter 31.8.2010, 17:09; Сообщений: 302 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 31.8.2010, 17:09; Ответить: people2010 Сообщение #5
0 Группа: User Сообщений: 302 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0	А как мне тогда сделать, если изменить размер картинки с 1240х185 то на какой? А если написать что-то в коде, то как и где?

people2010 Topic Starter people2010Topic Starter 31.8.2010, 20:22; Сообщений: 302 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 31.8.2010, 20:22; Ответить: people2010 Сообщение #6
0 Группа: User Сообщений: 302 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0	Попробовал чтоб картинку выровнять по левому краю, и добавить картинку фон в правую сторону от картинки-шапки ,что-то не происходит дублирование, фоновой картинки, это тчоб по всей ширине экрана шапка была. Как сделать дублирование картинки-фона, что-то у меня не срабатывает. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]"> <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"> <img class="shapkafon" src="img/shapka.jpg" 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>

Zippovich Zippovich 31.8.2010, 20:25; Сообщений: 1746 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	31.8.2010, 20:25; Ответить: Zippovich Сообщение #7
0 Группа: User Сообщений: 1746 Регистрация: 10.12.2008 Поблагодарили: 0 раз Репутация: 0	(people2010 @ 31.8.2010, 19:50) У меня картинка размером 1240Х185 Как сделать чтоб она нормально отображалась во всех браузераз при разных разрешениях? Может при маленьком разрешении экрана лучше её обрезать? Попробовал растягивать получаеться какие-то буквы суженые и не очень красиво смотриться, что можно придумать? Или может картинку делать меньшим размером на фотошопе? Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте: http://ruseller.com Скопируйте нужный css и html с этого сайта и будет Вам счастье.

people2010 Topic Starter people2010Topic Starter 31.8.2010, 22:00; Сообщений: 302 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 31.8.2010, 22:00; Ответить: people2010 Сообщение #8
0 Группа: User Сообщений: 302 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0	Там много всего и перебирать долго будет, если кто знает ответьте на предыдущий пост. Вот так работает, но появляеться дополнтельная полоса прокрутки, подскажите как убрать её? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]"> <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>

locky-yotu locky-yotu 31.8.2010, 22:06; Сообщений: 0 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	31.8.2010, 22:06; Ответить: locky-yotu Сообщение #9
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0	people2010, мы знаем. И, надо заметить, ответ уже был озвучен. И еще, там мало "всего". И это просто элементарнейшие знания, которые даются на второй-третьей странице каждого самоучителя HTML и CSS "для чайников"

people2010 Topic Starter people2010Topic Starter 31.8.2010, 22:39; Сообщений: 302 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 31.8.2010, 22:39; Ответить: people2010 Сообщение #10
0 Группа: User Сообщений: 302 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0	Если написать так. <!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); repeat-x; } body{min-width:[FONT=Courier New][SIZE=2][FONT=Courier New][SIZE=2]800px[/SIZE][/FONT][/SIZE][/FONT][SIZE=2]; overflow:hidden;}[/SIZE] [SIZE=2].marginpadding{margin:0px; padding:0px;}[/SIZE] [SIZE=2].bordur{border:1px solid black;}[/SIZE] [SIZE=2].menubordur {border: #000 solid 1px; border-top:0;}[/SIZE] [SIZE=2].d img{display:block; }[/SIZE] [SIZE=2]</style>[/SIZE] [SIZE=2]</head>[/SIZE] [SIZE=2]<body class="marginpadding"> [/SIZE] [SIZE=2]<!-- ШАПКА -->[/SIZE] [SIZE=2]<table class="bordur" width="100%" cellspacing="0" cellpadding="0" >[/SIZE] [SIZE=2]<tr >[/SIZE] [SIZE=2]<td colspan="2" class="shapkafon">[/SIZE] [SIZE=2]<img src="img/[/SIZE][FONT=Courier New][SIZE=2][FONT=Courier New][SIZE=2]header[/SIZE][/FONT][/SIZE][/FONT][SIZE=2].jpg" height="180" align="left" >[/SIZE] [SIZE=2]</td>[/SIZE] [SIZE=2]</tr>[/SIZE] [SIZE=2]<!-- СЕРЕДИНА -->[/SIZE] [SIZE=2]<tr >[/SIZE] [SIZE=2]<td width="15%">[/SIZE] [SIZE=2]<div class="d">[/SIZE] [SIZE=2]<img src="img/videoyroki.png" >[/SIZE] [SIZE=2]<img src="img/n1.png" >[/SIZE] [SIZE=2]</div>[/SIZE] [SIZE=2]</td>[/SIZE] [SIZE=2]<td class="bordur" > С новым годом!</td>[/SIZE] [SIZE=2][FONT=Times New Roman]<td width="15%"[/FONT][/SIZE][SIZE=2][FONT=Times New Roman]>[/FONT][/SIZE] [SIZE=2]<div class="d">[/SIZE] [SIZE=2]<img src="img/videoyroki.png" >[/SIZE] [SIZE=2]<img src="img/n1.png" >[/SIZE] [SIZE=2]</div>[/SIZE] [SIZE=2]</tr>[/SIZE] [SIZE=2]</table>[/SIZE] [SIZE=2]</body>[/SIZE] [SIZE=2]</html>[/SIZE] Происходит обрезка изображения, но как быть если у меня панель навигации слева и справа, оно обрежет его справа, как сделать так чтоб не обрезало?

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Ваш сайт блокирует Роскомнадзор?	28	hollywooduk	5856	Вчера, 20:56 автор: 100ftd
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ	0	bunneh	456	16.4.2024, 18:02 автор: bunneh
Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами	2	Tutich	1328	16.4.2024, 8:27 автор: Tutich
[Услуги] Баннер/Графика/Сайт	240	FillPlay	180603	31.3.2024, 22:58 автор: FillPlay
Тысячи ботовых переходов на сайт	18	Suagaring	4624	26.3.2024, 21:42 автор: c4p1t4l15t