flavaflav

I have a form that is driving me nuts trying to get correct cross-browser, its seems fine across a few Firefox versions, and IE8, it is just with Safari where it is screwing up, and personally i just think my xhtml and css is probably a bit crummy!! I have attached a screen for firefox and one for safari, and the code i am using, any help would be greatly appreciated, as I am really stuck now! HTML - <div id="loginArea"> <a href="" title="Have you forgotten your password?" class="forgotPass">Forgotten password?</a> <form id="loginForm" action="/" method="post"> <fieldset> <p> <label for="logname">Login</label><br /> <input type="text" name="logname" value="" id="logname" /> </p> <p> <label for="password">Password</label><br /> <input type="text" name="password" value="" id="password" /> </p> </fieldset> <p class="login"> <input type="submit" id="btn" value="" title="Login to the site" /> </p> </form> </div><!--end of loginArea div--> CSS - #loginArea { position: absolute; margin: 70px 20px 0 660px; width: 310px; height: 66px; background-image: url(../images/login_area_background.png); background-repeat: no-repeat; } #loginForm fieldset { padding: 0; margin-top: 2px; margin-left: 10px; border: none; width: 260px; height: 30px; } #loginForm, #loginForm input, #loginForm label { font-size: 1em; color: #fff; } #loginForm #logname { float: left; margin: 20px 0 0 0; padding: 0; } #loginForm #password { float: left; margin: 0; padding: 0 0 0 47px; } #loginForm p { margin: 0; padding-left: 10px; } #loginForm p br { display: none; } #loginForm fieldset p input { padding: 0; width: 100px; height: 30px; margin: 0; background: none; } #loginForm fieldset p input { border: none; } .login #btn { float: right; clear: both; width: 20px; height: 20px; margin: -11px 15px 0 0; background: url(../images/login_button_states.png) no-repeat; border: none; cursor: pointer; } .login #btn:hover { background: url(../images/login_button_states.png) 0 -20px no-repeat; } Many thanks

Thanks guys, i'll give it a whirl!! Wish me luck!!

Thanks for that,they were thinking of having some extra seo work done on the site,after completion of the main project. I am thinking of how to word that into the email also, as a kind of hook, so they do not think i am going to dissapear. I have a feeling they will be funny otherwise for paying for work already done..and i could really do with the balance at this moment in time.

Thanks for that Bluedreamer, it is the wording i want to get correct in the email i will send, any tips on that? many thanks

I have a project that I have worked on and off for over 3 months now, basically delays with my client providing me with images, copy etc.. they really do not seem to have a strict deadline in place and keep meandering. Now they are asking for additions to the site that were not in the initial brief. I have completed the site pretty much, and would really like to invoice for services rendered, then come back to the rest when they are ready. I do have a clause in my terms that says basically no response from them more than 14 days and I can bill, but how to i go about it? say with the wording, so as not to sour the relationship? this is the part that I am having trouble with. Thanks

Hi, I have a site i am building in Wordpress, and want to include a featured news section (featured.php) on just the home/index page, now i can drop the PHP include into the index page, but the way Wordpress works is that index.php controls the display of all the pages, as such the include would appear on each and every page!! I have given my home page a class of 'home', I was just wondering what the code would be to just include this file on the homepage..... Im guessing its along the lines of - if body class=home then include featured.php But I do not know how to code this correctly (as you may have guessed!!) Thanks for your time.

Thanks Flex, i will give this a try!

I have changed them to heading classes, makes more sense!

Hmm not sure!!

Hi, I have an image thumbnail that i would like to float to the left, and then the date and post title to the right of that image, and then the rest of the content below both of them, i can get the date/post title to align right of the thumb, but cannot push the first paragraph of text below the image?!?! This is my code... <div class="postSummary"> <p class="postThumbnail"><img src="/images/sample_post_thumb.jpg" alt="Image of car" /></p> <p class="postDate">15th August 2009</p> <p class="postTitle">Good Design</p> <p><strong>Why is good design important</strong></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse arcu nibh, volutpat sodales eleifend ut, mollis eget nibh. Sed id lorem vitae leo convallis aliquet. Suspendisse sit amet sem est, et fringilla risus. Mauris interdum gravida fermentum. Duis ac mi.</p> .postSummary { margin: 30px 0 0 0; padding: 0; border-bottom: 1px solid #7cb059; } .postThumbnail img { width: 133px; float: left; margin: 0; padding: 8px 10px 0 0; } .postDate { font-size: 1em; font-weight: bold; color: #7cb059; line-height: 0; padding: 0 0 5px 0; } .postTitle { font-size: 1.4em; font-weight: bold; color: #006666; line-height: 1em; } .postDate p, .postTitle p { float: right; } .postSummary strong { clear: both; color: #7cb059; }

Any ideas folks?

Cheers scaz, that worked a treat!! Top man!

Hi, I have a small piece of PHP code that i am using... <body id="<?= basename($_SERVER['PHP_SELF'], ".php")?>"> Which works great, apart from the fact that the body id once the PHP has been executed is called 'index' (well for the homepage), which im not really after! I would much rather have it body id="home" , is there anyway to tweak this code so it would see the first page is index.php but give it an id of 'home' and then do the other pages as normal??

Hi, Yes i want the controls to sit below the content in the slider, which at present it is not doing?!? I have attached a zip of the main js file, and a copy of the js file which controls the multiple instances on a page. jflow.zip

Removing the floats did not work, and I only have a copy on my localhost at present!! Sorry!