Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

проблемы с версткой

Обсуждение темы проблемы с версткой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Доброго дня! Такой вопрос: пытаюсь картинку разместить в правом верхнем углу. Она просто не появляется. На одном уровне с ней имеется картинка в ...


Закрытая тема
 
Опции темы
Старый 21.05.2010, 22:55   #1
Доброго дня!
Такой вопрос: пытаюсь картинку разместить в правом верхнем углу. Она просто не появляется. На одном уровне с ней имеется картинка в левом углу:
#pagebackground{
background-image: url('images/sun.gif');
background-repeat: no-repeat;
position:absolute;
background-position: top left;
height: 197px;
width: 192px;
margin: 10px 0 0 30px;
z-index: -2;
}
и логотип по центру(обтекание не задано).
Что может ей мешать?
Вообще-то раньше на этом месте была форма поиска. Удаляла стили, html который выводил поиск, но нужная картинка все равно не выводится.
 
Старый 21.05.2010, 22:55
Ссылки
Старый 21.05.2010, 23:01   #2
Проблему так не увидеть. Или код целиком или линк на страницу с траблом.
Цитата:
картинку разместить в правом верхнем углу
#pagebackground{
top: 0;
right: 0;

background-image: url('images/sun.gif');
background-repeat: no-repeat;
position:absolute;
background-position: top left;
height: 197px;
width: 192px;
margin: 10px 0 0 30px;
z-index: -2;
}
 
Старый 21.05.2010, 23:20   #3
body {
...
}

#pagebackground{
background-image: url('images/sun2.gif');
background-repeat: no-repeat;
position:absolute;
background-position: top left;
height: 197px;
width: 192px;
margin: 10px 0 0 30px;
z-index: -2;
}
#cloudbackground{
background-image: url('images/cloud.gif') no-repeat;
position:absolute;
background-position: top left;
height: 83px;
width: 125px;
z-index: -1;
}

.container {
width: 940px;
margin: 0 auto;

}

<div id="pagebackground"></div>
<div id="cloudbackground"></div>

Не выводится cloud.gif
 
Старый 21.05.2010, 23:23   #4
top: 0;
right: 0;
 
Старый 21.05.2010, 23:39   #5
Цитата:
Сообщение от Niemans Посмотреть сообщение
top: 0;
right: 0;
Не появилась
 
Старый 21.05.2010, 23:42   #6
Смысла дальнейшего обсуждения не вижу, если не хотите показать все целиком.
 
Старый 21.05.2010, 23:51   #7
Прошу прощения, я думала что все необходимое показала.

/* Theme name: Kids_club
*
*/
body {
font-size: 14px;
font-family: "Comic Sans MS",Arial, Lucida Console, Trebuchet MS;
color: #000000;
margin: 0;
padding: 0;
background: #ffff66;
background-image: url('images/footer1.gif');
height: 170 px;
background-repeat: repeat-x;
background-position: bottom left;

}

#pagebackground{
background-image: url('images/sun2.gif');
background-repeat: no-repeat;
position:absolute;
background-position: top left;
height: 197px;
width: 192px;
margin: 10px 0 0 30px;
z-index: -2;
}
#cloudbackground{
background-image: url('images/cloud.gif') no-repeat;
position:absolute;
top:0;
right:0;
height: 83px;
width: 125px;
z-index: -1;
}

.container {
width: 940px;
margin: 0 auto;

}


#head{
height:120px;
padding:15px 0 0 0;
}

#logocontainer{
margin: 0px 5px 0 405px;

}

#texttitles{
float:left;
margin:25px 15px 0 10px;
}

.site-name{
float:left;
margin:0;
padding:0;
font-size:40px;
font-weight:bolder;
text-shadow:1px 1px 1px #fff;
font-family: georgia;
padding:0 15px 0 0 ;
letter-spacing:-3px;
}

.site-name a{
color:#281906 !important;
}

.site-slogan{
float:left;
line-height:55px;
height:55px;
font-size:13px;
font-family:tahoma, arial;
font-weight:bolder;
padding-left:15px;
color:#735a1a;
text-shadow:1px 1px 1px #fff;
border-left:1px solid #553f10;
}
/*
* Primary Menu
*/
#primary_menu_bar{
height:50px;
width:940px;
margin: 30px 0 20px 0;
font-family:"Comic Sans MS", Tahoma, Arial, Sans-Serif;
padding-top: 40px;

}

#primary_menu_bar ul.menu li {
display: inline;
margin: 0;
height: 50px;
/*
font-family:"Comic Sans MS", Tahoma, Arial, Sans-Serif;
*/
font-size:14px;
font-weight:normal;
padding:5px 5px 0 35px !important;

}

#primary_menu_bar ul.menu li:hover, #primary_menu_bar ul.menu li.hover{
background:url(images/menu_hover.png) center center no-repeat;
}

#primary_menu_bar ul ul li:hover, #primary_menu_bar ul ul li.hover{
background-image:none;
}
#primary_menu_bar background{
background:#0033ff center no-repeat;
border-radius:2px;
-moz-border-radius:5px;
-webkit-border-radius:2px;
margin: 3px 3px 0 3px;

}
#primary_menu_bar ul li a, #primary_menu_bar ul li a:visited {
text-decoration: none;
color: #000000;
display: inline;
}


#primary_menu_bar ul li a:hover, #primary_menu_bar ul li a.active {
}

#primary_menu_bar ul {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
line-height:37px;
}

#primary_menu_bar ul li {
float: left;
position: relative;
z-index: 900;
}

#primary_menu_bar ul li a:hover {
color: #660066;
}

#primary_menu_bar ul li a {
float: none !important /*Non-IE6*/;
float: left /*IE-6*/;
text-decoration: none;
}

#primary_menu_bar ul li.expanded a {
padding-right: 12px;
}

#primary_menu_bar ul li.expanded {
background:url(images/arrow_dropdown.png) right center no-repeat;
}

#primary_menu_bar ul li.expanded li.expanded{
background-image:none;
}


#primary_menu_bar ul li ul {
display: none;
border: none;
padding: 0;
}

#primary_menu_bar ul li:hover a {
}

#primary_menu_bar ul li:hover ul, #primary_menu_bar ul li.hover ul {
display: block;
width: 175px;
position: absolute;
top: 50px;
z-index: 999;
left: 0;
background: #660066;
border-left: 3px solid #660066;
border-bottom: 4px solid #660066;
-moz-opacity: .92;
opacity: .92;
margin:0 0 0 25px;
}

#primary_menu_bar ul li:hover ul ul, #primary_menu_bar ul li.hover ul ul {
display: none;
visibility: hidden;
}

#primary_menu_bar ul li:hover ul li, #primary_menu_bar ul li:hover ul li.leaf, #primary_menu_bar ul li.hover ul li, #primary_menu_bar ul li.hover ul li.leaf {
margin: 0;
list-style-image: none;
padding: 0 !important;
list-style: none;
height: auto;
}

#primary_menu_bar ul li:hover ul li a, #primary_menu_bar ul li:hover ul li a:visited, #primary_menu_bar ul li.hover ul li a, #primary_menu_bar ul li.hover ul li a:visited {
display: block;
width: 160px;
height: auto;
line-height: 20px;
padding: 6px 0 6px 15px;
border-bottom: solid 1px #222;
background: none;
color: #fff;
font-size: 13px;
}

#primary_menu_bar ul li:hover ul li a:hover, #primary_menu_bar ul li.hover ul li a:hover {
background: url(images/top_bar.jpg) top;
color: #fff;
text-decoration: none;
}


/*
* Forms
*/

#wrap input.form-text{
background:#f6f5f1 url(images/input-text.jpg) top repeat-x;
border-left:1px solid #c9c2a9;
border-top:1px solid #fff;
border-right:1px solid #c9c2a9;
border-bottom:1px solid #fff;
color:#000;
padding:2px 5px;
width:95%;
}

#wrap textarea{
background:#660066 url(images/input-text.jpg) top repeat-x;
border:1px solid #c9c2a9;
color:#000;
padding:2px 5px;
width:95%;
}

.resizable-textarea{
width:100%;
}
/*сохранить настройки*/
#wrap input[type=submit], #wrap input[type=button]{
background:#cc0000;
border-right:1px solid #a5835a;
border-bottom:1px solid #a5835a;
border-left:1px solid #000;
border-top:1px solid #000;
color:#f1ede0;
padding:5px 20px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-weight:bolder;
font-family:monospace;
}

.form-item .description{
padding:2px 0;
font-size:.9em;
}

form label{
font-size:12px;
font-family:tahoma;
}

#wrap_center form{
margin:15px 0;
}

select{
background:#fff url(images/input-text.jpg) top repeat-x;
border-style:solid;
border-width:1px;
border-color:#A5835A #FFFFFF #FFFFFF #A5835A;
font-family:monospace;
}

.resizable-textarea .grippie {
background-color:#ece9dc;
border-color:#c9c2a9 ;
}

/*
* Wrap structure
*/
#wrap{
min-height:400px;
margin-bottom:20px;
}

#wrap #wrap_left{
width:180px;
float:left;
}

#wrap #wrap_right{
width:180px;
float:right;
}

#wrap #wrap_center{
float:left;
}

.no_side #wrap #wrap_center{
width:900px;
margin: 0 15px;
}

.left_side #wrap #wrap_center{
width:715px;
margin: 0 15px;
}

.right_side #wrap #wrap_center{
width:695px;
margin: 0 15px;
}

.both_sides #wrap #wrap_center{
width:500px;
margin: 0 0px 0 35px;
}

/*
* Blocks and Lists
*/


#wrap_left a{
color:#322201;
text-decoration:underline;
}

#wrap .block-comment .item-list ul{
padding:0;
}

#wrap .block-comment .item-list ul li{
padding:0;
list-style:none;
list-style-image:none;
border: none;
margin-bottom:8px;
line-height:18px;
color:#4e452e;
}

.item-list ul li{
margin:5px 0;
}

#wrap_center ul{
padding:0 1em 0.25em 1.8em;
font-family:Lucida Console, monospace;
}

#wrap_center ol{
padding:0 1em 0.25em 1.2em;
font-family:Lucida Console, monospace;
}

#wrap #left_inner .picture img{
border: 4px dotted #ff9933;

}

#wrap #left_inner #left_inner_inner{
padding:0 8px 0 10px;
margin-top:-22px;

}

#wrap #left_inner .blocktitle{
font-size:18px;

}


#wrap_left ul li, #wrap_left ul li.leaf{
border-bottom:1px solid #a99669;
}

#wrap_left ul li.expanded{
border-bottom: none;
}

#wrap ul li, #wrap ul li.leaf{
list-style-image:url(images/ball.png);
line-height:22px;
}

#wrap ul li.expanded{
list-style-image:url(images/menu-expanded.png);
}

#wrap ul li.collapsed{
list-style-image:url(images/menu-collapsed.png);
}

#wrap .block{
padding-bottom:28px;
}

#wrap .block ul a:hover{
color:#cc3366 !important;
}

#wrap .block ul.menu{
padding:0 1em 0.25em .8em;
font-family:Lucida Console, monospace;
}

#wrap_left .block ul.menu a, #wrap_left .block ul.menu a:visited{
color:#322201;
text-decoration:none;;
}

/*
* Block->right dark
*/

#right_dark{
margin-top: 40px;
}

#right_dark .block{
position:relative;
margin-bottom:18px;
padding:0;
color:#000000;
}

#right_dark .right_dark_block_inner{
padding:5px 0 5px 0px;
margin:0;
}
#right_dark .block .blocktitle{
font-size:18px;
margin-top:-28px;
text-align:center;

}
#right_dark .block .blocktitle #img{
position:absolute;
z-index:-1;
background-image: url('images/BlockHeader.png') no-repeat;
height:30px;

}
#right_dark .block .content{
padding:6px 3px;
}

#right_dark a, #right_dark a:visited{
color:#000;
}

#right_dark .block-comment .item-list ul li{
color:#eee;
}

#right_dark ul li, #right_dark ul li.leaf{
list-style-image:url(images/bullet-light.png);
line-height:22px;
}

#right_dark ul li.expanded{
list-style-image:url(images/menu-expanded-light.png);
}

#right_dark ul li.collapsed{
list-style-image:url(images/menu-collapsed-light.png);
}

#right_dark input.form-text{
background:#f3f1d8;
border-bottom:none;
border-right:none;
border-top:1px solid #86754b;
border-left:1px solid #86754b;
padding:2px 4px;
font-family:"Comic Sans MS",Lucida Console, monospace;
font-size:14px;
}

#right_dark #user-login-form input.form-text{
width:130px;
font-family:"Comic Sans MS",Lucida Console, monospace;
}

#user-login-form input.form-submit{
width:130px;
border:none !important;
padding:0;
margin:8px 0;
height:24px;
line-height:24px;
text-align:center;
background:url(images/login_submit.jpg) center center no-repeat;
font-family:"Comic Sans MS",Arial,Lucida Console, monospace;
font-weight:bolder;
font-size:13px;
color:#000;
}

#right_dark label{
font-weight:normal;
font-family:"Comic Sans MS",Arial,Lucida Console, monospace;
}

/*
* Blocks->right main
*/

#rightside {
min-height:490px;
width:204px;

}

#rightside #right_block_inner{
width:204px;
position:relative;
min-height:490px;
background:url(images/right_top.jpg) top no-repeat;
}

#rightside #right_bottom{
background:url(images/right_bottom.jpg) bottom no-repeat;
min-height:490px;
}

#rightside .block{
padding:9px 5px 9px 5px;
}

#rightside .block .blocktitle{
font-size:18px;
text-align: center;
}

#rightside .block .content{
padding:5px;
}

#rightside .block a, #rightside .block a:visited{
color:#cc3366;
font-weight:bolder;
}

#rightside .block ul.menu a, #rightside .block ul.menu a:visited, #rightside .block .item-list a:visited, #rightside .block .item-list a{
text-decoration:none;;
}

#rightside ul li{
border-bottom:1px solid #a99669;
}

#rightside ul li.expanded{
border-bottom: none;
}

/*
* Blocks->content top
*/

#content_top{
padding:25px;
min-height:140px;
}

#content_top a, a:visited{
color:#322201;
}

#content_block_cover1{
background:url(images/content_block_bg.jpg) repeat-y center;
margin-bottom:20px;
width:510px;
}



#content_top .block{
padding:10px 0;
}

/*
* Blocks->content bottom
*/

#content_bottom{
padding:25px;
min-height:140px;
}

#content_bottom a, a:visited{
color:#322201;
}

#content_bottom_block_cover1{
background:url(images/content_block_bg.jpg) repeat-y center;
margin-top:20px;
margin-bottom:20px;
width:510px;
}

#content_bottom_block_cover2{
background:url(images/content_block_top.jpg) no-repeat top center;
}

#content_bottom_block_cover3{
background:url(images/content_block_bottom.jpg) no-repeat bottom center;
}

#content_bottom .block{
padding:10px 0;
}

/*
* Blocks -> Ad blocks
*/

#main_adbanner{
text-align:center;
margin-bottom:20px;
}

#above_content_ad{
margin-bottom:20px;
}

#right_ad{
margin-bottom:18px;
}

#right_ad .block{
padding:12px;
}

#right_ad .blocktitle{
font-size:14px;
font-weight:bolder;
background-image: url('images/BlockHeader.png') no-repeat;
display:block;
position:absolute;
z-index:2;
height: 30px;
}
/*
* Wrap theme -> Content area
*/

#wrap_center{

}

#mission{
padding:10px 20px;
border:1px dashed #412d1f;
margin:0 0 20px 0
}

#wrap_center h1{
font-size:28px;
color:#000000;
font-family:"Comic Sans MS",Trebuchet MS, Lucida Console;

}

#wrap_center h1, #wrap_center h2{
font-family:"Comic Sans MS",Trebuchet MS, Lucida Console;
text-align: center;
}

#wrap_center h1 a, #wrap_center h2 a{
color:#000;
}

#wrap_center div.submitted{
width:61px;
height:48px;
font-size:12px;
background:url(images/submitted.jpg) center center no-repeat;
color:#f1eddf;
text-align:center;
float:left;
line-height:20px;
padding:6px 0 0 0;
letter-spacing:-1px;
margin:5px 8px 5px 0;
}

#wrap_center div.submitted .larger{
font-size:13px;
font-weight:bolder;
}

#wrap_center .node div.links{
margin:10px 0;
}

#wrap_center .node div.terms{
margin:5px 0;
text-align:center;
}

#wrap_center .node div.links a{
color:#F3F0E0;
}

#wrap_center .node div.links ul{
padding:0 5px;
background:#cc0000 ;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
float:right;
color:#F3F0E0;
}

#wrap_center .node div.links ul li{
padding:0 15px;
}

#wrap_center .node .picture img{
float:right;
width:50px;
height:50px;
margin:5px 0 0 5px;
border:4px solid #cec0a2;
}

#wrap_center .node .content{
padding:1px;
text-align:justify;
}
/*
* Tabs
*/
#wrap_center .tabs ul.primary{
margin:0;
padding:0;
}

#wrap_center .tabs ul.primary li{
padding:0;
margin:0;
}

#wrap_center .tabs ul.primary li a{
padding:2px 20px;
color:#fff;
}
/*список, настроить*/
#wrap_center ul.primary li.active a, #wrap_center ul.primary li a:hover{
background:#660066;
}

#wrap_center ul.primary li a{
background:#cc0066;
line-height:12px;
}

#wrap_center .tabs ul.primary {
margin:0;
padding:0;
}

ul.primary {
border-bottom:1px solid #321e12;
}

/*
* Comments
*/

h2.comments{
font-size:26px;
}

.comment {
width:488px;
margin:20px auto 10px auto;
padding:35px 13px 25px 14px;
background:url(images/comment_hanger.gif) top center no-repeat;
position:relative;
}

.comment .comment-inner{
background:url(images/comment_paper_top.jpg) top center no-repeat;
min-height:181px;
}

.comment .comment-inner2{
background:url(images/comment_paper_bottom.jpg) bottom center no-repeat;
min-height:161px;
padding:20px 20px 10px 20px;
}

.comment .comment-paper{
background:url(images/comment_paper.jpg) top center repeat-y;
}

.indented{
margin:0 !important;
}

.comment h3{
padding:0;
}

.comment h3 a{
color:#322201;
}

.comment p{
margin:0.6em 0 0.6em
}

.comment .submitted{
color:#8b7e43;
}

.comment div.picture{
float:left;
margin:0 10px; 0 0x;
border:4px solid #cec0a2;
}

.comment div.links a{
color:#322201;
font-weight:bolder;
}

#comment-controls{
padding:6px 10px;
background:#e3dcc5;
color:#f0ecde;
}

#comment-controls {
color:#64461a;
margin:0 20px !important;
border-top:1px solid #6f4e1c;

}

#comment-controls .box, #comment-controls .box .content, #comment-controls .box .content2, #comment-controls .box .content3, #comment-controls .box .content4{
background:none !important;
padding:0 !important;
}

#comment-controls h2{
font-size:14px;
font-weight:bolder;
}

#comment-controls .form-item{
display:block;
margin:5px 0;
}

#wrap .comment div.links ul{
text-align:right;
padding:5px 0;
}

#wrap .comment div.links ul li{
padding: 0 0 0 8px;
}

/*
* Comments->form
*/
#comments{
width:510px;
margin:auto;
}

#comment-form .content1{

}

#comment-form .content2 {

min-height:36px;
}
#comment-form .content3{
min-height:36px;

}

#comment-form .content4{
padding:25px 45px 20px 50px;
}

#comment-form .content textarea{
height:120px;
}

#comment-form{
width:510px;
}

#comment-form .comment{
background:none !important;
width:385px;
margin:auto;
padding:15px;
background:#d4c8a9;
}

#comment-form .comment .comment-inner2, #comment-form .comment .comment-paper, #comment-form .comment .comment-inner1, #comment-form .comment .comment-inner, #comment-form .comment .comment-inner3{
padding:0;
background:none ;
}

#comment-form .reply_img, .reply_img{
display:none;
visibility:hidden;
}

.indented .reply_img{
position:absolute;
display:block;
visibility:visible;
left:-15px;
top:50px;
}

.box h2.areatitle{
border-bottom:1px solid #000;
margin:20px 0;
}



/*
* Pager
*/
li.pager-item a{
background:#513610;
padding:2px 4px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
color:#ede7db;
}

.pager a{
text-decoration:none;
}
/*
* Photo
*/

#gallery{
background-image: url(images/parovoz3.gif);
margin-bottom: 40px;
height:156px;
width:917px;
position:absolute;
z-index: 4;
}

.photo{
height:75px;
width:100px;
background-repeat:no-repeat;
position:absolute;
}
#photo1{
background-image: url(images/IMG_2390_2.jpg);
margin-left:190px;
margin-top:38px;
z-index:6;
}
#photo2{
background-image: url(images/IMG_2371.jpg);
margin-left:373px;
margin-top:44px;
z-index:7;
}
#photo3{
background-image: url(images/IMG_2378.jpg);
margin-left:550px;
margin-top:30px;
z-index:8;
}
#photo4{
background-image: url(images/IMG_2400.jpg);
margin-left:735px;
margin-top:36px;
z-index:9;
}
/*
* Footer
*/


#footer{

height:170px;
background-image:url(images/footer_1.jpg);
background-repeat:repeat-x;
z-index: 3;
margin-top:10px;
color:#fff;
font-family:Lucida Console, monospace;
font-size:12px;

}


#footer * a{
color:#26c6cc;
text-decoration:none;
}

#footer * a:hover{
text-decoration:underline;
}

#footer #footer_message{
float:left;
margin-right:10px;
text-align:left;
padding:28px 0 0 25px;
font-size:11px;
max-width:400px;
}

#footer .credit{
color:#af9880;

}

#footer .credit a{
color:#d3a87d;
}

#footer #footer_region{
float:right;
text-align:left;
}

#footer #footer_region ul{
padding:0;
}

#footer #footer_region ul li{
float:left;
display:inline;
list-style:none;
list-style-image:none;
line-height:15px;
margin:0;
padding:0 8px 0 0 ;
}

#footer #footer_region .block{
margin:0;
padding:22px 10px 0 10px;
float:left;
}

#footer #footer_region .blocktitle{
display:inline;
font-size:12px;
font-weight:bolder;
margin:0;
padding:0;
}

и page.tpl

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php print $head_title ?></title>
<?php print $head ?>
<?php print $styles ?>
<style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/master_reset.css";</style>
<!--[if lt IE 7]>
<style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/fix-ie6.css";</style>
<![endif]-->
<?php print $scripts ?>
</head>
<body class="<?php print $body_classes; print ' mainbody'; print get_sidebar_state($sidebar_first, $sidebar_last, $right_dark); ?>">



<div id="pagebackground"></div>
<div id="cloudbackground"></div>



<div id="head">
<?php if ($logo) { ?><div id="logocontainer"><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a></div><?php } ?>
<?php if($site_name || $site_slogan) { ?>
<div id="texttitles">
<?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
<?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?></div><?php } ?>
</div>
<?php } ?>
</div>
<?php if ($search_box){ ?>
<div id="head_right">
<div id="grunge_search">
<?php print $search_box; ?>
</div>
</div>
<?php } ?>


<div class="container">

<?php if (isset($primary_links)) : ?>
<div id="primary_menu_bar">
<?php print menu_tree($menu_name = 'primary-links'); ?>
</div>
<?php endif; ?>

<div id="wrap" class="clear-block">

<?php if($main_banner){ ?>
<div id="main_adbanner" class="clear-block">
<?php print $main_banner; ?>
</div>
<?php } ?>

<?php if($sidebar_first) { ?>
<div id="wrap_left" class="clear-block">
<div id="left_top"><img src="<?php print base_path() . path_to_theme() ?>/images/left_top.jpg" alt=""/></div>
<div id="left_inner">
<div id="left_inner_inner">
<?php print $sidebar_first ;?>
</div>
<div id="left_bottom"><img src="<?php print base_path() . path_to_theme() ?>/images/left_bottom.png" alt=""/></div>
</div>
</div>
<?php } ?>


<div id="wrap_center" class="clear-block">
<div id="wrap_inner">

<?php if($above_content_ad){ ?>
<div id="above_content_ad" class="clear-block">
<?php print $above_content_ad; ?>
</div>
<?php } ?>

<?php if($content_top) {?>
<div id="content_block_cover1">
<div id="content_block_cover2">
<div id="content_block_cover3">
<div id="content_top">
<?php print $content_top; ?>
</div></div></div></div><?php } ?>
<?php if ($mission): print '<div id="mission">'. $mission .'</div>'; endif; ?>

<?php if($breadcrumb){ ?><?php print $breadcrumb ?><?php } ?>
<?php if($title){ ?><h1 class="title"><?php print $title ?></h1><?php } ?>
<?php if($tabs){ ?><div class="tabs"><?php print $tabs ?></div> <?php } ?>
<?php if ($show_messages) { print $messages; } ?>
<?php if($help){ ?><?php print $help ?><?php } ?>
<?php print $content; ?>
<?php print $feed_icons ?>

<?php if($content_bottom) {?>
<div id="content_bottom_block_cover1">
<div id="content_bottom_block_cover2">
<div id="content_bottom_block_cover3">
<div id="content_bottom">
<?php print $content_bottom; ?>
</div></div></div></div><?php } ?>
</div>
</div>


<?php if($right_dark || $sidebar_last) { ?>
<div id="wrap_right" class="clear-block">

<?php if($right_dark){?>
<div id="right_dark" class="clear-block">
<?php print $right_dark ;?>
</div>
<?php } ?>

<?php if($right_ad){ ?>
<div id="right_ad" class="clear-block">
<?php print $right_ad; ?>
</div>
<?php } ?>


<?php if($sidebar_last){?>
<div id="rightside" class="clear-block">
<div id="right_block_inner" class="clear-block">
<div id="right_bottom" class="clear-block">
<?php print $sidebar_last ;?>
</div>
</div>
</div>
<?php } ?>
</div>
<?php } ?>


<br clear="all" class="clear-block"/>

</div>

<div id="gallery">

<div id="photo1" class="photo"></div>
<div id="photo2" class="photo"></div>
<div id="photo3" class="photo"></div>
<div id="photo4" class="photo"></div>
</div>
</div>
<div id="footer" class="clear-block">



<div id="footer_message"><?php print $footer_message ?><br />

</div>
<div id="footer_region"><?php print $footer ?></div>
</div>

</div>
</div><!-- container -->

<?php print $closure ?>
</body>
</html>
 
Старый 22.05.2010, 00:00   #8
#cloudbackground{
background: url('images/cloud.gif') no-repeat;
...
}
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
parch (22.05.2010)
Старый 22.05.2010, 00:07   #9
Спасибо, сработало! На будущее: почему два раза нельзя использовать background-image?
 
Старый 22.05.2010, 00:10   #10
Вы в background-image еще и background-position вставили. Лучше просто писать background: и перечислять (цвет, фон. рисунок, позиционирование и тд)
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
gloria92 (06.09.2010)
Старый 22.05.2010, 00:10
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с версткой moby dik HTML, CSS, JavaScript 3 16.06.2015 11:36
Геммор с версткой volFernion HTML, CSS, JavaScript 36 26.08.2010 10:07
Проблема с версткой volFernion HTML, CSS, JavaScript 12 08.06.2010 05:21
Задачка с версткой Distant HTML, CSS, JavaScript 13 08.03.2010 10:27
Проблемка с версткой m_Stasuk HTML, CSS, JavaScript 4 24.04.2006 11:36


Текущее время: 02:40. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум