Помощник
 |
|
|
|
|
Сообщение сайта
Здравствуйте, гость ( Вход | Регистрация )
|
 Масштабирование сайта при уменьшении/растягивании окна браузера... |
AddM
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 8 Регистрация: 8.2.2011 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
LifeUP
|
 8.2.2011, 16:45;
Ответить: LifeUP
Сообщение
#2
|
|
0 Группа: User Сообщений: 467 Регистрация: 30.4.2010 Поблагодарили: 0 раз Репутация: 0
|
http://csstemplater.com/
Для создания каркасов |
|
|
|
|
vasvas7775
|
8.2.2011, 16:54;
Ответить: vasvas7775
Сообщение
#3
|
 0 Группа: User Сообщений: 354 Регистрация: 12.11.2010 Поблагодарили: 0 раз Репутация: 0
|
Вот посмотри я сделал набросок Шаблона, он подгоняется по разной ширине экрана, или если сжать окно, А контент прописан в таблице, это даст растягивать этот блок под разную длину текста:
[CSS]<style> body { margin: 0px auto;} #block { position:absolute; left:50%; margin-left:-42.5%; width:85%; height:140px; background-color:;} #head { float:left; width:88%; height:70px; background-color:; text-align:center;} #header { float:left; width:100%; height:70px; background-color:#0000FF;} #kartinka { float:right; width:100px; height:70px;} #left_menu { float:left; width:20%; height:70px; background-color:#663300; text-align:center;} #table { float:left; width:60%;} #content { width:60%; height:70px; background-color:#66FF66; text-align:center;} #right_menu { float:left; width:20%; height:70px; background-color:#66FFFF; text-align:center;} </style> <body> <div id="block"> <div id="header"> <div id="head">Шапка</div> <img id="kartinka" src="#" /></div> <div id="left_menu">Левое меню</div> <table cellspacing="0" id="table"> <tr> <td id="content" valign="top">текст</td> </tr> </table> <div id="right_menu">Преавое меню</div> </div> </body>[/CSS] |
|
|
|
|
AddM
|
Сообщение
#4
|
|
0 Группа: User Сообщений: 8 Регистрация: 8.2.2011 Поблагодарили: 0 раз Репутация: 0
|
(LifeUP @ 8.2.2011, 18:45)  http://csstemplater.com/ Для создания каркасов Спасибо за ссылку, но статические формы умею делать...) |
|
|
|
|
AddM
|
Сообщение
#5
|
|
0 Группа: User Сообщений: 8 Регистрация: 8.2.2011 Поблагодарили: 0 раз Репутация: 0
|
Да, vasvas7775, работает норм, но если мы будем сильно сжимать окно то увидим как блок в который вставленна картинка разбивает всю структуру и смещает ниже левую и правую часть и таблицу, а сама картинка по прежнему не меняется?
Такое вообще возможно сделать? ЧТо бы вместе с уменьшением текста и уменьшалась картинка? Или картинка является чем-то статическим и неизменяемым при уменьшении окна браузера?) |
|
|
|
|
vasvas7775
|
8.2.2011, 18:56;
Ответить: vasvas7775
Сообщение
#6
|
|
0 Группа: User Сообщений: 354 Регистрация: 12.11.2010 Поблагодарили: 0 раз Репутация: 0
|
Вот посмотри вот так:
[CSS]<style> body { margin: 0px auto;} #block { position:absolute; left:50%; margin-left:-42.5%; width:85%; height:140px; background-color:;} #header { float:left; width:100%; height:70px; background-color:#0000FF;} #head { width:90%; height:70px; background-color:#333300; text-align:center;} #head2 { width:10%; height:70px; background-color:red; text-align:center;} #kartinka { width:100px; height:70px;} #left_menu { float:left; width:20%; height:70px; background-color:#663300; text-align:center;} #table2 { float:left; width:60%;} #content { width:60%; height:70px; background-color:#66FF66; text-align:center;} #right_menu { float:left; width:20%; height:70px; background-color:#66FFFF; text-align:center;} </style> <body> <div id="block"> <div id="header"> <table cellspacing="0" width="100%"> <tr> <td id="head" valign="top">Шапка</td> <td id="head2" valign="top"><img id="kartinka" src="#" /></td> </tr> </table></div> <div id="left_menu">Левое меню</div> <table cellspacing="0" id="table2"> <tr> <td id="content" valign="top">текст</td> </tr> </table> <div id="right_menu">Преавое меню</div> </div> </body>[/CSS] |
|
|
|
|
AddM
|
Сообщение
#7
|
|
0 Группа: User Сообщений: 8 Регистрация: 8.2.2011 Поблагодарили: 0 раз Репутация: 0
|
(vasvas7775 @ 8.2.2011, 20:56) Вот посмотри вот так: Хорошо! Под Opera и Mozila работает приемлимо, под 6ИЕ, неа, можно как-нить адапптировать?) А можно ещё узнать что означает 3 в строке: "<img id="kartinka" src="cam2.jpg"3 />"? |
|
|
|
|
vasvas7775
|
8.2.2011, 19:49;
Ответить: vasvas7775
Сообщение
#8
|
|
0 Группа: User Сообщений: 354 Регистрация: 12.11.2010 Поблагодарили: 0 раз Репутация: 0
|
Извини, это Опечатка.
|
|
|
|
|
AddM
|
Сообщение
#9
|
|
0 Группа: User Сообщений: 8 Регистрация: 8.2.2011 Поблагодарили: 0 раз Репутация: 0
|
(vasvas7775 @ 8.2.2011, 21:49) Извини, это Опечатка. Благодарю за код, сижу изучаю, теги и их свойства из твоего кода. которые не знаю. |
|
|
|
|
Евгения_hb
|
18.8.2012, 10:28;
Ответить: Евгения_hb
Сообщение
#10
|
|
0 Группа: User Сообщений: 1 Регистрация: 18.8.2012 Поблагодарили: 0 раз Репутация: 0
|
Здравствуйте всем. Я новичок в сфере дизайна. Мне нужно подкорректировать дизайн сайта http://autograd-orsk.ru/. Проблема в том, что при уменьшении окна браузера (или разрешения экрана) в область "head" ломается дизайн. Нужно, чтобы при уменьшении окна уменьшалась картинка с машиной и картинка с названием сайта, а область между ними оставалась прежнего размера. Подскажите, как это осуществить?
З.Ы. Извиняюсь за тупые вопросы, но я ужасный новичок в этой области( |
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Продаю недорогие и качественные статьи для Вашего сайта. Подбор качественного контента из Вебархива. |
4 | kuz999 | 1095 | Сегодня, 3:42 автор: kuz999 |
|
Ищу пару софтин , Авто-переводчик сайта , синонимайзер . | 4 | lamer2018g | 174 | Сегодня, 2:47 автор: jartalk |
|
Видео в Wordpress, загружается при открытии странички. | 7 | PavlivGroup | 250 | Сегодня, 2:41 автор: jartalk |
 |
Технический аудит сайта-бесплатно | 52 | anykey13 | 8684 | Вчера, 18:29 автор: XANTAN |
|
Платежный шлюз для сайта адалт тематики. | 11 | PavlivGroup | 392 | Вчера, 18:26 автор: TABAK |
|
Текстовая версия | Сейчас: 5.3.2021, 20:18 |
