SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Javascript and CSS Will not align

    Hi, I have made some nice java script buttons but i am using css for the layout of my page, but the only problem is that i cant get it to work with the css when i try to put it in a frame and it just ignores it. All i want it to do is when you mimimise the page i want it to stay in the same position but when i do it it dosent do it at all, it got like a static position when i want it to be dynamic, if you know what i mean? any ideas on WTF is going on here? is it possible?

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Link? We're not psychic...

  3. #3
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Red face

    Code CSS:
    <!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">
    <title> </title>
     
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <head>
        <script type="text/javascript">var dmWorkPath = "menu.files/";</script>
    <script type="text/javascript" src="menu.files/dmenu.js"></script>
     
     
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
     
    .style2 {
    	font-size: 16px
    }
    .style3 {
    	font-size: 24px;
    	font-weight: bold;
    }
     
    </style>
     
     
    </head>
     
    <body>
    <style type="text/css">
    body {
    	font-family: Arial, Helvetica, Verdana, Sans-serif;
    	font-size: 12px;
    	background: #fff;
    }
     
    #page-container {
    	width: 759px;
    	bottom: 800px;
    	margin: auto;
     
    	}
     
    /* begin menu styling */
    #navcontainer  ul {
    	float: left;
    	width: 100%;
    	font-family: arial, helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    	background: blue;
    	}
     
    	#navcontainerb {
     
    width: 100%;
    height: 20%;
    }
     
    #navcontainer ul li {
    	 display: inline; 
     
    	 }
     
    #navcontainer ul li a {
    	padding: 0.2em 1em;
    	background-color: #000;
    	color: green;
    	font-weight:bold;
    	float: left;
    	border: 1px solid #000;
    	width: 4em;
    	text-align: center;
    	text-decoration:none;
    	}
     
    #navcontainer ul li a:hover {
     
    	color: white;
    	font-weight:bold
    	}
     
    /* end menu styling */
     
     
    #sidebar-a {
    	float: right;
    	width: 200px;
    	font-family: Arial, Helvetica, Verdana, Sans-serif;
    	font-size: 12px;
    	background: white;
    	}
     
    #content {
    	background: white;
    	margin-right: 200px;
    	}
     
    #content .padding {
    	padding: 25px;
    }
     
    #content h2 {
    	margin: 0;
    	padding: 0;
    	padding-bottom: 15px;
    }
     
    #content p {
    	margin: 0;
    	padding: 0;
    	padding-bottom: 15px;
    }
     
     
    #sidebar-a .padding {
    	padding: 25px;
    }
     
    #footer {
    	clear: both;
    	height: 66px;
    	font-family: Arial, Helvetica, Verdana, Sans-serif;
    	font-size: 12px;
    	color: white;
    	background: white;
    }
     
    #HCP {
    width: 759px;
     
    }
     
    a {
    .hidden 
     display: none;
    }
    </style>
    <div id="page-container">
    <script type="text/javascript" src="menu.js"></script>
    	<div id="header"></div>
     
    	<div id="navcontainer">  
    	  <div align="left"><img src="../../Pictures/WebsitePictures/TopLeftLogo.jpg" width="260" height="53" /></div>
    	  <div align="right">Home | Contact Us | Partners</div>
          <div id="banner">
     
    	    <div align="right"><img src="../../Pictures/WebsitePictures/Banner.jpg" width="759" align="middle" height="170" /></div> 
    	    <div id="HCP"> 
    	      <p>
     
            Home</p> 
    </div>
     
     
     
         <div id="sidebar-a">
    	  <p>&nbsp;</p>
    	  <p>&nbsp;</p>
    	  <p><strong>News:</strong>
    	    <script type="text/javascript" src="http://app.feeddigest.com/digest3/SGY5NHWZMZ.js"><noscript><a href="http://app.feeddigest.com/digest3/SGY5NHWZMZ.html">Click for &quot;Change Mevg&quot;.</a> Powered by <a href="http://www.feeddigest.com/">RSS Feed Digest</a></noscript></script>
    	    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','141','height','246','src','../../Flash/Banner1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../Flash/Banner1' ); //end AC code
              </script>
    	    <noscript>
    	      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="141" height="246">
    	        <param name="movie" value="../../Flash/Banner1.swf" />
    	        <param name="quality" value="high" />
    	        <embed src="../../Flash/Banner1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="141" height="246"></embed>
              </object>
    	      </noscript>
    	    </p>
         </div>
    	<div id="content">  <h2>&nbsp;</h2>
    	  <h2>&nbsp;</h2>
    	  <h2><span class="style3">Network Box</span></h2>
    	  <div style="height: 150px; background: white;">
    	  <p class="style2">Network Box managed security services is a global corparation based in London, Hong Kong and Melbourne we provide realtime subscription based perimiter security managed services for companies of all sizes needing a simple comprehensive soulution without the complexity and the cost associated with traditional enterprise network security. This service is designed to take away the hastle of maintaining you companys internet secuirty by leaving the task to a company who do nothing more but monitor and protect you network 24</p>
    	  <p class="style2">&nbsp;</p>
    	</div>
    	<div style="height: 150px; background: white;"></div>
    	</div>
        </div>
        </div>
    	<div id="footer"></div>
    </div>
     
    </body>
    </html>

  4. #4
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, also not much use without the actual JavaScript, though...

  5. #5
    SitePoint Member
    Join Date
    Jul 2007
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    good point

    Code JavaScript:
     
     
    var itemStylesNames=[];
    var menuStylesNames=[];
     
     
    //--- Common
    var isHorizontal=1;
    var smColumns=1;
    var smOrientation=0;
    var smViewType=1;
    var dmRTL=0;
    var pressedItem=-2;
    var itemCursor="pointer";
    var itemTarget="_blank";
    var statusString="link";
    var blankImage="menu.files/blank.gif";
    var pathPrefix_img="";
    var pathPrefix_link="";
     
    //--- Dimensions
    var menuWidth="759px";
    var menuHeight="";
    var smWidth="";
    var smHeight="";
     
    //--- Positioning
    var absolutePos=1;
    var posX="250px";
    var posY="249px";
    var topDX=0;
    var topDY=-1;
    var DX=-7;
    var DY=-4;
     
    //--- Font
    var fontStyle="normal 11px Verdana";
    var fontColor=["#FFFFFF","#FFFFFF"];
    var fontDecoration=["none","underline"];
    var fontColorDisabled="#AAAAAA";
     
    //--- Appearance
    var menuBackColor="#747474";
    var menuBackImage="";
    var menuBackRepeat="repeat";
    var menuBorderColor="#FFFFFF";
    var menuBorderWidth=4;
    var menuBorderStyle="ridge";
     
    //--- Item Appearance
    var itemBackColor=["#000000","#A3A3A3"];
    var itemBackImage=["",""];
    var itemBorderWidth=1;
    var itemBorderColor=["#414141","#FFFFFF"];
    var itemBorderStyle=["solid","solid"];
    var itemSpacing=3;
    var itemPadding="4px";
    var itemAlignTop="left";
    var itemAlign="left";
    var subMenuAlign="right";
     
    //--- Icons
    var iconTopWidth=24;
    var iconTopHeight=24;
    var iconWidth=16;
    var iconHeight=16;
    var arrowWidth=11;
    var arrowHeight=11;
    var arrowImageMain=["menu.files/arrow_sub5.gif","menu.files/arrow_sub5.gif"];
    var arrowImageSub=["menu.files/arrow_sub2.gif","menu.files/arrow_sub5.gif"];
     
    //--- Separators
    var separatorImage="";
    var separatorWidth="100%";
    var separatorHeight="3px";
    var separatorAlignment="left";
    var separatorVImage="";
    var separatorVWidth="3px";
    var separatorVHeight="100%";
    var separatorPadding="0px";
     
    //--- Floatable Menu
    var floatable=0;
    var floatIterations=6;
    var floatableX=1;
    var floatableY=1;
     
    //--- Movable Menu
    var movable=0;
    var moveWidth=12;
    var moveHeight=20;
    var moveColor="#AA0000";
    var moveImage="";
    var moveCursor="default";
    var smMovable=0;
    var closeBtnW=15;
    var closeBtnH=15;
    var closeBtn="";
     
    //--- Transitional Effects & Filters
    var transparency="85";
    var transition=9;
    var transOptions="";
    var transDuration=400;
    var transDuration2=200;
    var shadowLen=4;
    var shadowColor="#B0B0B0";
    var shadowTop=1;
     
    //--- CSS Support (CSS-based Menu)
    var cssStyle=0;
    var cssSubmenu="";
    var cssItem=["",""];
    var cssItemText=["",""];
     
    //--- Advanced
    var dmObjectsCheck=0;
    var saveNavigationPath=1;
    var showByClick=0;
    var noWrap=1;
    var smShowPause=200;
    var smHidePause=1000;
    var smSmartScroll=1;
    var topSmartScroll=0;
    var smHideOnClick=1;
    var dm_writeAll=0;
     
    //--- AJAX-like Technology
    var dmAJAX=0;
    var dmAJAXCount=0;
     
    //--- Dynamic Menu
    var dynamic=0;
     
    //--- Keystrokes Support
    var keystrokes=1;
    var dm_focus=1;
    var dm_actKey=113;
     
     
    var menuItems = [
     
        ["Home","", "", "", "", "", "", "", "", ],
        ["Managed Service","", "", "", "", "", "", "", "", ],
            ["|Internet Security","", "", "", "", "", "", "", "", ],
            ["|Monitoring Service","", "", "", "", "", "", "", "", ],
            ["|Threat Analysis","", "", "", "", "", "", "", "", ],
            ["|Compliance","", "", "", "", "", "", "", "", ],
            ["|Global Intelligence","", "", "", "", "", "", "", "", ],
        ["Technology","", "", "", "", "", "", "", "", ],
            ["|Overview","", "", "", "", "", "", "", "", ],
            ["|Security Operation Centre (SOC)","", "", "", "", "", "", "", "", ],
            ["|PUSH Technology","", "", "", "", "", "", "", "", ],
            ["|Hardware Technology","", "", "", "", "", "", "", "", ],
            ["|Unified Threat Management","", "", "", "", "", "", "", "", ],
                ["||Anti-Spam","", "", "", "", "", "", "", "", ],
                ["||Content Filtering","", "", "", "", "", "", "", "", ],
                ["||Firewall","", "", "", "", "", "", "", "", ],
                ["||IDP","", "", "", "", "", "", "", "", ],
                ["||Malware Protection","", "", "", "", "", "", "", "", ],
                ["||Virus Protection","", "", "", "", "", "", "", "", ],
                ["||VPN","", "", "", "", "", "", "", "", ],
        ["Resources","", "", "", "", "", "", "", "", ],
            ["|Request for Network Box","", "", "", "", "", "", "", "", ],
            ["|White Papers","", "", "", "", "", "", "", "", ],
            ["|Datasheets","", "", "", "", "", "", "", "", ],
            ["|Press Releases","", "", "", "", "", "", "", "", ],
            ["|Case Studies","", "", "", "", "", "", "", "", ],
        ["Industries","", "", "", "", "", "", "", "", ],
        ["Support","", "", "", "", "", "", "", "", ],
        ["About Us","", "", "", "", "", "", "", "", ],
    ];
     
    dm_init();

    there ya go


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •