На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум вебмастера » Разное » Архив » помогите пожалуйста вопрос касается css (нужно из двух блоков сделать один (решено))
помогите пожалуйста вопрос касается css
simbiotmegos Дата: Четверг, 09.08.2012, 11:08 | Сообщение # 1
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
Code
body {
font-size: 12px;
font-family: Tahoma, Verdana, sans-serif;
color: #333;
text-align: center;
margin: 0;
padding: 0;
background: #cdcdc5;
}

#temp_body1 {
background: url('/images/main_bg.jpg') center top repeat-y;
}
#temp_body2 {
background:url('/images/bg_img.jpg') center top no-repeat;
width: 1010px;
margin: 0 auto;
}
#container {
width: 1000px;
margin: 0 auto;
background:url('/images/bg.jpg') center top repeat-y;
}

#top {
height: 394px;
padding:0;
margin:0;
}
.userbox {
height:30px;
line-height:30px;
}
#usermenu {
float: left;
margin-top:20px;
width: 394px;
height: 30px;
overflow:hidden;
text-align: center;
padding: 0;
}

#searchbox {
width:201px;
height:36px;
margin-top:20px;
padding-left:60px;
float:right;
overflow:hidden;
text-align:right;
background: url('/images/searchform.gif') right center no-repeat;
}

#searchbox input[type="text"],#searchbox .queryField {
display:block;
float:left;
width:156px;
height:18px;
margin-top:6px;
border:0;
background:none;
color:#666;
}

#searchbox input[type="submit"],#searchbox .searchSbmFl {
display:block;
float:left;
width:18px;
height:18px;
margin-left:4px;
border:0;
background:none;
cursor:pointer;
overflow:hidden;
text-indent:10000px;
}

.dateblock {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 30px;
padding: 0 12px 0 28px;
color: #433c3c;
text-align:left;
margin-top:20px;
float:left;
display:block;
width:300px;
}

.nav {
list-style-type: none;
margin: 0;
padding: 0 22px 0 28px;
white-space: nowrap;
text-align: center;
}

.nav li {
float: left;
margin: 0;
padding: 0;
height: 30px;
line-height: 30px;
display:block;
font-size: 11px;
}

.nav .page_item a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #433c3c;
text-decoration: none;
}

.nav .page_item a:hover {
text-decoration:underline;
}

#headerimg {
padding: 114px 30px 0 500px;
text-align: right;
margin: 0;
}

#headerimg span {
padding:80px 0 40px 0;
display:block;
height:30px;
}

#headerimg h1,#headerimg h1 a {
color:#434343;
text-align: center;
font-size:30px;
line-height:58px;
font-family: "Times New Roman", Times, serif;
height:60px;
overflow:hidden;
letter-spacing:-2px;
}

#topmenu,.tpmn_t {
margin: 0;
padding: 0;
height:36px;
}

.tpmn_l {
width:7px;
background: url('/images/tpmn_l.gif') left center no-repeat;
}

.tpmn_c {
background: url('/images/tpmn_c.gif') right center repeat-x;
}

.tpmn_r {
width:5px;
background: url('/images/tpmn_r.gif') right center no-repeat;
}

#topmenu ul {
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
text-align: center;
}

#topmenu ul li {
display:block;
float:left;
margin: 0;
padding: 0 1px 0 0;
height: 32px;
background: url('/images/menu_li.png') right top no-repeat;
}

#topmenu ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-align:left;
display: block;
line-height: 32px;
padding: 0 8px 0 8px;
color: #fff;
text-decoration: none;
}

#topmenu ul li a:hover,#topmenu a.uMenuItemA {
text-decoration: none;
color: #e0e0d8;
background: url('/images/menu_li_h.png') left top repeat-x;
}

#wrapper1 {
width:990px;
margin: 0 auto;
text-align: left;
background: url('/images/content_bg.png') center top repeat-y;
}

#wrapper2 {
background: url('/images/content_top.png') center top no-repeat;
}

#wrapper3 {
background: url('/images/content_bottom.png') center bottom no-repeat;
}

#content {
font-size: 12px;
padding: 20px 26px 20px 20px;
width:582px;
}

#footer {
padding: 0;
margin: 0;
}

#footer p {
margin: 0;
padding: 10px 20px 10px 0;
line-height:18px;
text-align: right;
color:#666;
}

small {
font-family: Tahoma, Verdana, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
}

h2, h3 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: bold;
}

h2 {
font-size: 1.2em;
}

.sidebar h2 {
color: #fff;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
text-align: center;
height: 26px;
width: 170px;
text-decoration: none;
padding: 0;
font-weight: bold;
line-height: 26px;
margin: 0;
text-transform: uppercase;
}

.sidebar .widgetblock {
background: url('/images/h2.png') center top no-repeat;
}

h3 {
font-size: 1.1em;
}

h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
color: #777;
font-weight: bold;
}

.description {
font-size: 14px;
text-align: left;
text-decoration: none;
color: #666;
font-weight: normal;
}

.description span {
display:none;
}

#headerimg a:hover {
text-decoration: none;
}

h2, h2 a, h2 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, .sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

h3, h3 a, h3 a:visited {
text-decoration: none;
color: #333;
}

h3 a:hover {
text-decoration: none;
color: #666;
}

a {
text-decoration: underline;
font-weight: normal;
color: #666;
}
h2 a:hover {
text-decoration: none;
color: #666;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #777;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 26px;
text-align: left;
margin: 5px 0 0 0;
}

h2 {
margin: 0;
}

h3 {
margin: 0;
}

.sidebar ul, .sidebar ul ol {
margin: 0;
padding: 0;
}

.sidebar div.widget {
margin-bottom: 14px;
padding:10px 17px 20px 17px;
background: url('/images/side_body.png') bottom center no-repeat;
}

.sidebar a:hover {
color:#333;
}

.sidebar ul p, .sidebar ul select {
margin: 5px 0 8px;
}

.sidebar ul ul, .sidebar ul ol {
margin: 2px 6px;
}

.sidebar ul ul ul, .sidebar ul ol {
margin: 0;
}

.sidebar ol li, .sidebar ul ol li, ol li {
list-style-type: none;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li, .sidebar ol li, .sidebar .catsTable td {
margin: 0;
border: none;
background: none;
border-bottom:1px dotted #dadada;
}

.sidebar ul li a, .sidebar ol li a, .sidebar .catsTable a {
line-height: 18px;
padding: 0 0 0 12px;
text-decoration: none;
color: #666;
font-weight: normal;
font-size: 11px;
background: url('/images/menu_row.jpg') center left no-repeat;
margin: 0;
height: 18px;
}

.sidebar ul li a:hover, .sidebar ol li a:hover, .sidebar .catsTable a:hover {
color: #333;
}

.sidebar {
width: 170px;
text-align: left;
margin: 0 4px 0 0;
float:left;
padding: 30px 0 20px 0;
font-family: Tahoma, Verdana, sans-serif;
}

.sidebar form {
margin: 0;
padding:0;
}

hr {
visibility:hidden;
margin:2px;
padding:0;
}

img {
border: none;
}

.clr {
clear: both;
}

/*-------------------- MODULES ----------------------*/
.eBlock {
padding: 0px;
margin-bottom:10px;
background: url('/images/titles.png') left top no-repeat;
}

.eTitle,.gTableTop {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
text-transform:uppercase;
color: #fff;
font-weight: bold;
padding: 0 10px;
height: 25px;
line-height:20px;
font-weight: bold;
}
.gTableTop {
border-bottom: 0;
background:#303031 url('/images/titles.gif') left center no-repeat;
}
.gTable a {color:#666;}
.eTitle a,.gTableTop a {color:#fff;font-weight:bold;text-decoration:none;}
.eTitle a:hover,.gTableTop a:hover {color:#ccc;}
.eMessage,.eText {
padding:4px 6px 6px 6px;
}
.eMessage img,.eText img {
border:2px solid #CCC;
}
.gTableSubTop,.forumIcoTd,.forumThreadTd,.forumLastPostTd,.forumArchive,.gTableRight,.postBottom,.postSeparator,.gTableLeft,.gTableBody,.gTa  bleError,.gTableBottom,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadIcoTd,.threadPostTd,.threadViewTd,.threadsType,.threadsDetails,.  forumOnlineBar,.postPoll {
background:#f8f8f8;
padding:2px 6px;
}
.forumNameTd,.forumPostTd,.gTableBody1,.postTdInfo,.posttdMessage {
background:#fff;
padding:2px 6px;
}
.postTdTop {
background:#f0f3f6;
}
.postTable {
border:1px solid #fff;
}
.codeMessage {background:#f0f3f6;font-size:9px;border:1px dotted #f0f3f6;}
.quoteMessage {background:#f0f3f6;font-size:9px;border:1px dotted #f0f3f6;}
.forumDescr,.forumModer {color:#888888;font-size:7pt;}
.forumViewed {font-size:9px;}
.gTable {
background:#dadada;
}
.fastNavMain {background:#5095eb;color:#FFFFFF;}
.fastNavCat {background:#f0f3f6;color:#655d5d;}
.fastNavCatA {background:#F9E6E6;color:#655d5d;}
.fastNavForumA {color:#0000FF}
.pagesInfo {background:#fff;padding-right:10px;font-size:7pt;}
.switches {background:#dadada;}
.switch {background:#fff;width:15px;font-size:7pt;}
.switchActive {background:#f0f3f6;font-weight:bold;color:#655d5d;width:15px}
.eDetails,.eDetails1,.eDetails2,.eDetails3{
padding:6px;
font-size:10px;
border-top: 1px solid #dadada;
}

.cBlock1,.cBlock2,.commTable {
border: 1px solid #dadada;
background:#f8f8f8;
}
.commTable {padding-left:4px;}
.commFl {width:99%;}
.calWday,.calWdaySe,.calWdaySu {
width:19px;
}
.calMdayIs {
font-weight:bold;
}
.calWdaySe,.calWdaySu {
font-weight:bold;
}
.calWdaySe,.calWdaySu {
color:#655d5d;
}
.statusOffline {color:#F00;}
.statusOnline {color:#060;}
input[type="text"],input[type="password"],input[type="checkbox"],select,option,textarea {background:#fff; border:1px solid #dadada;}
input[type="button"],input[type="reset"],input[type="submit"],button {background:#f3f3f3; border:1px solid #dadada; margin:2px 0;}

#frM58,#frM5 {width:444px;}
.popuptitle {background:#303031 url('/images/titles.gif') left top no-repeat;height:30px;padding:4px 2px;color:#fff;border:1px solid #dadada;}
.popupbody {background:#fff;padding:6px;border:1px solid #dadada;}
.popuptable {margin:0 auto;}


Добавлено (09.08.2012, 00:36)
---------------------------------------------
нужно чтобы блок был по центру

Добавлено (09.08.2012, 11:08)
---------------------------------------------
Блок один я уже сделал теперь осталось его поставить по центру и сделать по шире помогите пожалуйста можете посмотреть сами вот сайт
 
antisept Дата: Четверг, 09.08.2012, 17:25 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
simbiotmegos,какой блок? Выражайтесь яснее

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
simbiotmegos Дата: Четверг, 09.08.2012, 21:03 | Сообщение # 3
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
блок которые находятся с права посмотри megos.my1.ru

Сообщение отредактировал simbiotmegos - Четверг, 09.08.2012, 21:44
 
komar Дата: Пятница, 10.08.2012, 00:14 | Сообщение # 4
Offline
Свой человек
Продвинутые
Сообщений:712
Награды:6
Замечания:0%
Репутация
168
Quote (simbiotmegos)
блок которые находятся с права посмотри megos.my1.ru

Что за блок, не понятно... подробнее объясните...


 
simbiotmegos Дата: Суббота, 11.08.2012, 11:38 | Сообщение # 5
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
блоки что на сайте с права как их расширить

Добавлено (11.08.2012, 11:38)
---------------------------------------------
help help help help help help

 
-SAM- Дата: Суббота, 11.08.2012, 14:54 | Сообщение # 6
Offline
Заглянувший
Проверенные
Сообщений:18
Награды:2
Замечания:0%
Репутация
82
simbiotmegos, в своей таблице стилей нужно найти класс sidebar, в нём есть width: 170px; - это и есть ширина контейнера.
 
simbiotmegos Дата: Суббота, 11.08.2012, 21:48 | Сообщение # 7
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
не получается
 
Сай_22 Дата: Воскресенье, 12.08.2012, 01:45 | Сообщение # 8
Offline
Здесь могла бы быть Ваша реклама
Администраторы
Сообщений:2145
Награды:23
Репутация
487
simbiotmegos, у вас там шапка блока - картинка. Если поставить repeat-x, то будет не красиво.
Если что, то к
Code
.sidebar .widgetblock

добавляете атрибут
Code
width

а в атрибуте
Code
background

меняете
Code
no-repeat

на
Code
repeat-x
.
Сделали? Теперь поймите, что вышла дикая хрень и замените картинку на простой цвет.


Правила сайта

Если всё было бы так просто, никто бы не страдал в этом мире. © Zidane Tribal

 
Сай_22 Дата: Воскресенье, 12.08.2012, 01:46 | Сообщение # 9
Offline
Здесь могла бы быть Ваша реклама
Администраторы
Сообщений:2145
Награды:23
Репутация
487
И помните:
Работая с CSS не забывай чистить кеш!


Правила сайта

Если всё было бы так просто, никто бы не страдал в этом мире. © Zidane Tribal

 
simbiotmegos Дата: Воскресенье, 12.08.2012, 02:55 | Сообщение # 10
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
Сай_22, спасибо hands :hands: hands :hands: ... только у меня еще один вопрос как
Quote (Сай_22)
simbiotmegos, у вас там шапка блока - картинка. Если поставить repeat-x, то будет не красиво.
как сделать цвет в шапке блока чтобы только там полоскою шол !!! А то у меня все блоки закрашивает


Сообщение отредактировал simbiotmegos - Воскресенье, 12.08.2012, 03:00
 
Сай_22 Дата: Воскресенье, 12.08.2012, 02:57 | Сообщение # 11
Offline
Здесь могла бы быть Ваша реклама
Администраторы
Сообщений:2145
Награды:23
Репутация
487
Code
.widgetblock h2 {background: #fff;}


Правила сайта

Если всё было бы так просто, никто бы не страдал в этом мире. © Zidane Tribal

 
simbiotmegos Дата: Воскресенье, 12.08.2012, 03:03 | Сообщение # 12
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
hands спасибо


Прим от Сай_22: читаем правила форума. А именно пункт 4.3. (нарушение исправлено)


Сообщение отредактировал Сай_22 - Воскресенье, 12.08.2012, 03:07
 
Сай_22 Дата: Воскресенье, 12.08.2012, 03:05 | Сообщение # 13
Offline
Здесь могла бы быть Ваша реклама
Администраторы
Сообщений:2145
Награды:23
Репутация
487
Feel Like CSS master

P.S. возродим плюсы за помощь!
Тему закрывать?


Правила сайта

Если всё было бы так просто, никто бы не страдал в этом мире. © Zidane Tribal

 
simbiotmegos Дата: Воскресенье, 12.08.2012, 11:18 | Сообщение # 14
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:17
Награды:0
Замечания:0%
Репутация
0
да
 
Форум вебмастера » Разное » Архив » помогите пожалуйста вопрос касается css (нужно из двух блоков сделать один (решено))
  • Страница 1 из 1
  • 1
Поиск: