jame5payne

Thanks for the response WBC, worked a treat!

Good morning fellow devs! I was just wondering if there is a way of when clicking on a link for say a 'contact page', the page loads but starts half way down that specific page? Any tips/advice would be much appreciated. Thanks James

Hey lovelock, thanks for the response. I'm really new to all this, hardly much experience. I have a similar approach, I do the same with the different colours, helps when I'm playing around with padding and margins mainly.

Lol, first time I've ever heard of that, learn something new everyday, thanks

Thanks for the rapid response, works a treat

Hi all. I've styled some links on a site I'm working like the following. Having a little difficulty getting around this one, hopefully someone can point me in the right direction. #main .leftCol a:link {color:#ece6da; text-decoration:underline;} #main .leftCol a:hover {color:#946b28; text-decoration:underline;} #main .leftCol a:visited {color:#ece6da;} Basically the links are a beige color and are underlined. When you hover over them the underline stays and they turn gold. I don't have an active state set as I'm not bothered about that at the mo. I don't want them to change color once the page has been visited so that's why I set the visited state to have the same color as the link (and I know that if I don't set a color then it will run the default and I'll have blue visited links) BUT.....this is now over riding the hover state, if you get me. Does anyone know how to work around this, any advice/answers would be greatly appreciated, thanks James

It very much did, thank you kind sir

I have a little issue that I can't seem to resolve, hopefully someone will be able to help me I'm trying to get my two floated divs to centre up with the rest of the site but it's just not happening. I've attached a screen shot of how it looks. Here is my HTML code... <div id="wrapper"> #WRAPPER <div id="header"> #HEADER <div class="logo">#LOGO</div> <!--end logo--> <div class="nav">#NAV</div> <!--end nav--> </div> <!--end header--> <div id="main">#MAIN <div class="slide">#SLIDE</div> <!--end slide--> and here is my CSS... #wrapper { background-color:#36F; /*--BLUE--*/ margin-left:auto; margin-right:auto; width:960px; } #header { background-color: #F93; /*--ORANGE--*/ } #header .logo { background-color: #C9F; /*--PURPLE--*/ width:300px; height:100px; margin-left:auto; margin-right:auto; } #header .nav { background-color: #9F6; /*--GREEN--*/ width:560px; margin-left:auto; margin-right:auto; } #main { background-color: #F00; /*--RED--*/ width:760px; height:400px; margin-left:auto; margin-right:auto; } #main .slide { background-color: #0FF; /*--TURQUIOSE--*/ width:560px; height:185px; margin-left:auto; margin-right:auto; } #main .leftCol { background-color: #FF6; /*--YELLOW--*/ width:300px; height:150px; float:left; margin-left:auto; margin-right:auto; } #main .rightCol { background-color: #F6F; /*--PINK--*/ width:300px; height:150px; float:left; margin-left:auto; margin-right:auto; } #footer { background-color: #FC9; /*--PEACH--*/ width:960px; height:100px; } .clearFloat { clear:both; } <div class="leftCol">#LEFTCOL</div> <!--end leftCol--> <div class="rightCol">#RIGHTCOL</div> <!--end rightCol--> </div> <!--end main--> <br class="clearFloat" /> <div id="footer">#FOOTER</div> <!--end footer--> I'm fairly new to code so any tips/advise or the answer would be much appreciated Thanks in advance James

Hi all. I was just wondering when it comes to the coding and styling of a which your working on how you approach it. I know there isn't really a right or wrong answer and is down to personal/experience choice but was just interested on other designer/coders approach. For example.... a 5 page site. Do you input all HTML on all 5 pages then jump onto the CSS and style the site? Or do you sort the HTML for the first page then style that...then second page, style that and so on? Looking forward to you response. James

Thanks for the response Web Guru. Would you not advise a fixed width layout then?

Hi all and happy new year! I'm currently coding a site and am having a few difficulties. I've uploaded 2 diagrams, one of the structure and another of the final index page look. I've designed so all the content is within 800px and what I would like is the whole site centered. First question is would the best option be have 2 floating divs in the middle or just have the one? reason I ask this is because out of all the pages on the site only 2 were going to be using the 2 floating divs in the middle, the rest are just the one div?? Second question is would you have the logo in with the header or have that in it's own div sitting on top of the header? Hope to speak to someone soon

I am hoping and preying that someone will help me as I've been banging my head against a brick wall because of this..... I'm new to php and jQuery and I'm trying to get my form to work. I've coded the HTML for the form and next I want to sort the code for PHP and validate it. Below is the HTML and PHP code I have so far for the first part of the form... When I test this out by filling in the fields and clicking send the only fields I receive in my email are firstName_field, lastName_field, street_field and lineTwo_field. The rest...town_field, city_field and postcode_field are all empty in my sent email...does anyone know WHY???? // PHP CODE BELOW // <?php if(isset($_POST['submit'])) { $to = "Email address goes here"; $subject = "Title"; // data the visitor provided $firstName_field = filter_var($_POST['firstName'], FILTER_SANITIZE_STRING); $lastName_field = filter_var($_POST['lastName'], FILTER_SANITIZE_STRING); $street_field = filter_var($_POST['street'], FILTER_SANITIZE_STRING); $lineTwo_field = filter_var($_POST['lineTwo'], FILTER_SANITIZE_STRING); $town_field = filter_var($_POST['town'], FILTER_SANITIZE_STRING); $city_field = filter_var($_POST['city'], FILTER_SANITIZE_STRING); $postcode_field = filter_var($_POST['postcode'], FILTER_SANITIZE_STRING); //constructing the message $body = " From: $firstName_field $lastName_field\n Street: $street_field\n Address line 2: $lineTwo_field\n Town: $town_field\n City: $city_field\n Postcode: $postcode_field\n"; // ...and away we go! mail($to, $subject, $body); // redirect to confirmation header('Location: thanks.html'); } else { // handle the error somehow } ?> // HTML CODE BELOW // <div id="formContainer"> <form id="quoteRequest" method="post" action="quoteRequest.php"> <div class="formDescription"> <h2>Quote Request</h2> <p>Please complete the form below to receive a free Limousine hire quote for your requirements. You can also get a quote by calling one of our Customer Services Team on ...</p> </div> <!--------------------SECTION BREAK--------------------> <div class="section_break"> <h3>Personal Details</h3> </div> <!--------------------NAME FIELD--------------------> <div class="row"> <div class="label">Name *</div> <input type="text" id="firstName" name= "firstName" class="detail" value=""/> <label class="context">First</label> <input type="text" id="lastName" name= "lastName" class="detail" value=""/> <label class="context">Last</label> </div> <!--------------------ADDRESS FIELD--------------------> <div class="row"> <div class="label">Address *</div> <input type="text" name="street" class="detail" value=""> <label class="context">Street Address</label> </div> <div class="row"> <input type="text" name="lineTwo" class="detail" value=""> <label class="context">Address Line 2</label> </div> <div class="row"> <input type="text" name="town" class="detail" value=""> <label class="context">Town</label> </div> <div class="row"> <input type="text" name="city" class="detail" value=""> <label class="context">City</label> </div> <div class="row"> <input type="text" name="postcode" class="detail" value=""> <label class="context">Postcode</label> </div> </form> </div>

Hi all. I will soon need to create a contact form for a site I'm working on. I was wondering in your experience would you suggest creating one from scratch, using PHP, HTML, AJAX, jQuery?????? Or using one of the many online form builders that are around these days?? Thanks James

Hi all. I will soon need to create a contact form for a site I'm working on. I was wondering in your experience would you suggest creating one from scratch, using PHP, HTML, AJAX, jQuery?????? Or using one of the many online form builders that are around these days?? Thanks James

Hey all, I'm sure there's a post on here related to the question I'm about to ask but can't seem to find one at the moment...anyway, I'm looking at web hosting companies and was wondering what your suggestions are on who I should go with?

Thanks so much j05hr, think I've finally done it, is the code okay for positioning? It looks okay in a browser... my CSS now is... #gradientTexture {background-image:url(images/gradient_texture.jpg); width:100%; height:900px; background-position:top center; } #photo {background-image:url(images/photo.png); width:100%; height:900px; background-repeat:no-repeat; background-position:center; }

Okay, so far so good, here's what I have in my html... <div id="gradient"> <div id="photo"> </div> <div id="texture"> </div> </div> and here's what I have in my stylesheet... #gradient {background-image:url(images/gradient.jpg); width:1200px; height:900px; } #photo {background-image:url(images/picture.png); width:1200px; height:900px; } Only problem is when I add the following... #texture {background-image:url(images/texture.jpg); width:1200px; height:900px; } it sits below the rest instead of on top...if you get what I mean. Is this because the div id "texture" is in a different container?

Thanks so much for the response j05hr, I have only been signed up since this morning and am finding it so helpful already In regards to having 3 different images, 'gradient' 'texture' and 'photo' how would you place these on top of each other when coding? Would it be through z-indexing, as wouldn't normal div tags just place each image underneath the previous?

Hopefully someone can help me..... I am currently in the process of designing a site for a band. The background that I've designed in Photoshop CS5 is fairly detailed, it has a texture, a photo, some brushes and a radial gradient. For the navigation I would like to create a CSS sprite as apparently it will help with load times?? And the text for the navigation buttons I would like to do in HTML as it will help with SEO?? So firstly......am I going in the right direction? Would you slice up the background that I designed in PS, if so how many images? 1? 2? 3? What file type would you save them as, gif? png? jpeg? Can I then put content, navigation buttons, footers, etc etc over the top of this when using HTML/CSS? The reason I ask is that I've been reading that slicing up templates in photoshop is bad for SEO, is this true or am I looking too far ahead? If you have any tips or advise it would be greatly appreciated as I am fairly new to this.