phantomdentist

Hi Guys Just switched over to fireworks for wireframing, was about time. Through the use of master pages and shared layers you can have elements that are shared across pages, so you can create one header that's shared across all of your wireframing projects pages, or just some, it's really useful. However as well as the layers content being shared the layers position is also shared. This can be useful but in some instances it would be good it different pages could have a shared layer repositioned without effecting the position of the shared layer on other pages. Say I am wireframing the home page, making sure everything is above the average fold. At the bottom I place the footer which is shared across all pages. On another page, say blog, I want to make the wireframe taller to fit more in. This means on this page I need to move the footer down, but I only want it moved down on this page, not every page. At the same time I still want the content of the shared footer layer to be shared across all pages. Do anyone know if this is possible or not, if not has anyone come up with a decent workaround? Thanks

Here the solution, if your trying to do this with onchnage thats in the javascript not in the html The function needs to be called with =function()for the event to fire each time a chnage is made, not just when the page loads (Thanks to Fang at another forum for helping me with that) selectBoxId1.onchange =function() {hideField(selectBoxId1,selectBoxValue1,hiddenBoxId1)}; What i was using (which doesn't work( was selectBoxId1.onchange {hideField(selectBoxId1,selectBoxValue1,hiddenBoxId1)}; Hope this helps someone.

Thanks. So the difference as far as I'm aware is that you added the onchange to the html rather than using selectBoxId1.onchange(hideField(selectBoxId1,selectBoxValue1,hiddenBoxId1)); as I was? If this is the change that got it working then I'm afraid I'm not sure how I can use it as my form is generated with php so I don't know how to add onchange to the actual html. If that is not the change that got it working then would you be good enough to point out what did?

I've got a little further. The script fires now. The text box is shown and hidden but only on page refreshes. So when I first load the page its hidden, if I change the select box to the specified option nothing happens, unless I refresh page, then its shown again Head <script type="text/javaScript"> function hideField(selectBox,selectBoxValue,hiddenBox) { if(selectBox.options[selectBox.selectedIndex].value == selectBoxValue) { //Show the textbox hiddenBox.style.visibility = 'visible'; hiddenBox.style.display = ''; alert('show'); } else { //Hide the textbox hiddenBox.style.visibility = 'hidden'; hiddenBox.style.display = 'none'; alert('hide'); } } </script> Body <script type="text/javascript"> var selectBoxId1 = document.getElementById('cf2_field_6'); var selectBoxValue1 = 'Other(please state)'; var hiddenBoxId1 = document.getElementById('li-2-7'); selectBoxId1.onchange(hideField(selectBoxId1,selectBoxValue1,hiddenBoxId1)); /* var selectBoxId2 = document.getElementById('cf2_field_13'); var selectBoxValue2 = 'Other(please state)'; var hiddenBoxId2 = document.getElementById('li-2-14'); selectBoxId2.onchange(hideField(selectBoxId2,selectBoxValue2,hiddenBoxId2));*/ </script> html form <form enctype="multipart/form-data" action="/#usermessage2" method="post" class="cform" id="cforms2form"> <ol class="cf-ol"> <li id="li-2-1" class="textonly"><h2>This is the final part of the form</h2></li> </ol> <fieldset class="cf-fs1"> <legend>Property Details</legend> <ol class="cf-ol"> <li id="li-2-3" class=""><label id="label-2-3" for="cf2_field_3"><span>Address</span></label><input type="text" name="cf2_field_3" id="cf2_field_3" class="single" value=""/></li> <li id="li-2-4" class=""><label id="label-2-4" for="cf2_field_4"><span>Post Code</span></label><input type="text" name="cf2_field_4" id="cf2_field_4" class="single" value=""/></li> <li id="li-2-5" class=""><label id="label-2-5" for="cf2_field_5"><span>No. of Bedrooms</span></label><input type="text" name="cf2_field_5" id="cf2_field_5" class="single" value=""/></li> <li id="li-2-6" class=""><label id="label-2-6" for="cf2_field_6"><span>Type of Property</span></label><select name="cf2_field_6" id="cf2_field_6" class="cformselect" > <option value="Please select…">Please select…</option> <option value="Flat">Flat</option> <option value="Semi Detatched House">Semi Detatched House</option> <option value="Detatched House">Detatched House</option> <option value="Bungalow">Bungalow</option> <option value="Mid Terrace">Mid Terrace</option> <option value="End terrace">End terrace</option> <option value="linked Detatched">linked Detatched</option> <option value="Maisonette">Maisonette</option> <option value="Other(please state)">Other(please state)</option> </select></li> <li id="li-2-7" class=""><label id="label-2-7" for="cf2_field_7"><span>Type of Property (Other)</span></label><input type="text" name="cf2_field_7" id="cf2_field_7" class="single" value=""/></li> </ol> </fieldset> <fieldset class="cf-fs2"> <legend>Condition Of Property</legend> <ol class="cf-ol"> <li id="li-2-9" class=""><label id="label-2-9" for="cf2_field_9"><span>Condition of Property</span></label><select name="cf2_field_9" id="cf2_field_9" class="cformselect" > <option value="Please select…">Please select…</option> <option value="Excellent">Excellent</option> <option value="Good">Good</option> <option value="Average">Average</option> <option value="Poor/In need of repair">Poor/In need of repair</option> </select></li> <li id="li-2-10" class=""><label id="label-2-10" for="cf2_field_10"><span>Please describe your situation</span></label><textarea cols="30" rows="8" name="cf2_field_10" id="cf2_field_10" class="area"></textarea></li> <li id="li-2-11" class=""><label id="label-2-11" for="cf2_field_11"><span>Property value</span></label><input type="text" name="cf2_field_11" id="cf2_field_11" class="single" value=""/></li> </ol> </fieldset> <fieldset class="cf-fs3"> <legend>Financial Information</legend> <ol class="cf-ol"> <li id="li-2-13" class=""><label id="label-2-13" for="cf2_field_13"><span>Value Based On</span></label><select name="cf2_field_13" id="cf2_field_13" class="cformselect" > <option value="Please select…">Please select…</option> <option value="Estate agent valuation">Estate agent valuation</option> <option value="Mortgage valuation">Mortgage valuation</option> <option value="Surveyor">Surveyor</option> <option value="Own opinion">Own opinion</option> <option value="Other(please state)">Other(please state)</option> </select></li> <li id="li-2-14" class=""><label id="label-2-14" for="cf2_field_14"><span>Value Based On (Other)</span></label><input type="text" name="cf2_field_14" id="cf2_field_14" class="single" value=""/></li> <li id="li-2-15" class=""><label id="label-2-15" for="cf2_field_15"><span>Mortgage Amount outstanding </span></label><input type="text" name="cf2_field_15" id="cf2_field_15" class="single" value=""/></li> <li id="li-2-16" class=""><label id="label-2-16" for="cf2_field_16"><span>Secured loans:</span></label><input type="text" name="cf2_field_16" id="cf2_field_16" class="single" value=""/></li> <li id="li-2-17" class=""><label id="label-2-17" for="cf2_field_17"><span>Monthly cost of Mortgage:</span></label><input type="text" name="cf2_field_17" id="cf2_field_17" class="single" value=""/></li> <li id="li-2-18" class=""><label id="label-2-18" for="cf2_field_18"><span>How quickly do you need to sell?</span></label><select name="cf2_field_18" id="cf2_field_18" class="cformselect" > <option value="Please select…">Please select…</option> <option value="Urgent. Need to Sell Now">Urgent. Need to Sell Now</option> <option value="2 Weeks">2 Weeks</option> <option value="1 Month">1 Month</option> <option value="2 - 3 Months">2 - 3 Months</option> <option value="Not urgent">Not urgent</option> </select></li> <li id="li-2-19" class=""><label id="label-2-19" for="cf2_field_19"><span>Are you facing Repossesion?</span></label><select name="cf2_field_19" id="cf2_field_19" class="cformselect" > <option value="Please select...">Please select...</option> <option value="Yes">Yes</option> <option value="No">No</option> </select></li> <li id="li-2-20" class=""><label id="label-2-20" for="cf2_field_20"><span>Any further information</span></label><textarea cols="30" rows="8" name="cf2_field_20" id="cf2_field_20" class="area"></textarea></li> </ol> </fieldset> <fieldset class="cf-fs4"> <legend>Verification</legend> <ol class="cf-ol"> <li id="li-2-22" class=""><label id="label-2-22" for="cforms_q2" class="secq"><span>The colour of grass is</span></label><input type="text" name="cforms_q2" id="cforms_q2" class="secinput " value=""/></li> </ol> </fieldset> <fieldset class="cf_hidden"> <legend> </legend> <input type="hidden" name="cforms_a2" id="cforms_a2" value="9f27410725ab8cc8854a2769c7a516b8"/> <input type="hidden" name="cf_working2" id="cf_working2" value="One%20moment%20please..."/> <input type="hidden" name="cf_failure2" id="cf_failure2" value=""/> <input type="hidden" name="cf_codeerr2" id="cf_codeerr2" value="Please%20double-check%20your%20verification%20code."/> <input type="hidden" name="cf_customerr2" id="cf_customerr2" value="yyy"/> <input type="hidden" name="cf_popup2" id="cf_popup2" value="nn"/> </fieldset> <p class="cf-sb"><input type="submit" name="sendbutton2" id="sendbutton2" class="sendbutton" value=""/></p></form>

Quite new to js, trying to write a function to show/hide form fields (well the li containing a label and input field) based on the selected choice of select box Heres what I have so far In the head <script type="text/javaScript"> function hideField(selectBox,hiddenBox) { if(selectBox.options[selectBox.selectedIndex].value == 'Other(Please State)') { //Show the textbox hiddenBox.style.visibility = 'visible'; hiddenBox.style.display = ''; } else { //Hide the textbox hiddenBox.style.visibility = 'hidden'; hiddenBox.style.display = 'none'; alert('Alert'); } } </script> In the body <script type="text/javascript"> var selectBoxId1 = document.getElementById('cf2_field_6'); var hiddenBoxId1 = document.getElementById('li-2-7'); selectBoxId1.onChange="hideField(selectBoxId1,hiddenBoxId1);" </script> I am trying to add the onChange with javascript as I am using a wordpress form management plugin so I can't hard code it in the html. At the moment the function is not fired. Any help would be great

Really simple thing but I'm quite new to javascript Need to add a <br /> into the following code var offerform_f1 = new LiveValidation( 'cf_field_2', {onlyOnSubmit: true } ); offerform_f1.add( Validate.Presence, { failureMessage:"First Name is required" } ); The break needs to be before the string "First Name is required"

Ok, brackets it is Thanks again

Thanks Actually came across the answer, very slighly different to yours <?php $pageslug = $post->post_name; if ($pageslug == "page1" || $pageslug =="page2" || $pageslug =="page3" || $pageslug =="page4" || $pageslug =="page5") { ?> <h1 class="float-right"><span class="orange">some text</span> some more text</h1> <?php } ?> Thanks for the quick reply, is there a need for enclosing each $pageslug == "page1" in brackets, like so? ($pageslug == "page1") Thanks

Hi Have the following code which I used so that certain html are only loaded on certain pages <?php $pageslug = $post->post_name; if ($pageslug == "homepage") { ?> <h1 class="float-right"><span class="orange">Some text</span> More text</h1> <?php } ?> Lets say I have some html that I want to display on 10 pages. How can i put several arguments in to be evaluted by the == operator? So something like (and this doesnt work) <?php $pageslug = $post->post_name; if ($pageslug == "homepage","contactpage","blogpage") { ?> <h1 class="float-right"><span class="orange">Call now</span> 01273 589874</h1> <?php } ?> I'm not sure of the syntax to do this, or possibly I need to use a different operator?

Have a 2 part form. The first part just simple stuff (name, email address etc). This form is checked using the liveValidation script (works using jquery) If the required fields are not completed when the submit button is pressed warnings come up and the form is not sent. When the form is submitted successfully I would like a light box window to open with a second form. The lightbox I am using in this case is facebox. Upon successful submission a php file is called which deals with the form info and sends it to the recipient email address. I'm not sure what javascript/jquery code to put in the php file so that after the php script has done its thing a lightbox opens. I have the following code for facebox jQuery.facebox({ div: '#full-form' }) This code alone does nothing. I assume I need to have it called somehow, but I'm not sure how. Thanks

Ah bugger, false alarm. Same issue remains. I had turned the background layer on again in my mockup when I saved the png so it looked like it was fixed, infact its not >.<

Thank you both very much! Really helped me out. I re-exported the png as wrapper_background as opposed to wrapper-background and the issue is resolved. A userful problem solved for the future!

Heres the png in question. Also as an attachment

Have an illustrator vector with some gradients (going from dark grey to transparent, not to white) I export a slice as a png 24 with transparency enabled. If I then open this png in ai or ps the transparency is fine, no problems. However, if I used the png for a webpage there is no transparency, instead the gradient goes from dark grey to white. I have tried this in ie8, latest version of firefox, opera, safari and chrome but they all have the same issue. Not experienced this before, does anyone have an idea as to what might be the issue? Thanks

Yup, was something stupid. Had my button type set as type="button" when of course, it needed to be type="submit" Always the little things

Thanks I tried making all my quotes single <? $subject='Callback request'; $headers= 'From: '.$_GET['emailAddress'].'\n'; $headers.='Content-type: text/html; charset=iso-8859-1'; mail('tai@tonguetiedmedia.com', $subject, '<html> <head> <title>Contact letter</title> </head> <body> '.$_GET['name'].' '.$_GET['emailAddress'].' '.$_GET['contactNumber'].' </body> </html>' , $headers); #echo '<meta http-equiv='refresh' content='0;URL=contact-sent.html'>'; #echo ('Your message was successfully sent!'); #header('Location: contact-sent.html'); #echo "<meta http-equiv="Refresh" content="0;URL=ProfileViewNoJava.php?Updated=True">"; ?> <script> //resizeTo(300, 300) //window.close() //window.open ('contact-sent.html') window.location.href = "http://www.tonguetiedmedia.com/services"; </script> But hasn't fixed the issue. Thanks for the link to the other contact form, however, this is as much about me learning as it is having a working form so I'm going to stick with the simple one I'm using for now. Any other thoughts on what the issue could be?

Sure I'm missing something simple, but its driving me crazy. Have used this script once before and worked a treat |From what I can tell its not working at all, hitting the submit button does nothing, far as I can tell HTML <form class="formClass formClear" id="homePageFormContact" action="http://www.mydomain.com/ttm-wordpress/wp-content/themes/TTM/contactCallback.php" method="get"> <ul> <li><label for="name">Name</label></li> <li class="formSpace"><input type="text" name="name" id="name"/> <script type="text/javascript"> var f1 = new LiveValidation('name', { validMessage: "Thats great!"} ); f1.add( Validate.Presence, { failureMessage:"You can't leave me empty!" } ); </script></li> <li><label for="emailAddress">Email Address</label></li> <li class="formSpace"><input type="text" name="emailAddress" id='emailAddress'/> <script type="text/javascript"> var f1 = new LiveValidation('emailaddress', { validMessage: "Thats great!"} ); f1.add( Validate.Presence, { failureMessage: "You can't leave me empty!" } ); </script></li> <li><label for="contactNumber">Contact Number</label></li> <li><input type="text" name="contactNumber" id="contactNumber"/><script type="text/javascript"> var f1 = new LiveValidation('contactNumber', { validMessage: "Thats great!"} ); f1.add( Validate.Presence, { failureMessage: "You can't leave me empty!" } ); </script></li> <li><input type="button" id="submit" name="submit" value="Send" class="inputButton"/></li> </ul> </form> PHP <? $subject="Callback request"; $headers= "From: ".$_GET['emailAddress']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("name@mydomain.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> ".$_GET['name']." ".$_GET['emailAddress']." ".$_GET['contactNumber']." </body> </html>" , $headers); #echo "<meta http-equiv="refresh" content="0;URL=contact-sent.html">"; #echo ("Your message was successfully sent!"); #header('Location: contact-sent.html'); #echo "<meta http-equiv="Refresh" content="0;URL=ProfileViewNoJava.php?Updated=True">"; ?> <script> //resizeTo(300, 300) //window.close() //window.open ('contact-sent.html') window.location.href = "http://www.mydomain.com/sent"; </script> The name of the php file is contactCallback.php and is in the right place On a related note, is there any app, plugin etc? that I can use to see what php is actually being parsed?

I have started using css with php and so my style.css is now style.php Because of this dreamweaver doesn't highlight the syntax of the css within the style.php. Is there a way to force dreamweaver to use a certain language syntax highlight for a specified file, so I can force dreamweaver to highlight css within this .php file. Better still is there a way to get it to highlight css and php? If dreamweaver cannot do this does anyone know of any software that can do this that also supports code hinting, editing files directly on a server and opening multiple file in different tabs Thanks

I'm trying to put together the simplest possible code for some buttons in my sidebar in the html <a href="http://www.mydomain.com/contact" id="buttonContactEmail" class="sidebarButton"></a> and the css class .sidebarButton { width:225px; height:59px; display:block; } and id #buttonContactEmail, #buttonContactEmail a:link, #buttonContactEmail a:visited {background-image:url(images/buttonContactEmail.png);} #buttonContactEmail a:hover, #buttonContactEmail a:active {background-image:url(images/buttonContactEmailHover.png);} The button shows up fine. The only thing that doesn't work is the hover/active background change. The image name and location for the rollover image are definatly correct. I had a look in firebug and #buttonContactEmail a:hover, #buttonContactEmail a:active {background-image:url(images/buttonContactEmailHover.png);} isn't getting loaded at all, its not being superceded by another css value, its just not getting loaded. Its in the same css file as the #buttonContactEmail, #buttonContactEmail a:link, #buttonContactEmail a:visited line and the class value Aby ideas? Thanks

I'm looking for some good practical Ez Publish tutorials but can't find a thing. Tutorials on how to design for it and use the template system, how to setup the content types and anything else I can find. I can find plenty of documentation whih is useful, but step by step tuts on specific tasks or even better video tutorials running through examples would be great. I can't find a thing. Thanks

At current I use dreamweaver but its a bit to bulkey for what I actually need. Is there another, lighter code editor out there that highlights syntax as dreamweaver does, can autocomplete code as dreamweaver does and gives you a list of values as you type (like a list of css properties and then a list of vlaues as dreamweaver does) Also the app would need to allow direct editing of files locally and on servers Cheers

I would like to design a few different looks for my site and have them switchable by the user. The html will stay the same, the layout and content will be the same. All I will be doing is changing background images. What I would like to find is some script (php / java) that simply switches from say arty_style.css to web2-0_style.css when the user chooses that option. Also for this change to be kept when they go to a new url within my site and when they next come to the site would I need a login/signup system of some kind or can this kind of thing be stored in a cookie? Thanks

Thanks for the reply. I've fixed it, I had a header image outside of my wrapper at the top. It was 113 pixels wide and so my footer was being pushed down 113 more than it should which is why my footer was 113px out of the viewport even when no content in my content section was pushing it

Have a sticky footer that works but not quite as I would like The footer does stick to the bottom of the viewport and as you resize the window the page does expand to fit. Issue is that the footer is 200px heigh and 100px of that is displayed outside of the viewport and must the page must be scrolled down for the other 100px to be visible Below is how it displays followed by what I would like Below is my sticky footer code only (not my full css file html, body { background-image:url(images/background-centre-tile-from-center.jpg); background-repeat:repeat; background-position:center top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; height: 100%;/*sticky footer*/ .push { height: 200px; /*sticky footer .push must be the same height as .footer */ clear:both; } .footer { height: 200px; /*sticky footer .push must be the same height as .footer */ } * {margin: 0;}/*sticky footer*/ #wrapper { width:960px; margin-right: auto; margin-left: auto; background-image:url(images/content-background-sidebar.jpg); background-repeat:repeat-y; position:relative; min-height: 100%;/*sticky footer*/ height: auto !important;/*sticky footer*/ height: 100%;/*sticky footer*/ margin: 0 auto -200px; /*sticky footer - the bottom margin is the negative value of the footer's height */ } This is the full css file with that sticky footer css within it /* Theme Name: Starkers Theme URI: http://elliotjaystocks.com Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>) Version: 2 (WP2.6.2) Author: Elliot Jay Stocks Author URI: http://elliotjaystocks.com Tags: starkers, naked, clean, basic */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; #comment { width:660px; } /* Browser -------------------------------------------------------- -------------------------------------------------------- --------------------------------------------------------*/ /*Fireofx*/ :focus { -moz-outline-style: none; } /* Tag -------------------------------------------------------- -------------------------------------------------------- --------------------------------------------------------*/ h1 { font-size:36px; } html, body { background-image:url(images/background-centre-tile-from-center.jpg); background-repeat:repeat; background-position:center top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; height: 100%;/*sticky footer*/ } /* Class -------------------------------------------------------- -------------------------------------------------------- --------------------------------------------------------*/ .floatLeft {float:left;} .floatRight {float:right;} .clear {clear:both;} .post-content { width:530px; padding-left:25px; padding-right:25px; } .post { padding-bottom:50px; } .push { height: 200px; /*sticky footer .push must be the same height as .footer */ clear:both; } .footer { height: 200px; /*sticky footer .push must be the same height as .footer */ } * {margin: 0;}/*sticky footer*/ /* Layout -------------------------------------------------------- -------------------------------------------------------- --------------------------------------------------------*/ #wrapper { width:960px; margin-right: auto; margin-left: auto; background-image:url(images/content-background-sidebar.jpg); background-repeat:repeat-y; position:relative; min-height: 100%;/*sticky footer*/ height: auto !important;/*sticky footer*/ height: 100%;/*sticky footer*/ margin: 0 auto -200px; /*sticky footer - the bottom margin is the negative value of the footer's height */ } #top { background-image:url(images/logo.jpg); background-position:center; background-repeat:no-repeat; height:113px; width:960px; margin:auto; position:relative; } #header { height:243px; background-image:url(images/header-sidebar.jpg); } #search { padding-right:50px; padding-top:25px; margin-left:700px; } #s { margin:2px; border:none; background-color:transparent; } #searchsubmit { border:0; background-color:transparent; width:58px; cursor: pointer; } #contact-field-background { height:27px; width:58; margin-top:3px; background-image:url(images/search.jpg); background-repeat:no-repeat; background-position:left bottom; } #navigation { /*height:51px;*/ padding-top:56px; padding-left:113px; height: 51px; } #navigation ul { display:inline; list-style-type:none; /*list-style-position:inside;*/ } #navigation li { display:inline; list-style-position:inside; padding:0px; border:0px; margin:0px; } #container { padding-bottom: 100px; } #content { padding-left:50px; padding-right:50px; padding-bottom:100px; } #sidebar { width:214px; } #footerid { width: 960px; margin:auto; background-color:#025589; } Finally my html <!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" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <title> <?php if (is_home()) { echo bloginfo('name'); } elseif (is_404()) { echo '404 Not Found'; } elseif (is_category()) { echo 'Category:'; wp_title(''); } elseif (is_search()) { echo 'Search Results'; } elseif ( is_day() || is_month() || is_year() ) { echo 'Archives:'; wp_title(''); } else { echo wp_title(''); } ?> </title> <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" /> <meta name="description" content="<?php bloginfo('description') ?>" /> <?php if(is_search()) { ?> <meta name="robots" content="noindex, nofollow" /> <?php }?> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_head(); ?> </head> <body> <!-- rollover images using javascript. http://www.designplace.org. --> <!-- place the following code within the <BODY> of your document --> <script src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/javascript/rollover.js" type="text/javascript"></script> <div id="top"></div> <div id="wrapper"> <!-- <div id="container"> --> <div id="header"> <div id="search"> <?php include (TEMPLATEPATH . '/searchform.php'); ?> <!--end search--> </div> <!--end search--> <div class="clear"></div> <div id="navigation"> <?php #wp_list_pages(); ?> <ul> <li> <a href="http://www.tonguetiedmedia.com/index.php" onMouseOver="swap('button-home','home_mouseover_image')" onMouseOut="swap('button-home','home_normal_image')"> <img name="button-home" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-home.jpg"/></a> </li> <li> <a href="services" onMouseOver="swap('button-services','services_mouseover_image')" onMouseOut="swap('button-services','services_normal_image')"> <img name="button-services" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-services.jpg"/></a> </li> <li> <a href="pricing" onMouseOver="swap('button-pricing','pricing_mouseover_image')" onMouseOut="swap('button-pricing','pricing_normal_image')"> <img name="button-pricing" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-pricing.jpg"/></a> </li> <li> <a href="quote" onMouseOver="swap('button-quote','quote_mouseover_image')" onMouseOut="swap('button-quote','quote_normal_image')"> <img name="button-quote" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-quote.jpg"/></a> </li> <li> <a href="portfolio" onMouseOver="swap('button-portfolio','portfolio_mouseover_image')" onMouseOut="swap('button-portfolio','portfolio_normal_image')"> <img name="button-portfolio" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-portfolio.jpg"/></a> </li> <li> <a href="contact" onMouseOver="swap('button-contact','contact_mouseover_image')" onMouseOut="swap('button-contact','contact_normal_image')"> <img name="button-contact" src="http://www.tonguetiedmedia.com/ttm-wordpress/wp-content/themes/starkers/images/button-contact.jpg"/></a> </li> </ul> <!--end navigation--> </div> <!--end navigation--> <!--header end--></div> <div class="clear"></div> <div id="content"> <?php get_header(); ?> <style type="text/css"> <!-- #post-content { float:left; } --> </style> <div class="post-content" id="post-content"> <h1>This is the Page.php template!</h1> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <h2><?php the_title(); ?></h2> <?php the_content('<p class="serif">Read the rest of this page »</p>'); ?> <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?> </div> <?php endwhile; endif; ?> <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?> <!--end post-content--> </div> <!--end post-content--> <div id="sidebar" class="floatRight"> <h2>Meta</h2> <ul> <?php /* Widgetized sidebar, if you have the plugin installed. */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it. <li><h2>Author</h2> <p>A little something about you, the author. Nothing lengthy, just an overview.</p> </li> --> <?php if ( is_404() || is_category() || is_day() || is_month() || is_year() || is_search() || is_paged() ) { ?> <li> <?php /* If this is a 404 page */ if (is_404()) { ?> <?php /* If this is a category archive */ } elseif (is_category()) { ?> <p>You are currently browsing the archives for the <?php single_cat_title(''); ?> category.</p> <?php /* If this is a yearly archive */ } elseif (is_day()) { ?> <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives for the day <?php the_time('l, F jS, Y'); ?>.</p> <?php /* If this is a monthly archive */ } elseif (is_month()) { ?> <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives for <?php the_time('F, Y'); ?>.</p> <?php /* If this is a yearly archive */ } elseif (is_year()) { ?> <p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives for the year <?php the_time('Y'); ?>.</p> <?php /* If this is a monthly archive */ } elseif (is_search()) { ?> <p>You have searched the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives for <strong>'<?php the_search_query(); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p> <?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?> <p>You are currently browsing the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives.</p> <?php } ?> </li> <?php }?> <li><h2>Archives</h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul> </li> <?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?> <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?> <?php wp_list_bookmarks(); ?> <?php } ?> <?php endif; ?> </ul> <ul> <?php wp_register(); ?> <li><?php wp_loginout(); ?></li> <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> <?php wp_meta(); ?> </ul> <!--end sidebar--> </div> <!--end sidebar--> <?php #get_sidebar(); ?> <?php get_footer(); ?> <div class="clear"></div> <!--end content--> </div> <!--end content--> <div class="clear"></div> <div class="push"></div> <!--end wrapper--> </div> <!--end wrapper--> <?php wp_footer(); ?> <div id="footerid" class="footer"> <p><?php bloginfo('name'); ?> is proudly powered by <a href="http://wordpress.org/">WordPress <?php bloginfo('version'); ?></a> | <a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a> | <a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>.</p> <!--end of footer--> </div> <!--end of footer--> </body> </html> The html code is infact split between header, page and footer php files as this is in wordpress but its displayed as 1 here The sticky footer technique I am using is this 1 Thanks

I am looking at starting a pc game help site thats lists all know issues for pc games as well as which graphics cards, cpus, operating systems, driver versions these issues relate to. I would like to build a database of these issues thats easily searchable. If you had an issue with say call of duty 2 and you had an 8800gtx gpu, q6600 cpu xp sp3 you would select game drop down list: call of duty os drop down list: xp sp3 gpu drop down list: Nvidia 8800gtx etc etc The results returned would go from most specific to least. So results realting to call of duty 2 8800 issues would come before other call of duty 2 issues for say 7800 gpus. Is this easy enough to do under mysql? and is they an specific plugins, apps etc that are useful for this task? Thanks