Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Problem z promenu 3.2.1


Rekomendowane odpowiedzi

Opublikowano (edytowane)

Mowa o problemie zawartym tutaj: http://forum.invisionize.pl/topic/44194-problem-z-promenu-215/

Sprawdziłem również tę wersję i okazało się, że ten jest ten sam problem. Wspomniany z tematu promenu 2.1.5 "z-index" jest nie do znalezienia. W plikach promenu.css nie istnieje coś takiego poza tym:

 

promenu_plus.css

/** icons **/
.non_sprite {
	display: inline-block;
}
.non_sprite img {
	vertical-align: bottom;
}

/** load the sprite **/
.sprites {
	margin-bottom: -2px;
	display: inline-block;
	background-image: url({style_images_url}/promenu/icons/promenu_default_icons.png) !important;
	background-repeat: no-repeat !important;
	width: 14px;
	height: 14px;
}

.Arcade_icon {
	background-position: 0px 0px;
}

.Blog_icon {
	background-position: 0px -28px;
}

.Calendar_icon {
	background-position: 0px -56px;
}

.Cart_icon {
	background-position: 0px -84px;
}

.Chat_icon {
	background-position: 0px -112px;
}

.Download_icon {
	background-position: 0px -140px;
}

.Forums_icon {
	background-position: 0px -168px;
}

.Gallery_icon {
	background-position: 0px -196px;
}

.Help_icon {
	background-position: 0px -224px;
}

.Home_icon {
	background-position: 0px -252px;
}

.Info_icon {
	background-position: 0px -280px;
}

.Media_icon {
	background-position: 0px -308px;
}

.Members_icon {
	background-position: 0px -336px;
}

.More_icon {
	background-position: 0px -364px;
}

.News_icon {
	background-position: 0px -392px;
}

.Shoutbox_icon {
	background-position: 0px -420px;
}
.ipsList_vertical > li {
	margin: 3px 0px;
}
.attatched {
	position:fixed;
	z-index:40000;
	top:0;
}
/** primary menu **/



/** Hover styling **/


#community_app_menu div  li:hover > a, #community_app_menu  li:hover > a, #community_app_menu li.click.click_active > a, #more_apps_menucontentul  li > a:hover{
	background-color: #173455; 
	color: #FFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

/** active styling **/
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a  {
	background-color: #FFF ;
	color: #0b5794 ;
}

/** no active/hover background color, for menus, blocks, mega, etc **/
#community_app_menu  li > div > ul > li > a, #community_app_menu .blocks, #community_app_menu .mega, #more_apps_menucontentul  li > a {
	background-color: #1C3B5F;
}

#community_app_menu li > div > ul > li > a, #community_app_menu .mega td.col > a, #community_app_menu .mega	div.col > a {
	display: block !important;
	white-space: nowrap !important;
	color: #FFF;
}

#community_app_menu li > div > ul > li > a {
	padding: 6px 15px 8px;
}

#community_app_menu li, #more_apps_menucontentul  li {
	cursor: pointer;
	position: relative;
	top: 0;
}

#community_app_menu .custom_icon {
	display: inline-block;
	position: relative;
}

#community_app_menu .custom_icon, #community_app_menu li > div > ul > li > a, #community_app_menu .mega .col {
	min-width: 150px;
}

#community_app_menu .mega {
	padding: 10px;
}

#community_app_menu .downarrow, #community_app_menu li.click.click_active > a.downarrow {
	background-image: url({style_images_url}/promenu/arrows/primary/down_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#community_app_menu .otherarrow {
	background-image: url({style_images_url}/promenu/arrows/primary/other_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#community_app_menu li.active > .downarrow{
	background-image: url({style_images_url}/promenu/arrows/primary/down_arrow_active.png) !important;
}

#community_app_menu li.active > .otherarrow{
	background-image: url({style_images_url}/promenu/arrows/primary/other_arrow_active.png) !important;
}

#community_app_menu a.mainParent {
	text-decoration: underline;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

#community_app_menu .blocks {
	color:#FFF;
}

/***header menu****/

#header_menu {
	top: 0;
	left:0;
	width: 100%;
	position: absolute;
	text-align: left;
	font-size: 13px;
}

#header_app_menu > li {
	margin: 0px 3px 0 0;
}

#header_app_menu > li > a, #header_app_menu li > div > ul > li > a, #header_app_menu .mega td.col > a, #header_app_menu .mega div.col > a {
	color: #8A8A8A;
	white-space: nowrap !important;
	display: block !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#header_app_menu .mega {
	padding: 10px;
}

#header_app_menu > li > a, #header_app_menu li > div > ul > li > a {
	padding: 6px 15px 8px;
}

/** active styling **/
#header_app_menu .active > a, #header_app_menu .active:hover > a  {
	background-color: #292929 ;
	color: #FC6D32;
}

/** hover styling **/
#header_app_menu  li:hover > a, #header_app_menu li > ul > li > a:hover, #header_app_menu li.click_active > a {
	background-color: #292929;
	color: #FFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

/** standard background coloring for menus, blocks, etc **/
#header_menu, #header_app_menu  li > div > ul > li > a, #header_app_menu .blocks, #header_app_menu .mega {
	background-color: #181818 ;
}

#header_app_menu li {
	cursor: pointer;
	position: relative;
	top: 0;
}

#header_app_menu .custom_icon {
	display: inline-block;
	position: relative;
}

#header_app_menu .custom_icon, #header_app_menu li > div > ul > li > a {
	min-width: 150px;
}

#header_app_menu .downarrow {
	background-image: url({style_images_url}/promenu/arrows/header/down_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#header_app_menu .otherarrow {
	background-image: url({style_images_url}/promenu/arrows/header/other_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#header_app_menu li.active > .otherarrow, #header_app_menu li:hover > a.otherarrow, #header_app_menu li.click_active .otherarrow {
	background-image: url({style_images_url}/promenu/arrows/header/other_arrow_active.png) !important;
}

#header_app_menu li.active > .downarrow, #header_app_menu li:hover .downarrow, #header_app_menu li.click_active .downarrow {
	background-image: url({style_images_url}/promenu/arrows/header/down_arrow_active.png) !important;
}

#header_app_menu .mega .col {
	min-width: 150px;
}

#header_app_menu a.mainParent {
	text-decoration: underline;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#header_app_menu .blocks {
	color:#FFF;
}
/***Footer menu****/

#footer_menu {
	text-align: left;
	margin-top: 20px;
	vertical-align: top;
	width: 100%;
	z-index: 15000;
}

#footer_menu .main_widths {
	min-width: 940px;
	margin-left: 10px;
}

#footer_menu .category {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

#footer_menu .category > a {
	width: 0 !important;
	min-width: 100px; /* change this to adjust your category minimum width */
	cursor: pointer;
	display: block;
	word-wrap: break-word;
}
#footer_menu .mainParent {
	text-decoration: underline;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#footer_menu .blocks {
	margin-top: 5px;
	word-wrap: break-word;
}

/***Site menu***/

#site_menu {
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	width: 100%;
	font-size: 13px;
	min-height: 200px;
	left: 0;
	z-index: 15000;
}

#site_menu .main_widths {
	min-width: 980px;
	margin-left: 30px;
	margin-right: 30px;
}

#site_menu .category {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

#site_menu .category > a {
	width: 0 !important;
	min-width: 100px; /* change this to adjust your category minimum width */
	cursor: pointer;
	display: block;
	word-wrap: break-word;
}

#site_menu .mainParent {
	text-decoration: underline;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#site_menu .blocks {
	margin-top: 5px;
}

/* table of contents, template is proOther */
#proOther_menu {
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	width: 100%;
	font-size: 13px;
	left: 0;
	z-index: 15000;
	display:none;
}

#proOther_menu .main_widths {
	min-width: 980px;
	margin-left: 30px;
	margin-right: 30px;
	padding-top:50px;
}

#proOther_menu .category {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

#proOther_menu .category > a {
	width: 0 !important;
	min-width: 100px; /* change this to adjust your category minimum width */
	cursor: pointer;
	display: block;
	word-wrap: break-word;
}

#proOther_menu .mainParent {
	text-decoration: underline;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

#super_menu .blocks {
	margin-top: 5px;
}

/* table of contents, proMain template */
#proMain_menu {
	text-align: left;
	font-size: 13px;
	display:none;
}
#proMain_menu .main_widths {
	margin: 0 auto;
	width: 87% !important;
}
#proMain_app_menu > li {
	margin: 0px 3px 0 0;
}

#proMain_app_menu > li > a, #proMain_app_menu li > div > ul > li > a, #proMain_app_menu .mega td.col > a, #proMain_app_menu .mega div.col > a {
	color: #8A8A8A;
	white-space: nowrap !important;
	display: block !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#proMain_app_menu .mega {
	padding: 10px;
}

#proMain_app_menu > li > a, #proMain_app_menu li > div > ul > li > a {
	padding: 6px 15px 8px;
}

/** active styling **/
#proMain_app_menu .active > a, #proMain_app_menu .active:hover > a  {
	background-color: #292929 ;
	color: #FC6D32;
}

/** hover styling **/
#proMain_app_menu  li:hover > a, #proMain_app_menu li > ul > li > a:hover, #proMain_app_menu li.click_active > a {
	background-color: #292929;
	color: #FFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

/** standard background coloring for menus, blocks, etc **/
#proMain_menu, #proMain_app_menu  li > div > ul > li > a, #proMain_app_menu .blocks, #proMain_app_menu .mega {
	background-color: #181818 ;
}

#proMain_app_menu li {
	cursor: pointer;
	position: relative;
	top: 0;
}

#proMain_app_menu .custom_icon {
	display: inline-block;
	position: relative;
}

#proMain_app_menu .custom_icon, #proMain_app_menu li > div > ul > li > a {
	min-width: 150px;
}

#proMain_app_menu .downarrow {
	background-image: url({style_images_url}/promenu/arrows/header/down_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#proMain_app_menu .otherarrow {
	background-image: url({style_images_url}/promenu/arrows/header/other_arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
}

#proMain_app_menu li.active > .otherarrow, #proMain_app_menu li:hover > a.otherarrow, #proMain_app_menu li.click_active .otherarrow {
	background-image: url({style_images_url}/promenu/arrows/header/other_arrow_active.png) !important;
}

#proMain_app_menu li.active > .downarrow, #proMain_app_menu li:hover .downarrow, #proMain_app_menu li.click_active .downarrow {
	background-image: url({style_images_url}/promenu/arrows/header/down_arrow_active.png) !important;
}

#proMain_app_menu .mega .col {
	min-width: 150px;
}

#proMain_app_menu a.mainParent {
	text-decoration: underline;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#proMain_app_menu .blocks {
	color:#FFF;
}

/* the table of contents click button */
#superMegaClickParent {
	position:relative;
	margin:0 auto;
}

#superMegaClick {
	position:absolute;
}

#superMegaClick a{
	display:block;
	padding:5px;
	background-color:#1c3b5f;
	color:#fff;
	text-align:center;
}

#superMegaClick,#superMegaClickParent{
	width:150px;
}

#superMegaClick a:hover{
	background-color:#FFF;
	color:#000;
}

#superMegaClick .active{
	background-color:#DF7401;
	color:#000;
}

#superMegaClick .active:hover{
	background-color:#DF7401;
	color:#000;
}

W styles.css sprawdzałem każdy z-index po kolei ale nic się nie działo....

Edytowane przez TRUPEK
Opublikowano

Ustawiłem 50000 i nadal nic. Zmieniałem na mniej i też na więcej i też nic.

  • Manager
Opublikowano

Próbowałeś zmniejszyć z-index tego elementu co jest na górze? Ewentualnie w CSS poszukać 'important' czy coś i usunąć z tego elementu? Nie znam się bardzo na tym - gdzieś dzwoni tylko..... ;)

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Opublikowano

Niestety nic się nie dzieje. Ewentualnie zmiany wartości z-index mają związek z odświeżaniem cache, w tym przypadku będę musiał sprawdzić jeszcze po zmianach na innym IP czy coś się zmienia. Na moim internecie ani po kliknięciu F5 ani po przebudowie stylu nie ma reakcji.

Opublikowano

Edytuj daną grupę menu i tam jest to ustawienie, przynajmniej ja w 3.0 tam mam

pre_1409135995__zindex.png

 

A w której grupie tworzysz swoje zakładki? W którejś z domyślnych ?

Opublikowano

Niestety nie poradzę sobie sam z tym problemem. Przeszukałem wszystkie z-idex, zmniejszałem i zwiększałem ale nie przyniosło to żadnego efektu. Czy ktoś pomoże?

  • 2 tygodnie później...

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.