<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

В начале курса у нас будет только идея, а в конце готовый продукт, который можно использовать в практических целях.

В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Как сделать резиновую шапку сайта?
17.11.2011 10:57:47 Как сделать резиновую шапку сайта? Сообщение #1
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Здравствуйте Михаил! Я столкнулся с проблемой при создании собственной шапки. Дело в том, что мониторы у людей разные, а размер шапки один. Я поставил значения ширины на 100%, но размер шапки никак не меняется! Мои предположения, что нужно как то сделать элемент, который бы добавлялся к шапке при большом размере экрана. Но, я не знаю как это сделать, поэтому прошу помочь.
Профиль Ответить
17.11.2011 11:36:51 Как сделать резиновую шапку сайта? Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

В теге img width="100%"
Профиль Ответить
17.11.2011 13:41:13 Как сделать резиновую шапку сайта? Сообщение #3
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Нет, все ровно не помогает, шапка все ровно слишком большая! Вот кусок бади и сама шапка:

<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0">
<table background="shapka2.jpg" width="1450" height="166" border="0" cellspacing="0" cellpadding="0">
Профиль Ответить
17.11.2011 15:34:25 Как сделать резиновую шапку сайта? Сообщение #4
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Так неэффективно фон растягивать внутри таблицы пустой (ничего не будет). Вот пример только изображение замени на своё.

<table width='100%' style="
background-color: 'black';
border-color: 'black';
background-image: url('Fone.gif');
border:'2'; cellspacing:'0'; cellpadding:'0';">
<tr style="heigth:'168';">
<td width='100%'>&nbsp;</td>
</tr>
</table>

и далее в этом фоне нужно подбирать свойства:
background-repeat
background-position

Проще создать ту же таблицу без фонового изображения и в ячейку вставить нужное растянутое изображение
<table width='100%' style="
background-color: 'black';
border-color: 'black';
border:'2'; cellspacing:'0'; cellpadding:'0';">
<tr style="heigth:'168';">
<td width='100'>
<img src='путь к файлу' alt='название' width=100% heigth='по выбору' />
</td>
</tr>
</table>

Если пропорции картинки не дождны изменяться,то указывать только width=100% без heigth='сколько надо'
Профиль Ответить
17.11.2011 16:00:03 Как сделать резиновую шапку сайта? Сообщение #5
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Но если делать шапку проще это через стили:

body style="margin:0; padding:0; background-color: black;">
<div style="width:100%; height:70px; margin:0; padding:0; background:red; top:'0px'; left:'0px;'">
<img src='Fone.gif' alt='picture' width='100%' height='70px' />
</div>

</body>

Можно поиграться с параметрами,чтобы понять что к чему
Профиль Ответить
17.11.2011 17:40:07 Как сделать резиновую шапку сайта? Сообщение #6
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

В смысле через CSS?
Профиль Ответить
17.11.2011 19:09:24 Как сделать резиновую шапку сайта? Сообщение #7
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Да, просто вбить этот код и поменять параметры цифр. СSS это просто дополнение к html, ничего сложного. Можно и с помошью таблицы (в соседней теме есть пример), я в начале вообще истользовал исключительно html язык, но там думать много надо, чтобы обойти гораздо более простые функции или чтобы вообще это было возможно.

Если какие-то проблемы возникают напиши, что хочешь получить (таблицей или чем то другим). Вместе подумаем
Профиль Ответить
18.11.2011 13:01:41 Как сделать резиновую шапку сайта? Сообщение #8
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Cпасибо за помощь! Обязательно буду обращаться.
Профиль Ответить
18.11.2011 15:32:26 Как сделать резиновую шапку сайта? Сообщение #9
Neo.LoL

Neo.LoL

Продвинутый

Продвинутый

Дата регистрации:
15.11.2011 15:22:16

Сообщений: 56

Хм... Я подключил файл с .css документом и ввел в нем следующие значения:

<body style="margin:0; padding:0; background-color: black;">
<div style="width:100%; height:166px; margin:0; padding:0; background:red; top:'0px'; left:'0px;'">
<img src='Fone.gif' alt='picture' width='100%' height='166px' />
</div>

</body>

я их изменил как ты и сказал, но изображение не изменяется в размерах.
Профиль Ответить
18.11.2011 17:06:15 Как сделать резиновую шапку сайта? Сообщение #10
Sun

Sun

Новичок

Новичок

Дата регистрации:
16.11.2011 20:24:25

Сообщений: 16

Не надо ничего подключать.
Это встроенный стиль, который написан. Просто скопировать код в страницу.

Вот если захочеться отдельно вынести стили, тогда подключай файлы.

Есть сss внешние - подключаются через файлы
внутренние - объявляются внутри страницы.
внутренние делятся на общестраничные, объявляются в теге <head></head> и локальные они могут писаться в любом теге практически <p style=''></p>.

если хочется уже через файл подключить... зря создавал чтоли)
<head><link rel="stylesheet" type="text/css" href="название.css"/>...</head>

где-то в <body>
<div id='шапка сайта'></div>
...
</body>

В файле
название.css

задаёшь параметры шапки нужные.

#шапка сайта{
margin: 0px; /*отступ до внешней границы шапки*/
padding: 0px; /*отступ до внутренней границы шапки*/
position: absolute;
width: 100%; /*ширина шапки и высота*/
heigth: 70px;
blackground: red;
top: 1120px; left: 10px; right: 10px; /*можно задавать точные размеры осносительно гланого окна, тогда ширина width будет 100% в пределах полной ширины экрана -10пк справа и -10 пк слева*/
}

вот.. как-то так
дополнительные свойтва стилей можно посмотреть в справочнике. Вот удобный сайтик: http://css.manual.ru
Профиль Ответить