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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Снятие контуров вокруг баннера при нажатии
erafia
erafia
Topic Starter сообщение 11.11.2009, 0:48; Ответить: erafia
Сообщение #1


При нажатии на изображение, которое является своеобразным баннером, на какое-то мгновение картинка очерчивается рамкой (контурами), после чего совершается переход на другую страницу. Что дописать в скрипте хтмл перед картинкой, чтоб этого не было. Или же это зависит только он настроек браузера?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fatery
fatery
сообщение 11.11.2009, 1:15; Ответить: fatery
Сообщение #2


я если честно мало что понял, может всё дело в a:hover? сайт покажите...


--------------------


Поблагодарили: (0)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_* Гость_0_*
сообщение 11.11.2009, 1:24; Ответить: Гость_0_*
Сообщение #3


(erafia @ 10.11.2009, 22:48) *
При нажатии на изображение, которое является своеобразным баннером, на какое-то мгновение картинка очерчивается рамкой (контурами), после чего совершается переход на другую страницу. Что дописать в скрипте хтмл перед картинкой, чтоб этого не было. Или же это зависит только он настроек браузера?

Это дело браузера


Поблагодарили: (0)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Banderas
Banderas
сообщение 11.11.2009, 2:40; Ответить: Banderas
Сообщение #4


Есть специальная функция в CSS. Вроде outline или типа того... можете поискать на форуме


Поблагодарили: (0)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fatery
fatery
сообщение 11.11.2009, 4:20; Ответить: fatery
Сообщение #5


Нужно увидеть сайт и код, тогда все дружно и подскажем.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
erafia
erafia
Topic Starter сообщение 11.11.2009, 13:43; Ответить: erafia
Сообщение #6


Сайт тот же, что я поставил в оценке: http://www.avktea.ru/ . Нажмите на 1 из блоков сверху: для магазинов или для офисов. Или на лого.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 11.11.2009, 13:48; Ответить: ZiTosS
Сообщение #7


erafia, эх... сложно же догадаться что это ссылки так работают. Не хотите подобного сделайте в css
a img
{
   border: 0;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
erafia
erafia
Topic Starter сообщение 11.11.2009, 16:49; Ответить: erafia
Сообщение #8


Спасибки). Вот только у меня файлов CSS аж 3. В каком файле и в каком месте это чиркнуть. Файлы:

content_fck

div#content { color: #b6aa99; font-family: tahoma,sans-serif; font-size: 12px; line-height: 140%; padding: 0 40px 0 40px;}
div#content h1 { font: bold 20px Arial; margin: 10px 0 0 0; padding: 0 0 0 0; color: #D2C7B7; }

div#content a { color: #D99B6A;}
div#content img.img {border: 0pt none; margin: 0pt 10px 0pt 0pt; padding: 5px 4px 4px 5px; background-image: url(/imgs/photo-ramka.gif); float: left; display: block;}

div#content UL { margin: 0px 0 0 17px; padding: 0px; }
div#content UL LI { padding-left: 3px; margin-top:0; margin-bottom: 5px; text-align: left; }
div#content OL { margin: 0px; padding: 0px; }
div#content OL LI { padding-left: 0px; margin: 3px 0px 0px 29px; text-align: left; }

td#content {background:#5C402D;}


jScrollPane

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 7px;
    top: 0;
    height: 100%;
    background: #2F1A0F;
}
.jScrollPaneDrag {
    position: absolute;
    background: #7E5230;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 7px;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background:url(/imgs/arr_up.gif) no-repeat center bottom;
    height: 5px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 7px;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background:url(/imgs/arr_down.gif) no-repeat center top;
    height: 5px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}


Parent

BODY { background: #563C2B url("/imgs/bg.gif") center top; margin: 0px; padding: 0px; }

div#global {width:989px; margin:0 auto; padding: 0 5px 0 5px; background:url('/imgs/global_bg.gif');}
BODY,TD { font: 12px Arial; color: #D2C7B7; }

INPUT,TEXTAREA,SELECT { font: 12px Arial; color: #D2C7B7; background:#2C170D; border: 1px solid #87410A; padding:3px;}

H2 { font: normal 17px Verdana; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
IMG { border: none; margin: 0px; }
TABLE { border: none; border-collapse: collapse; }
TABLE TD { padding: 0px; vertical-align: top; }
SMALL { font-size: 11px; }

/* Structure */
#copy { background: url(../_img/bgCopy.jpg) no-repeat center bottom; color: #F8F2DA; }
#copy A { color: #F8F2DA; }
#copy DIV.rastyajkaBottom { width: 242px; float: left; }
#copy DIV.copyName { float: left; /*width: 75px;*/ margin: 108px 0px 0px 85px; }
#copy DIV.copyDev { float: left; font-size: 10px; margin: 110px 0px 0px 30px; }
#copy DIV.countMail { margin: 132px 0px 0px 0px; text-align: center; }

#itemCoffee { width: 140px; height: 250px; background: url(/_img/bgItemCoffee.gif) no-repeat center bottom; float: left; margin: 0px 54px 20px 0px; }
#itemCoffee .inside { border: 1px solid #9B8D80; background: White; text-align: center; height: 233px; padding: 0px 5px 0px 5px; color: #5E554C; }
#itemCoffee IMG { margin: 10px 0px 0px 0px; }
#itemCoffee STRONG { display: block; height: 55px; }

#menuSection { text-align: center; padding: 15px 0px 0px 0px; }
#menuSection A { font: 16px Georgia; color: #A20000; }
#menuSection { font: 16px Georgia; color: #8E783F; }
#menuSection H1 { font: 16px Georgia; display: inline; }

#menuTop { background: url(../_img/bgHead.jpg) no-repeat center top; }
#menuTop A { color: #F8F2DA; }
#menuTop .rastyajkaTop { width: 237px; float: left; }
#menuTop A.about { display: block; background: url(../_img/iconCup.gif) no-repeat left top; padding: 9px 0px 5px 30px; width: 80px; float: left; margin: 17px 0px 0px 0px; }
#menuTop A.contact { display: block; background: url(../_img/iconMail.gif) no-repeat left 10px; padding: 9px 0px 5px 30px; width: 82px; float: left; margin: 17px 0px 0px 60px; }
#menuTop A.tel { display: block; background: url(../_img/iconTel.gif) no-repeat left 6px; padding: 9px 0px 5px 30px; width: auto; float: left; margin: 12px 0px 0px 30px; font-size: 16px; /* text-decoration: none; */ }

#menuTop2 { padding-top: 12px; background: url(../_img/bgHead2.jpg) no-repeat center top; }
#menuTop2 A { color: #F8F2DA; }
#menuTop2 .rastyajkaTop { width: 237px; float: left; }
#menuTop2 A.about { display: block; background: url(../_img/iconCup.gif) no-repeat left top; padding: 9px 0px 5px 30px; width: 80px; float: left; margin: 17px 0px 0px 0px; }
#menuTop2 A.contact { display: block; background: url(../_img/iconMail.gif) no-repeat left 10px; padding: 9px 0px 5px 30px; width: 82px; float: left; margin: 17px 0px 0px 60px; }
#menuTop2 A.tel { display: block; background: url(../_img/iconTel.gif) no-repeat left 6px; padding: 9px 0px 5px 30px; width: auto; float: left; margin: 12px 0px 0px 30px; font-size: 16px; /* text-decoration: none; */ }

.menuOrder { position: absolute; left: 50%; top: 145px; margin-left: 100px; z-index: 1; }

/* Style */
.bgPage { position: absolute; right: 50%; }

.caption { width: 588px; height: 25px; background: #F8F2DA; text-align: center; }
.content { width: 588px; height: 100%; background: #F8F2DA; }
.content .inside { padding: 18px 30px 50px 30px; text-align: justify; }
.contentLeft { width: 15px; height: 100%; background: url(../_img/contentLeft.jpg) repeat-y left top; }
.contentRight { width: 15px; height: 100%; background: url(../_img/contentRight.jpg) repeat-y right top; }

.insideItem { background: #F8F2DA url(/_img/itemBg.gif) center top; }

.logo { position: absolute; left: 50%; top: 22px; margin-left: 276px; }
.logo2 { position: absolute; left: 50%; top: 72px; margin-left: 256px; }
.logo3 { position: absolute; left: 50%; top: 15px; margin-left: 256px; }

.menu2 { text-transform: uppercase; font-variant: small-caps; background: url(/_img/bgMenu2.gif) no-repeat center top; padding: 0px 0px 0px 0px; }

/* Color */
#red { color: #B10000; }
.red { color: #B10000; }

/* FORM's */
FORM { margin: 0px; }

/* Other */
#stats { display:inline; height:0px; left:-1000px; margin:0px; padding:0px; position:absolute; top:-1000px; visibility:hidden; width:0px
}

h1.slogan {padding: 15px 0 20px 0; color: #D9AE80; text-align: center;}
h1.slogan big {font-size:18px; font-weight: bold;}

.promo { color: #D2C7B7; font-family:arial,sans-serif; font-size: 11px; line-height: 150%; }
.promo a { color: #D2C7B7!important; }

table.mmenu td { padding: 7px 10px 3px 0; font-size: 12px; font-family: arial;}

.vbottom {vertical-align: bottom;}
.bgmargin {margin: -170px 220px 0px 0px;}
.c7color {color: #C7A07C;}
.vmiddle {vertical-align: middle;}
.w200 {width:200px;}
.w231 {width:231px;}
.w221 {width:221px;}
.m1 {margin: 4px 0px 0px 0px;}
.m2 {margin: 17px 0px 0px 0px;}
.m3 {margin: 0px 0px 0px 0px;}



#topmenu {height:37px; text-align: center; background: #442F21 url("/imgs/top_bg.gif");}
#topmenu div {padding-top: 10px; margin-right: 22px;}
#topmenu a {margin-left:22px; color:#A8816B; font-size:11px; text-decoration:none;}
#topmenu a:hover {text-decoration:underline;}

#mainmenu {text-align: right; color:#EEA871; font-size:11px; margin:10px 40px 0 0;}
#mainmenu p {float:right; margin-left: 20px;}
#mainmenu a {color:#EEA871; }

#epigraf {clear:right; font: italic 11px Arial; margin: 95px 35px 0 35%; color:#E79954; text-align:right;}

#pic1 {background: url("/imgs/pic1.jpg") top left no-repeat; width:281px;}
#pic2 {background: url("/imgs/pic2.jpg") top left no-repeat; width:281px;}
#pic3 {background: url("/imgs/pic3.jpg") top left no-repeat; width:281px;}

#pic1s {background: url("/imgs/pic1s.jpg") top left no-repeat; width:281px;}
#pic2s {background: url("/imgs/pic2s.jpg") top left no-repeat; width:281px;}
#pic3s {background: url("/imgs/pic3s.jpg") top left no-repeat; width:281px;}

#promo {margin-top:30px; width:931px;}
td#pic1, td#pic2, td#pic3 {color:#A8816B; font: 11px arial,sans-serif;}
#promo td div.annot {margin:0 10px 15px 10px; text-align:right;}
td#pic1 p, td#pic2 p, td#pic3 p
  {margin:0 10px 30px 100px; text-align:right; font: 11px arial; /* color:#C8B49F; */}
.pic-head {color:#D99B6A; font:bold 17px arial,sans-serif; margin:42px 0 43px 25px;}

.pic-head a {color:#D99B6A;}

#leftblock {background:url('/imgs/left_center.gif'); color:#D99B6A; font: bold 12px arial,sans-serif; padding: 5px 0 0 20px;}
#leftblock a {color:#D99B6A;}
#leftblock p {padding-top:15px; margin:0;}
#leftblock ul {margin:0 0 0 10px; list-style-type:none!important; padding:0;}
#leftblock li {margin:5px 0 0 0; font-weight:normal; padding:0;}

.submenu {color:#D99B6A; font: 11px arial,sans-serif; margin: 40px 0 40px 20px;}
.submenu p {margin:15px 0;}
.submenu a {color:#D99B6A;}

#mainblock {background:url('/imgs/main_center.gif') bottom;}

.footer {color:#D2C7B7; font:11px arial,sans-serif; vertical-align:bottom;}
.footer a {color:#D99B6A;}
#bottom {background:url('/imgs/phone_bottom.jpg') left bottom no-repeat;}
#bottom p {margin:0; padding:80px 0 35px 130px;}

#copyright {padding: 70px 25px 0 0; float:right; text-align:right; line-height:170%;}
#copyright a {text-decoration:none;}

#inpath {font-size:11px; margin-bottom:10px;}


table#goods td {padding:15px 0 15px 0;;}
div.inp input.btn {border:0; background:transparent; font:11px arial; color:#D99B6A; padding:4px 6px 5px 4px; cursor:pointer; width:140px; }
div.inp input.txt {border:0; background:#1E1009; width: 20px; font:11px arial; color:#D99B6A; padding:5px; text-align:right;}

div.inp {background:#2C170D; margin: 10px 17px 0 17px;}
div.inp input.kg {padding:0 0 4px 0!important;font:11px arial; color:#D99B6A; display: inline; width:20px!important; border:0px;}

.photo-ramka { height:218px; background:url('/imgs/photo-ramka.gif') center no-repeat; vertical-align:middle; text-align:center;}
.photo-ramka img {margin:auto 0;}
table#goods td td.price {padding-top: 10px;}

table#goods td table td {padding:0;}
table#goods td table td.info {height:50px; vertical-align:middle;}

table.inf {margin-left:10px;}
table.inf1 {margin-right:10px;}

div#line {position:absolute; margin-left:-31px;}

#basket {background:url('/imgs/basket.gif') left top no-repeat; font:11px arial; line-height:160%; padding: 3px 0 3px 100px; margin: 10px 0 0 690px;}
#basket a {color:#D99B6A; }

table#goodslst th {vertical-align:middle; border-bottom: 1px solid #4D352F; padding:5px;}
table#goodslst td {vertical-align:middle; border-bottom: 1px solid #4D352F; padding:3px;}
table#goodslst td.right {text-align:right;}
table#goodslst td.center {text-align:center;}

table#forma td {padding:5px;}

table#price {margin-left: 10px; width: 450px;}
table#price td {margin-left: 10px; padding:7px 10px 7px 1px; border-bottom: 1px solid #4E4231;}
table#price td a {text-decoration: none;}
table#price td a:hover {text-decoration: underline;}

#shop-head {font-size:16px;}

table.padd td {padding:3px;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fatery
fatery
сообщение 11.11.2009, 21:22; Ответить: fatery
Сообщение #9


erafia, если они все подключаются, то в принципе без разницы.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
erafia
erafia
Topic Starter сообщение 12.11.2009, 11:22; Ответить: erafia
Сообщение #10


(FaTeRy @ 11.11.2009, 20:22) *
erafia, если они все подключаются, то в принципе без разницы.


Подключаются все, но только где не пропишешь - всё равно контуры остаются. Видать, в скрипте есть какое-то конкретное место. Более похожего ничего не нашел:

div#content a { color: #D99B6A;}
div#content img.img {border: 0pt none ; margin: 0pt 10px 0pt 0pt; padding: 5px 4px 4px 5px; background-image: url(/imgs/photo-ramka.gif); float: left; display: block;}

Менял тут на время всё на 0 - не помогло.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2179 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30256 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78314 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1649 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:17
Дизайн