Помощник
|
Масштабирование сайта при уменьшении/растягивании окна браузера... |
AddM
|
Сообщение
#1
|
||
|
|
||
|
|||
LifeUP |
8.2.2011, 16:45;
Ответить: LifeUP
Сообщение
#2
|
|
http://csstemplater.com/
Для создания каркасов |
|
|
vasvas7775 |
8.2.2011, 16:54;
Ответить: vasvas7775
Сообщение
#3
|
|
Вот посмотри я сделал набросок Шаблона, он подгоняется по разной ширине экрана, или если сжать окно, А контент прописан в таблице, это даст растягивать этот блок под разную длину текста:
[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
|
|
http://csstemplater.com/ Для создания каркасов Спасибо за ссылку, но статические формы умею делать...) |
|
|
AddM
|
Сообщение
#5
|
|
Да, vasvas7775, работает норм, но если мы будем сильно сжимать окно то увидим как блок в который вставленна картинка разбивает всю структуру и смещает ниже левую и правую часть и таблицу, а сама картинка по прежнему не меняется?
Такое вообще возможно сделать? ЧТо бы вместе с уменьшением текста и уменьшалась картинка? Или картинка является чем-то статическим и неизменяемым при уменьшении окна браузера?) |
|
|
vasvas7775 |
8.2.2011, 18:56;
Ответить: vasvas7775
Сообщение
#6
|
|
Вот посмотри вот так:
[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
|
|
|
|
|
vasvas7775 |
8.2.2011, 19:49;
Ответить: vasvas7775
Сообщение
#8
|
|
Извини, это Опечатка.
|
|
|
AddM
|
Сообщение
#9
|
|
|
|
|
Евгения_hb |
18.8.2012, 10:28;
Ответить: Евгения_hb
Сообщение
#10
|
|
Здравствуйте всем. Я новичок в сфере дизайна. Мне нужно подкорректировать дизайн сайта http://autograd-orsk.ru/. Проблема в том, что при уменьшении окна браузера (или разрешения экрана) в область "head" ломается дизайн. Нужно, чтобы при уменьшении окна уменьшалась картинка с машиной и картинка с названием сайта, а область между ними оставалась прежнего размера. Подскажите, как это осуществить?
З.Ы. Извиняюсь за тупые вопросы, но я ужасный новичок в этой области( |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Быстрая индексация страниц сайта и обратных ссылок - 2Index | 38 | 2Index | 6642 | 18.4.2024, 12:56 автор: 2Index |
|
Какой % отказов нормален для сайта? | 11 | Aloof | 2822 | 16.4.2024, 12:48 автор: diviner99 |
|
SiteAnalyzer - бесплатная программа для аудита и анализа сайта | 77 | Chaser | 74224 | 9.4.2024, 11:36 автор: Chaser |
|
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта | 0 | Alex-777 | 866 | 7.4.2024, 18:05 автор: Alex-777 |
|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1753 | 31.3.2024, 11:19 автор: stu999 |
Текстовая версия | Сейчас: 20.4.2024, 6:58 |