Nifty Corners

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
Thomas_H

Nifty Corners

Post by Thomas_H »

Hi. I'm running CMS Made Simple 0.13

I'm trying to use Nifty Corners in this test site, but having some start problems.

My problem is when using Nifty Corners the Footer places itself directly below the menu, why?
If you click on any of the menu links, the Footer drop's down to the bottom of the page where it's
supposed to be, but then the Nifty Cornes dissapear.
Anyone who could help me? 

Link: http://www.driftspartner.com/cms/V013

Thanks
Thomas_H

Re: Nifty Corners

Post by Thomas_H »

Thanks Rene. I moved JAVA script between the tags, Nifty corners only work if placed below {metadata} , {stylesheet}. But then the footer is "locked" right below the menu.
I'm still a litle confused.

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> 


<!-- Type the title of your site here -->
<title>CMS Made Simple Demo - {title}</title>


{metadata}
{stylesheet}

<__script__ type="text/javascript" src="./uploads/java/niftycube.js"></__script>
<__script__ type="text/javascript" src="./uploads/java/niftyLayout.js"></__script>

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}


{global_content name='JavaScript for IE page width'}
</head>
Thomas
dirtywhitellama

Re: Nifty Corners

Post by dirtywhitellama »

I dont know what your issute is since for me the footer displays exactly as it should across the bottom of the page.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Nifty Corners

Post by Dr.CSS »

you must be looking at it with firfox, in IE it shoots over to under the menu, you might want to give the div#footer{width:100% see if that helps.
Thomas_H

Re: Nifty Corners

Post by Thomas_H »

Setting footer to 100% width solved the footer problem. Thanks Mark.  :)

Anoter thing i notice is when pointing the cursor on the "Home" in the menu, I notice a line at the left side of the menu.
The line has the same colour as the "active menu", e.g. in attached file.

Anyone know how to remove this line. Changing coulor to be the same as background does not solve it.


Thomas

[attachment deleted by admin]
Last edited by Thomas_H on Tue Aug 15, 2006 7:20 am, edited 1 time in total.
Thomas_H

Re: Nifty Corners

Post by Thomas_H »

No, the tiny orange one, directly above the mouse cursor as shown in the picture above.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Nifty Corners

Post by Dr.CSS »

Ah another fun time with IE try making this ...

Nifty("div#menu a","small transparent top");

into this...

Nifty("div#menu li","small transparent top");
Locked

Return to “Layout and Design (CSS & HTML)”