Jump to content

harshgraphics

New Members
  • Posts

    6
  • Joined

  • Last visited

    Never

Profile Information

  • Gender
    Not Telling

harshgraphics's Achievements

Newbie

Newbie (1/5)

0

Reputation

  1. Here is what it looks like and why I am asking for help (attached)... PS thank you for all of the insults I am enjoying them. Shitstorm made me lol.
  2. Sorry about all of the code. When I posted screen shots on a PHP board before I got shit for not posting any code. Again: I did not write the code for the site original and I am NOT asking anyone to write it for me (just asking for advice. I can make my own navigation bars and import them from fireworks but the existing site is all in PHP I am trying to modify the code to add 2 additional tabs links, testimonials and staff. Here is what I did : <div id="top_nav"> <ul> <li><a class="home" href="index.php"><span>HOME</span></a></li> <li><a class="about" href="about.php"><span>ABOUT</span></a></li> <li><a class="packages" href="packages.php"><span>PACKAGES<span></span></span></a></li> <li><a class="testimonials" href="testimonials.php"><span>TESTIMONIALS<span></span></span></a></li> <li><a class="staff" href="staff.php"><span>STAFF<span></span></span></a></li> <li><a class="contact" href="contact.php"><span>CONTACT</span></a></li> </ul> </div> I then modified the art to include the two additional tabs and imported it into the folders and added the new pages. SEE ATTACHED I modified the css to the larger width to accommodate the art. The art is showing up stacked and funky and I don't know what I am doing wrong. I must be missing some other code to change somewhere else?? What I want is to add the 2 tabs and have them work like the 4 others do now. The screen should have 5 navigational tabs
  3. Hello! I am a Designer trying to make changes to an existing website in Dreameaver that was coded in PHP. The Client would like to add 2 additional Pages, thus adding two tabs to the navigation bar. But the art keeps showing up jumbled on the screen. Here is what I have done so far: 1) I added the code to the index page to include the 2 new pages see below: 2) I added the 2 new pages 3) I modified the navigation art to include the 2 additional pages and changed the css to accommodate for the new width. <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="keywords" content="stockton wedding,central valley wedding,wedding planner,event planner,stockton wedding planner,central valley wedding planner,stockton event planner,san joaquin county events,san joaquin county event planner,professional event planner,professional wedding planner,amazing events,amazing weddings,amazing weddings stockton,amazing events stockton,licensed wedding planner,licensed wedding planner stockton,professional planner,local event planner,local event consultant"/> <meta name="description" content="Welcome to Life's First Impressions, "Creating memories to last a liftime..."As event coordinators, our purpose is to help you fulfill every life celebration you desire. Our passion is to help make your celebration come alive. Our commitment is to ensure the quality and beauty of your event and to make every celebration memorable for a lifetime."/> <!-- Emulate IE 7 Compatibility View --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <title>Welcome to Life's First Impressions ~ Elegant Wedding, Corporate, & Professional Event Consulting and Design ~</title> <!--start.stylesheets--> <!--[if !IE 6]><!--> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/styles.css" /> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/coda-slider-2.0.css" /> <!--<![endif]--> <!--[if IE]> <script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" type="text/css" href="css/ie_styles.css"> <![endif]--> <!--[if lte IE 6]> <script type="text/javascript" src="js/unitpngfix.js"></script> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie6_styles.css" /> <![endif]--> <!--end.stylesheets--> <!--start.JavaScript--> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script> <script type="text/javascript" src="js/jquery.innerfade.js"></script> <script type="text/javascript"> $().ready(function() { $('#coda-slider-1').codaSlider({ autoSlide: true, autoSlideInterval: 10000, autoSlideStopWhenClicked: true }); $('ul#top_fade').innerfade({ speed: 2000, timeout: 7000, type: 'sequence', containerheight: '253px' }); }); function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <!--end.JavaScript--> <style type="text/css"> td img {display: block;}td img {display: block;} div { font-family: Verdana, Geneva, sans-serif; nav-right: auto; color: #FFF; font-size: 10px; } #home #content_wrapper #main_content #top_nav ul li .home span { color: #FFF; } </style> </head> <body class="coda-slider-no-js" id="home" onload="MM_preloadImages('images/topnav_r2_c2_s2.png','images/topnav_r2_c3_s2.png','images/topnav_r2_c4_s2.png','images/topnav_r2_c5_s2.png','images/topnav_r2_c6_s2.png','images/topnav_r2_c7_s2.png')"> <!--start.HEADER--> <div id="head_wrap"> <?php include ('header.php'); ?> </div><!--end.head_wrap--> <!--end.HEADER--> <!--start.CONTENT--> <div id="content_wrapper"> <div id="main_content"> <div id="top_nav"> <ul> <li><a class="home" href="index.php"><span>HOME</span></a></li> <li><a class="about" href="about.php"><span>ABOUT</span></a></li> <li><a class="packages" href="packages.php"><span>PACKAGES<span></a></li> <li><a class="testimonials" href="testimonials.php"><span>TESTIMONALS<span></a></li> <li><a class="staff" href="staff.php"><span>STAFF<span></a></li> <li><a class="contact" href="contact.php"><span>CONTACT</span></a></li> </ul> </div><!--end.top_nav--> Css: #nav a.selected{ border: 2px dashed #00FF00; } #nav { /* margin: 0 auto 50px auto;*/ width: 640px; min-height: 110px; text-align: center; /*background-color: #999999;*/ list-style: none; padding-left:5px; position:relative; } #nav li { margin-right: 5px; width: 155px; height: 110px; position: relative; float: left;z-index:23; /* background-color: #cccccc;*/ } #nav a { margin: 0 auto; width: 134px; height:89px; /* text-indent: -9999px;*/ text-decoration: none; overflow: hidden; /*background-image: url(../images/yo.png); background-repeat:no-repeat; */ /* background-color: #00FF00;*/ display: block; position: relative; z-index: 9; outline:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #44045f; } Dynamicpage.js $(function() { var newHash = "", $mainContent = $("#pkg-content"), $pageWrap = $("#pkg-wrap"), baseHeight = 0, $el; $pageWrap.height($pageWrap.height()); baseHeight = $pageWrap.height() - $mainContent.height(); $("#nav").delegate("a", "click", function() { window.location.hash = $(this).attr("href"); return false; }); $(window).bind('hashchange', function(){ newHash = window.location.hash.substring(1); if (newHash) { $mainContent .find("#pkginfo") .fadeOut(200, function() { $mainContent.hide().load(newHash + " #pkginfo", function() { $mainContent.fadeIn(200, function() { $pageWrap.animate({ /* height: baseHeight + $mainContent.height() + "px"*/ }); }); $("nav a").removeClass("current"); $("nav a[href=+newHash+]").addClass("current"); }); }); }; }); $(window).trigger('hashchange'); });
  4. I have confirmed that the width is correct. There are several java script files also attached also. I think this is the code that applies to the navigation bar: Here is what Firebug shows as all of the code could it be any of the javascript?: <title>Welcome to Life's First Impressions ~ Elegant Wedding, Corporate, & Professional Event Consulting and Design ~</title> <!--start.stylesheets--> <!--[if !IE 6]><!--> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/styles.css" /> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/coda-slider-2.0.css" /> <!--<![endif]--> <!--[if IE]> <script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" type="text/css" href="css/ie_styles.css"> <![endif]--> <!--[if lte IE 6]> <script type="text/javascript" src="js/unitpngfix.js"></script> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie6_styles.css" /> <![endif]--> <!--end.stylesheets--> <!--start.JavaScript--> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script> <script type="text/javascript" src="js/jquery.innerfade.js"></script> <script type="text/javascript"> $().ready(function() { $('#coda-slider-1').codaSlider({ autoSlide: true, autoSlideInterval: 10000, autoSlideStopWhenClicked: true }); $('ul#top_fade').innerfade({ speed: 2000, timeout: 7000, type: 'sequence', containerheight: '253px' }); }); function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <!--end.JavaScript--> <style type="text/css"> td img {display: block;}td img {display: block;} div { font-family: Verdana, Geneva, sans-serif; nav-right: auto; color: #FFF; font-size: 10px; } </style> </head> <body class="coda-slider-no-js" id="home" onload="MM_preloadImages('images/topnav_r2_c2_s2.png','images/topnav_r2_c3_s2.png','images/topnav_r2_c4_s2.png','images/topnav_r2_c5_s2.png','images/topnav_r2_c6_s2.png','images/topnav_r2_c7_s2.png')"> <!--start.HEADER--> <div id="head_wrap"> <div id="head_container"> <div id="header"> <div id="lfi_head"> <a href="index.php"><span>Life's First Impressions</span></a> </div> <noscript> <div> <h1>JavaScript Disabled!</h1> <p>For the best functionality of our site, please make sure you have JavaScript capabilities enabled in your browser. This may be the result of two possible scenarios:</p> <ol> <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com">Firefox</a>.</li> <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site.<a href="http://www.google.com/support/bin/answer.py?answer=23852">Learn how to enable JavaScript</a>.</li> </ol> </div> </noscript> <div id="flowers_1"> </div> <ul id="top_fade"> <li><img src="images/header/cards.jpg" alt="" /></li> <li><img src="images/header/balcony.jpg" alt="" /></li> <li><img src="images/header/starcake.jpg" alt="" /></li> <li><img src="images/header/party.jpg" alt="" /></li> <li><img src="images/header/couple.jpg" alt="" /></li> <li><img src="images/header/aisle.jpg" alt="" /></li> </ul> </div><!--end.header--> </div><!--end.head_container--> </div><!--end.head_wrap--> <!--end.HEADER--> <!--start.CONTENT--> <div id="content_wrapper"> <div id="main_content"> <div id="top_nav"> <ul> <li><a class="home" href="index.php"><span>HOME</span></a></li> <li><a class="about" href="about.php"><span>ABOUT</span></a></li> <li><a class="packages" href="packages.php"><span>PACKAGES<span></span></span></a></li> <li><a class="testimonials" href="testimonials.php"><span>TESTIMONIALS<span></span></span></a></li> <li><a class="staff" href="staff.php"><span>STAFF<span></span></span></a></li> <li><a class="contact" href="contact.php"><span>CONTACT</span></a></li> </ul> </div><!--end.top_nav--> I've attached what the navigation bar looks like tonight.
  5. Attached is the original source code index.php page for the site. Here is what I did: 1) I added additional code to the links where I wanted to add pages. <div id="top_nav"> <ul> <li><a class="home" href="index.php"><span>HOME</span></a></li> <li><a class="about" href="about.php"><span>ABOUT</span></a></li> <li><a class="packages" href="packages.php"><span>PACKAGES<span></span></span></a></li> <li><a class="testimonials" href="testimonials.php"><span>TESTIMONIALS<span></span></span></a></li> <li><a class="staff" href="staff.php"><span>STAFF<span></span></span></a></li> <li><a class="contact" href="contact.php"><span>CONTACT</span></a></li> </ul> 2) I modified the top_nav.jpeg art to include the additional links, testimonials and staff 3) I changed the css Also I am working in dreamweaver. I hope this helps you so you can help me. Thank you in advance. 17835_.php
  6. I need help making changes to php navigation script. I need to add two new pages to the site and the old nav bar is a .jpeg the spacing is off and not showing up correctly. I am used to programming in html. HELP! I can't figure out if it is a css issue or a php issue. Can you help me ?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.