Logged Out
Create an Account
Login:
Password:

Forgot your password?
Wrath of the Lich King

Wrath of the Lich King
[Back to Index]  [Bottom of Thread]
Thread Tags
Primary: [General]
Secondary: None
Love the new template. Just wondering what I would need to do make the background on the vent status go the whole length of the vent information without having to delete rooms?
yea .. same prob when my vent is full on the site the menu breaks but still shows all of vent
This is a bug in the CSS of the Wrath template. You can fix it yourself by changing the following in Admin > Layout > CSS Editor

Change

.sidebar .menus
{
	width:225px;
	background:url('http://dkpfiles.com/dkp-templates/wrath/side_bg.gif') no-repeat;
	padding:2px 25px 10px 10px;
}


to This

.sidebar .menus
{
	width:225px;
	background:url('http://dkpfiles.com/dkp-templates/wrath/side_bg.gif') repeat-y;
	padding:2px 25px 10px 10px;
}


Notice what changed was the term "no-repeat" to "repeat-y"

It's a bit of a hack fix, but it'll do for now.

--
It's all in the reflexes.
This is a bug in the CSS of the Wrath template. You can fix it yourself by changing the following in Admin > Layout > CSS Editor

Change

.sidebar .menus
{
	width:225px;
	background:url('http://dkpfiles.com/dkp-templates/wrath/side_bg.gif') no-repeat;
	padding:2px 25px 10px 10px;
}


to This

.sidebar .menus
{
	width:225px;
	background:url('http://dkpfiles.com/dkp-templates/wrath/side_bg.gif') repeat-y;
	padding:2px 25px 10px 10px;
}


Notice what changed was the term "no-repeat" to "repeat-y"

It's a bit of a hack fix, but it'll do for now.

--
It's all in the reflexes.
Thanks Chops,
i've removed the video.. but i had a youtube video in the news section and any hover overs will go behind the video?
Quote
i've removed the video.. but i had a youtube video in the news section and any hover overs will go behind the video?


Yeah, that's kinda how Flash is. It renders on top of HTML. I've never found a work-around for it.

--
It's all in the reflexes.
Oh nifty tricks for fixing FLASH over HTML... You ready????
(Yes, this will be added to Nifty-Tricks on the wiki.)

There's absolutely only 1 single solution to-date:
It deals with using an Iframe to "cover" the Flash section your over overlapping.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="680" height="350" id="slideshow" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="slideshow.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#ffffff" />
	<param name="wmode" value="transparent"></param>
	<embed src="slideshow.swf" quality="high" bgcolor="#ffffff" width="680" height="350" name="slideshow" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


Here's the important part in the above Flash code:
<param name="wmode" value="transparent"></param>

Also, don't forget the <embed> tag also has wmode="transparent".


Next, In my example below I have added an IFrame, and some Javascript.

<Iframe id="ifrmIE6Fix" name="ifrmIE6Fix" class="IE6Fixer" src="javascript:false;" frameborder="0" scrolling="no"></Iframe>
<img id="imgMenuA" src="A_Menu.gif" onmouseover="IE6_IframeCtrl('OVER', 'menuBoxA')" onmouseout="IE6_IframeCtrl('OUT', 'menuBoxA')" />
<div id="menuBoxA" style="display: none">
	<div id="menuItem1">Item 1</div>
	<div id="menuItem2">Item 2</div>
	<div id="menuItem3">Item 3</div>
</div>



The below Javascript takes two arguments.
sDir = the direction of the popup (OVER[show] or OUT[hide])
sPopUpID = the object who's display you'd like to control.

function IE6_IframeCtrl(sDir, sPopUpID) {
	var oIfrmElm = document.getElementById("ifrmIE6Fix");
	var oChild= document.getElementById(sPopUpID);
	if(sDir == 'OVER') {
		//Show
		if(oChild!=null){
			oIfrmElm.style.left = oPopUp.offsetLeft + 'px';
			oIfrmElm.style.top = (oPopUp.offsetTop + oChild.offsetTop) + 'px';
			oIfrmElm.style.width = oChild.offsetWidth + 'px';
			oIfrmElm.style.height = oChild.offsetHeight + 'px';
			oIfrmElm.style.display = 'block';
		}
	} else {
		//Hide
		oIfrmElm.style.display = 'none';
	}
}


Last but not least, give your "ifrmIE6Fix" a Z-Index of 7, and your pop_up menu item a Z-Index of 8+. (Note: Flash, being an <OBJECT> tag, doesn't follow conventional Z-Index rules, so you MUST set your Z-Index on the Iframe and menu option to be higher than 6.)

Here's why it works: The Iframe is the only control that's considered both a "windowed" AND "window-less" control. Thus, it can respond to Z-Indexing based on the rules of each type. By using it as a "Flash Cover" (Flash is windowed), if can overlap Flash. However, it then i interpreted as a window-less control related to the overlapping DIV pop-up.

Yes, I know... very silly... but it WORKS!.

LAST NOTE: The above, on it's own probably won't work well, or look good... however, it should give you the first step in the correct direction.
Wow. Rock on. I didn't know there was an HTML-over-flash fix (granted, I haven't looked that up in a while).

Thanks mate.

The Nifty tricks section wants some love. I've got 4 quick tricks I'll be posting there over the next week.

--
It's all in the reflexes.


[Back to Index]  [Top of Thread]