Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

корректировка фона


Recommended Posts

Вообщем в стилях немного разобрался понял как сделать фон текстурами как сделать шапку . вопрос теперь такой. как сделать рабочую область сайта не прозрачной ?

на главной странице в рамках рекомендуемые последнии все норм но когда заходишь в категории фон пропадает и на темном фоне ниче не видно. вот сайт Клац

помогите дорубить как сделать фон рабочей области непрозрачный и заданного цвета

UPD

Вставил в этот код, этот

/* content */

#content .content {

padding: 20px;

overflow: auto;

margin-bottom: 30px;

border: 1px solid #EEEEEE;

border-radius: 7px 7px 7px 7px;

}

#content

{

min-height: 400px;

margin-bottom: 55px;

background-color: #FFFFFF;

}

#content .content .left {

float: left;

width: 49%;

}

#content .content .right {

float: right;

width: 49%;

}

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

пробовал с этими значениями

#content .content {

padding: 20px;

overflow: auto;

margin-bottom: 30px;

border: 1px solid #EEEEEE;

border-radius: 7px 7px 7px 7px;

}

но никаких изменений

Надіслати
Поділитися на інших сайтах


У меня нечто подобное было реализованно таким образом. За правильность не ручаусь, т.к. сам не спец и делал все методом тыка

#container {

width: 1024px;

margin-top: 15px;

margin-left: auto;

margin-right: auto;

text-align: left;

/* рамка с белым фоном вокруг всех данных*/

display: table;

bottom: 0px;

background-color:#FFFFFF;

border-radius: 10px 10px 0px 0px;

border-left: 1px solid #cccccc;

border-right: 1px solid #cccccc;

border-top: 1px solid #cccccc;

border-bottom: 1px solid #cccccc;

padding: 2px 10px 10px 10px;

/* рамка сбелым фоном вокруг всех данных*/

}

  • +1 1
Надіслати
Поділитися на інших сайтах


У меня нечто подобное было реализованно таким образом. За правильность не ручаусь, т.к. сам не спец и делал все методом тыка

#container {

width: 1024px;

margin-top: 15px;

margin-left: auto;

margin-right: auto;

text-align: left;

/* рамка с белым фоном вокруг всех данных*/

display: table;

bottom: 0px;

background-color:#FFFFFF;

border-radius: 10px 10px 0px 0px;

border-left: 1px solid #cccccc;

border-right: 1px solid #cccccc;

border-top: 1px solid #cccccc;

border-bottom: 1px solid #cccccc;

padding: 2px 10px 10px 10px;

/* рамка сбелым фоном вокруг всех данных*/

}

Вроде бы норм получилось =) спасибо !

upd

добавил код проще

#content

{

min-height: 400px;

margin-bottom: 25px;

padding: 15px;

background-color: #FFFFFF;

border: 1px solid #C4C4C4;

border-radius: 7px;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

}

Надіслати
Поділитися на інших сайтах


  • 4 weeks later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.