Перейти к содержимому


Партнерская программа Kredov

  • Закрытая тема Тема закрыта

Снятие контуров вокруг баннера при нажатии

#1 erafia

erafia
  • Пользователь
  • 38 сообщений
  • Репутация: 0
0

Отправлено 10 Ноябрь 2009 - 23:48

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

 

 

  • 0

#2 FaTeRy

FaTeRy
  • Пользователь
  • 480 сообщений
  • Репутация: 1

Отправлено 11 Ноябрь 2009 - 00:15

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

#3 admin

admin
  • Пользователь PRO
  • 5 272 сообщений
  • Репутация: 54

Отправлено 11 Ноябрь 2009 - 00:24

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

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

Сколько лет прошло, а ссылки всё ещё лучше покупать тут



#4 Banderas

Banderas
  • Пользователь
  • 1 168 сообщений
  • Репутация: 1

Отправлено 11 Ноябрь 2009 - 01:40

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


#5 FaTeRy

FaTeRy
  • Пользователь
  • 480 сообщений
  • Репутация: 1

Отправлено 11 Ноябрь 2009 - 03:20

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

#6 erafia

erafia
    Topic Starter
  • Пользователь
  • 38 сообщений
  • Репутация: 0

Отправлено 11 Ноябрь 2009 - 12:43

Сайт тот же, что я поставил в оценке: http://www.avktea.ru/ . Нажмите на 1 из блоков сверху: для магазинов или для офисов. Или на лого.
  • 0

#7 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 11 Ноябрь 2009 - 12:48

erafia, эх... сложно же догадаться что это ссылки так работают. Не хотите подобного сделайте в css
a img
{
   border: 0;
}

  • 0

#8 erafia

erafia
    Topic Starter
  • Пользователь
  • 38 сообщений
  • Репутация: 0

Отправлено 11 Ноябрь 2009 - 15:49

Спасибки). Вот только у меня файлов 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;}

  • 0

#9 FaTeRy

FaTeRy
  • Пользователь
  • 480 сообщений
  • Репутация: 1

Отправлено 11 Ноябрь 2009 - 20:22

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

#10 erafia

erafia
    Topic Starter
  • Пользователь
  • 38 сообщений
  • Репутация: 0

Отправлено 12 Ноябрь 2009 - 10: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 - не помогло.
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru