Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Фон и рамка в контейнере


Фон и рамка в контейнере

Сообщений 1 страница 10 из 10

1

Адрес: http://testakuma.mybb.ru/

Мучаю уже четвёртый час, получить желаемое не выходит, поиск по форуму ничего не дал.
Имеется таблица, в которой стоит скрипт контейнера:

верх:

Код:
<style>
.container1 {width:150px; margin: 0px; padding: 0px; background-color: transparent; border-style: none;}
ul.tabs {
margin-left: -15px;
margin-top: 0px;
float: left;
list-style: none;
}

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 65px;
line-height: 20px;
border: 0px !important;
background: url();
overflow: hidden;
position: relative;
}

ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 2px;
background: url();
outline: none;
}

ul.tabs li a:hover {
background: url();
border: 0px; 
} 

html ul.tabs li.active {
background: url(); 
border: 0px; 
} 

html ul.tabs li.active a:hover {
background: url();
border: 0px;
}

.tab_container1 {
clear: both;
float: left; 
width: 250px;
height: 200px;
background-image : url(); 
background-color: transparent; 
border: none; 

-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}

.tab_content {
padding: 10px;
}

.tab_content h2 {
font-weight: normal;
padding-bottom: 20px;
border: 0px;
}
</style>

http://s018.radikal.ru/i521/1206/d0/bc6a5066a882.png

При этом у обоих контейнеров автоматически прописывается пиксельная рамка и белый фон.
Рамки быть не должно и фона тоже. При этом модификации кода с добавлением border-style: none; и т.д. не помогают и ничего не меняют.
Пожалуйста, подскажите, как их можно убрать?
Заранее спасибо.

Отредактировано CyberKid (Пн, 25 Июн 2012 20:51:03)

0

2

CyberKid

<style type="text/css">
.punbb .html-box table td,
.punbb .html-box .container{
border:0 none;
background-color:transparent;
}
</style>

+1

3

Deff
http://mybb.ru/f/collection/0230.gif  http://mybb.ru/f/collection/0230.gif  http://mybb.ru/f/collection/0230.gif
в который раз - огромное спасибо!

0

4

Допвопросы:

1) Который из элементов отвечает за размеры поля 1 и который за размеры поля 2? выяснено методом тыка.

2) название какого элемента нужно указывать в коде, чтобы при наведении на кнопку-ссылку, прозрачность менялась?

Код:
opacity: 0.9;
a:hover { opacity: 1;}

3) Как добавить полосу прокрутки для поля 2?

Отредактировано CyberKid (Пн, 25 Июн 2012 23:08:44)

0

5

CyberKid написал(а):

3) Как добавить полосу прокрутки для поля 2?

Красное уберите

ul.tabs li {
background: transparent;
border: 0px none currentColor !important;
float: left;
height: 65px;
line-height: 20px;
margin: 0px;
overflow-x: hidden;
overflow-y: scroll;

padding: 0px;
position: relative;
}

+1

6

CyberKid написал(а):

2) название какого элемента нужно указывать в коде, чтобы при наведении на кнопку-ссылку, прозрачность менялась?

На какую кнопку,? - скриншот и стрелки

0

7

Deff написал(а):

Красное уберите

Это уже убрано.
Видно вы застали как раз в процессе "рабочего тыка"


2)http://s05.radikal.ru/i178/1206/dd/d67c42023b72.png

Вот этим кнопкам нужно задать прозрачность 1 при наведении. Однако сами кнопки картинками прописаны в обьявлении, а элементов в ХТМЛ-верху. И так как код не мой, а в ul li я уже запуталась - не могу понять какому элементу нужно прописывать это значение.

http://mybb.ru/f/collection/0208.gif

Отредактировано CyberKid (Вт, 26 Июн 2012 01:15:51)

0

8

По поводу хувера на кнопки - отбой тревоги, сделала сама ^_^
Однако почему-то странно отображается скролл в двух кнопках (2 и 4 сверху) - он в разы больше, чем наполнение поля, и при этом специально наставленных пробелов там нет. Подскажите, где код поправить?

Проблема решила сама собой)

Отредактировано CyberKid (Вт, 26 Июн 2012 01:12:01)

0

9

.

Отредактировано CyberKid (Ср, 27 Июн 2012 21:52:48)

0

10

А вот не тут то было.
Тест на кроссбраузерность завален.

В ИЕ 8 не работает 1)скрипт скролла в див-ах и 2)opacity кнопок (наша команда, Полезные ссылки т .д.) при hover.
Есть возможность поправить хотя бы первое?

Адрес: http://testakuma.mybb.ru/

Отредактировано CyberKid (Ср, 27 Июн 2012 16:05:14)

0


Вы здесь » Единый форум поддержки » Корзина » Фон и рамка в контейнере