Neo.LoL
Продвинутый
Дата регистрации:
15.11.2011 15:22:16
Сообщений: 56
Здравствуйте Михаил! Я столкнулся с проблемой при создании собственной шапки. Дело в том, что мониторы у людей разные, а размер шапки один. Я поставил значения ширины на 100%, но размер шапки никак не меняется! Мои предположения, что нужно как то сделать элемент, который бы добавлялся к шапке при большом размере экрана. Но, я не знаю как это сделать, поэтому прошу помочь.
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
В теге img width="100%"
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">
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%'> </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='сколько надо'
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>
Можно поиграться с параметрами,чтобы понять что к чему
Neo.LoL
Продвинутый
Дата регистрации:
15.11.2011 15:22:16
Сообщений: 56
В смысле через CSS?
Sun
Новичок
Дата регистрации:
16.11.2011 20:24:25
Сообщений: 16
Да, просто вбить этот код и поменять параметры цифр. СSS это просто дополнение к html, ничего сложного. Можно и с помошью таблицы (в соседней теме есть пример), я в начале вообще истользовал исключительно html язык, но там думать много надо, чтобы обойти гораздо более простые функции или чтобы вообще это было возможно.
Если какие-то проблемы возникают напиши, что хочешь получить (таблицей или чем то другим). Вместе подумаем
Neo.LoL
Продвинутый
Дата регистрации:
15.11.2011 15:22:16
Сообщений: 56
Cпасибо за помощь! Обязательно буду обращаться.
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>
я их изменил как ты и сказал, но изображение не изменяется в размерах.
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
