X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вставить надо в css шапку
Klondayker
Klondayker
Topic Starter сообщение 5.5.2011, 22:15; Ответить: Klondayker
Сообщение #1


Имеется css нужно вставить картинку-шапку 900 на 200.
помогите, как это сделать, вот css


[CSS]* {margin:0; padding:0;}
body { background:#FFFFFF; color:#808080; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#d7722f; text-decoration:none;}
.c {clear:both;}

#menu_wrap { background:url(images/menu_bg.gif) repeat-x; height:38px; width:100%;}
#menu {width:1000px; margin:0 auto;}
#menu ul { list-style-type:none;}
#menu li { float:left; text-align:center; width:69px; height:28px; padding:10px 5px 0 5px;}
#menu li:hover { background:url(images/menu_bg_hover.gif);}
#menu li:hover a {color:#FFFFFF;}


#header_wrap { width:100%; height:150px; border-bottom:1px solid #e1e1e1;}
#header { height:117px; width:1000px; margin:0 auto; position:relative;}
#header h1 {position:absolute; top:25px; left:25px; font-size:30px;}
#header h1 a { font-weight:normal;}
#header h2 {position:absolute; top:61px; left:25px; font-size:14px;}
#rss { position:absolute; width:340px; height:117px; right:0px; background:url(images/icon_rss.jpg) no-repeat right center;}
#rss a { text-transform:uppercase; color:#808080;}
#rss .first { padding:35px 0 10px 0; margin:0 0 10px 0; width:220px; border-bottom:1px dotted #e1e1e1;}




#main {width:1000px; margin:0 auto; background:url(images/main_bg.gif);}
#content {float:left; width:484px;}
#sidebar {float:right; width:516px;}

.post {margin:10px 0 20px 0;}
.post h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
.post h3 a { font-weight:normal; color:#333333;}
.post .meta { padding:7px 0; font-size:11px;}
.post .meta p { float:left; padding:0 0 0 15px; background:no-repeat left center;}
.post .meta .date { background-image:url(images/icon_post_date.gif); margin:0 40px 0 0;}
.post .meta .comments { background-image:url(images/icon_post_comment.gif);}
.post .meta .author { background-image:url(images/icon_post_author.gif); margin:0 40px 0 0;}
.post .meta .tags { background-image:url(images/icon_post_tag.gif);}
.post .meta .tags a {color:#808080;}
.post .text {padding:5px 20px 5px 3px;}
.post .text p { text-align:justify; margin-bottom:10px;}
.post .text ul, .post .text ol { margin:0 0 0 35px;}
.post .text li { padding:5px 5px;}

.post blockquote, .post code { padding:7px; border:1px dotted #e1e1e1; margin:5px 0; display:block;}
.post code { border-style:solid;}


#comments h4 {color:#d7722f; margin:0 0 10px 0; font-size:14px;} #comments h4 span {color:#333333;}
#comments .comment { background:url(images/comment_bg.gif) repeat-x; min-height:111px; _padding-bottom:30px; width:465px; margin:0 0 20px 0; border-bottom:1px dotted #bcbcbc; border-top:1px dotted #bcbcbc;}
#comments .comment .meta { padding:15px 15px 5px 15px; font-size:11px; }
#comments .comment .author {float:left;}
#comments .comment .author a {font-weight:bold; font-size:12px;}
#comments .comment .date {float:right;}
#comments .comment .text { font-size:11px; color:#333333; padding:10px 20px;}

#commentform td { padding:7px 0;}
#commentform input { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:200px;}
#commentform input.submit { border:none; background:#FFFFFF; width:57px; height:40px;}
#commentform textarea { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:270px; height:135px;}

#sidebar .left {width:226px; float:left; padding:5px 0 20px 19px;}
#sidebar .right {width:226px; float:left; padding:5px 0 20px 30px;}

.widget {margin:0 0 10x 0;}
.widget p { padding:2px; }
.widget h4 { text-transform:uppercase; color:#d7722f; font-size:11px; font-weight:normal; border-bottom:1px dotted #bcbcbc; padding:10px 0 5px 0; }

.widget ul { list-style-type:none;}
.widget li { padding:7px 0 7px 15px; border-bottom:1px dotted #bcbcbc; background:no-repeat left center;}
.widget li a { font-size:11px; color:#808080; }
.widget li a:hover {color:#d7722f; }

.widget.pages li { background-image:url(images/icon_list_pages.gif);}
.widget.categories li { background-image:url(images/icon_list_categories.gif);}
.widget.blogroll li { background-image:url(images/icon_list_blogroll.gif);}
.widget.posts li { background-image:url(images/icon_list_posts.gif);}
.widget.comments li { background-image:url(images/icon_list_comments.gif);}
.widget.archives li { background-image:url(images/icon_list_archives.gif);}
.widget.meta li { background-image:url(images/icon_list_meta.gif);}

.widget.tags { text-align:justify; width:226px; overflow:hidden;}
.widget.tags a {color:#808080; }
.widget.search table{ margin:10px 0 0 0;}
.widget.search input { border:1px solid #e1e1e1; height:18px;}
.widget.search .s_input {border-right:none; width:184px; color:#808080; font-size:11px;}

#footer_wrap {width:100%; padding:10px 0; margin-bottom:20px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; background:#FFFFFF;}
#footer { text-align:center; margin:0 auto; width:100%; font-size:11px;}[/CSS]
Заранее спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
samedi
samedi
сообщение 5.5.2011, 22:20; Ответить: samedi
Сообщение #2


#header { height:117px; width:1000px; margin:0 auto; position:relative; background: url(путь к картинке) no-repeat;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Klondayker
Klondayker
Topic Starter сообщение 5.5.2011, 22:24; Ответить: Klondayker
Сообщение #3


картинка снизу обрезается ((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 5.5.2011, 23:21; Ответить: adlic
Сообщение #4


[CSS]#header { height:200px; width:1000px; margin:0 auto; position:relative; background: url(путь к картинке) no-repeat;}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
samedi
samedi
сообщение 6.5.2011, 8:48; Ответить: samedi
Сообщение #5


а, извините, не увидел что надо 200 высота, но по-моему даже инвалиду понятно, для чего эти цифры, или вы не читаете? английский знаете? height/width... в школе учились?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3458 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3397 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1667 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1434 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 19.4.2024, 6:49
Дизайн