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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Убрать рамку вокргу кнопок в IE
IvenUA
IvenUA
Topic Starter сообщение 11.2.2010, 22:19; Ответить: IvenUA
Сообщение #1


Как убрать рамку вокргу кнопок в IE
верхнее подвижное меню - после нажатия появляется рамка
пробовал разные border none и 0 - не помогает

вызов
[php]
echo &quot;<div style=\&quot;clear:both;\&quot;></div>\n&quot;;
echo &quot;<div class=\&quot;slider-wrap\&quot; align=\&quot;center\&quot;>\n&quot;;
echo &quot;<div style='margin: auto 55px;'><div id=\&quot;slider1\&quot; class=\&quot;csw\&quot; align=\&quot;center\&quot;>\n&quot;;
echo &quot; <div class=\&quot;panelContainer\&quot; >\n&quot;;
// tab 1
if (($cMod21) || ($cMod22) || ($cMod23)) {

echo &quot; <div class=\&quot;panel\&quot; style=\&quot;\&quot; title=\&quot;&quot;.$titletabA.&quot;\&quot;>\n&quot;;
echo &quot; <div class=\&quot;sld_wrapper\&quot;>\n&quot;;
echo &quot; <div class=\&quot;sld_inner\&quot;>&quot;;
if ($cMod21){
echo &quot;<div class=\&quot;tab1\&quot;>&quot;;
//mosLoadModules ( 'user21',-2 );
?>
<jdoc:include type=&quot;modules&quot; name=&quot;user21&quot; style=&quot;xhtml&quot; />
<?php
echo&quot;</div>&quot;;
}
if ($cMod22){
echo &quot;<div class=\&quot;tab1\&quot;>&quot;;
//mosLoadModules ( 'user22',-2 );
?>
<jdoc:include type=&quot;modules&quot; name=&quot;user22&quot; style=&quot;xhtml&quot; />
<?php
echo&quot;</div>&quot;;
}
if ($cMod23){
echo &quot;<div class=\&quot;tab1\&quot;>&quot;;
//mosLoadModules ( 'user23',-2 );
?>
<jdoc:include type=&quot;modules&quot; name=&quot;user23&quot; style=&quot;xhtml&quot; />
<?php
echo&quot;</div>&quot;;
}

echo &quot; </div>\n&quot;;
echo &quot; </div>\n&quot;;
echo &quot; </div>\n&quot;;
}

[/php]
css табов
[php]
noscript p, noscript ol { width:700px; color: #666; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #666; text-decoration: underline }
noscript ol { margin-left: 25px; }
noscript:after {
}
a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0 0;
position: relative;
width: 100%; background:url(../images/tabslider/linebg.gif) no-repeat top center;

}

/* These 2 lines specify style applied while slider is loading */
.csw {
width: 100%;
height: 160px;
background:none;
overflow:hidden;
color:#666666;}
.csw .loading {
margin: 200px 0 300px 0;
text-align: center}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
width:810px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 160px;
clear: both;
color:#f0f0f0;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
text-align:left;
-moz-user-select: none; /*// This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 810px;
color:#f0f0f0;

/* Also specified in .stripViewer above */
}

.stripViewer .panelContainer .panel .sld_wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding:10px;
}
.stripViewer .panelContainer .panel .sld_inner {
width:100%;

}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto 0;
text-align:center;
width:500px;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
margin-left:210px; /* change this fit with your tab menu width */


}

.stripNav ul li {
float: left;
margin-right: 2px;
margin-left:2px;

/* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}


.stripNav li a:link,
.stripNav li a:visited
{ /* The nav links */
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 26px;
background: #c6e3ff;
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 15px;
background:url(../images/tabslider/left.gif) no-repeat left top;
width:auto;

}

.stripNav li a:hover,
.stripNav a:link.current,
.stripNav a:visited.current{
background-position:0 -54px;
color: #666;
}
.stripNav li a:link span,
.stripNav li a:visited span {
background:url(../images/tabslider/right.gif) no-repeat right top;
display: block;
padding: 0 15px 0 0;
}
.stripNav li a:hover span,
.stripNav a:link.current span,
.stripNav a:visited.current span {
display: block;
padding: 0 15px 0 0;
background:url(../images/tabslider/right.gif) no-repeat 100% -54px;
color: #666;
}


.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 80px;
text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}

.stripNavL {
left: 0;
}

.stripNavR {
right: 0;
}
.stripNavR {
background: url(&quot;../images/tabslider/arrow-right.gif&quot;) no-repeat center;
}
.stripNavR:hover {
background: url(&quot;../images/tabslider/arrow-right_hover.gif&quot;) no-repeat center;}
.stripNavL {
background: url(&quot;../images/tabslider/arrow-left.gif&quot;) no-repeat center;
}
.stripNavL:hover {
background: url(&quot;../images/tabslider/arrow-left_hover.gif&quot;) no-repeat center;}

[/php]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 12.2.2010, 11:50; Ответить: sikwel_hb
Сообщение #2


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

так на вскидку, раз речь идет о непонятных рамках, на глаза в вашем цссе попалась строчка a:focus { outline:none }, могу посоветовать задать это правило ounline:none для ссылок без псевдокласса focus интернет эксплорер этот псевдокласс не понимает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IvenUA
IvenUA
Topic Starter сообщение 12.2.2010, 12:20; Ответить: IvenUA
Сообщение #3


я отлично понимаю что я написал
я написал что при просмотре сайта в ie 6-7 при применении вырхнего горизонтального меню появляются рамки вокруг кнопок (php кодом представлена первая из однотипных закладок верхнего меню)
по моему ссылка на рабочий вариант данной проблемы была указана более чем явно в первом посте
данный дизайн базируется на чужом темпле, так что в плане понимания его работы мы с вами в равных условиях, а вот в плане общих знаний в данном направлении - в разном, именно по этому я обращаюсь за помощью на форум

кстати, в догонку - если кто то имеет идею как устанить или скрыть всплывающую подсказу div-а без полной переработки этого модуля - было бы интересно узнать (title там используется и как подсказка и как название закладок меню и если его убрать то соответсвенно пропадет название из меню - чего хотелось бы избежать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 12.2.2010, 13:28; Ответить: sikwel_hb
Сообщение #4


(Iven @ 12.2.2010, 14:20) *
я отлично понимаю что я написал
я написал что при просмотре сайта [ссылка удалена] в ie 6-7 при применении вырхнего горизонтального меню появляются рамки вокруг кнопок


а я вот совсем не понимаю что там не так, и что значит "применении вырхнего горизонтального меню"

просмотрел меню сайта [ссылка удалена] в ие6, ие7, ие8, фаерфоксе 3.6, опере 10 и хроме 4, меню выглядит более-менее одинаково, в каждом браузере осуществил переход по пунктам, тоже все выглядит одинаково, где рамки у вас появляются??

з.ы. на этом форуме есть возможность прикреплять рисунки скриншотов, также имеется огромное количество сервисов, которые предоставляют возможность публикации своих скриншотов прямо на их сервере, некоторые даже предоставляют программки, с помощью которых можно выделить нужную область экрана, затем на выбранном скриншоте нарисовать необходимые обозначения и отправить все это на сервер, одним кликом мыши, при этом получив ссылку на опубликованное изображение, которое очень легко потом показать людям дабы они не вытягивали из вас суть проблемы.

одним из таких сервисов является http://clip2net.com/ , очень удобный сервис.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IvenUA
IvenUA
Topic Starter сообщение 12.2.2010, 14:44; Ответить: IvenUA
Сообщение #5


рамка вокруг надписи Товары от Thibo появляется после нажатия на нее в ie6 и 7 (так же вокруг других кнопок)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 12.2.2010, 15:50; Ответить: Alcorn
Сообщение #6


http://www.html.by/showthread.php?t=5431&page=2
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 12.2.2010, 17:40; Ответить: sikwel_hb
Сообщение #7


браузер:[IMG]http://clip2net.com/clip/m17400/1265981987-clip-15kb.png[/IMG]

ссылка: [ссылка удалена]

скриншот:
[ссылка удалена]

где рамка?))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IvenUA
IvenUA
Topic Starter сообщение 13.2.2010, 1:01; Ответить: IvenUA
Сообщение #8


(sikwel_hb @ 12.2.2010, 19:40) *
где рамка?))

хммм, мдя, если рамок нету, то пусть лучше ie глючит у меня чем у всех остальных )
а в ie6 тоже нету ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 14.2.2010, 1:05; Ответить: Htmlmaster
Сообщение #9


нету;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fau777
fau777
сообщение 17.2.2010, 13:16; Ответить: fau777
Сообщение #10


РЕШЕНИЕ:

Вставьте onFocus="this.blur()" в начальный тэг ссылки. Например:
<A href="URL" onFocus="this.blur()">ссылка</A>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Дизайн кнопок, доработка элементов графики
Требуется исполнитель
5 ARsHi 1445 6.10.2020, 20:04
автор: JOHNY
Открытая тема (нет новых ответов) Как убрать полоски с картинками “PushDown”
4 mstdmstd 5768 8.10.2018, 17:31
автор: -Сабж-
Открытая тема (нет новых ответов) Как убрать большие отступы в блоках адсенс?
4 aleggator 2064 11.2.2018, 15:11
автор: mojwp
Открытая тема (нет новых ответов) Обработать фото - убрать лишнее
1 tube 2789 7.2.2018, 2:26
автор: nuwman
Открытая тема (нет новых ответов) убрать GET запрос с URL
Сделать ЧПУ ссылок
18 WoWeb 9974 28.10.2016, 17:18
автор: WoWeb


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:20
Дизайн