husseycoding

No worries, we all do things like that sometimes

Hi welshhuw, You have a typo in the background url for your #paper-clip div - iamges rather than images.

Hi aquip, It's really not clear what you are trying to achieve from that explanation, can you give us some more detail on the setup here?

Hi matthewjames28, Unfortunately I don't think you will find it to be as simple as just copy and paste - there could be any number of things going on behind the scenes that the code you see through firebug just refers to. You would be much better off doing some reading and finding out how to achieve what you want to do that way - the end result will be hugely better because you will understand what you are doing rather than just copying and pasting someone else's work.

Javascript can target all CSS styles, also change images etc, so you could achieve it with this pretty easily. It would just take a few lines of code to target all the elements that you wanted to change.

So you are trying to access the source code for a domain other than your own? If you are allowed access to this other domain then there will be much better ways of doing whatever it is you are trying to achieve. If you are not, then you probably shouldn't be doing it anyway...

Hi atiprashant, You can read the entire current contents of a web page using this simple javascript snippet: pagecontents = document.getElementsByTagName('BODY'); This will store the page contents to variable 'pagecontents' as it stands at the time of calling the snippet, not as it stands when the page loads, so any AJAX calls will be reflected here. You can then use the various javascript string manipulation methods to extract the information you want (if needs be) and then send the resulting information as variable(s) attached to a call to an external php script using AJAX. Remember that php is processed server side before the page is sent to the browser, so anything that you need to access via php must be sent to the server, it cannot be done client side.

I agree, IE is the bane of so many projects. The odd thing about your site is that 3 of the 4 notches align exactly with the header and footer section, but the top left one is further down and appears to align with nothing. One thought, is the background image exactly the size it is displayed at or is there any scaling going on by the browser? I can easily see this causing these kinds of issues.

What is not happening that is supposed to? Does this 'floating' bar not position how you need it to? Are you having problems with the rounded corners? What do you mean by 'floating'?

It would be helpful to see some code, but basically if you have two divs, one after the other in the code, and they are both set to position:relative, then the second div should always appear below the first, even if the first div changes dimensions.

Presumably the pictures are to be the same size as the text boxes are at the moment? In this situation the way I would do it is have a div containing the text, and a div containing the image. Position them both as they should be and have the div containing the text hidden to begin with. On the div containing the image use an onclick() event handler which simply hides the div containing the image and makes the div containing the text visible. You certainly don't need a plugin to do something like this, it is relatively straightforward.

Remember different browsers can have different 'default' values for a number of CSS attributes so make sure you always define anything that can cause differences in a situation like this. Here it looks like the text size is different, and I would also define margin and padding too if you haven't done a rest at the top of your CSS code. The following is usually sifficient: * { margin:0; padding:0; }

There is no real way you are going to be able to achieve this perfectly I don't think. The only way that springs to mind which isn't perfect would be to cut the top and bottom border section and place them in their own div, then have the middle section again in it's own div, but set the image as a repeating background. That way you will always get edging there and it won't be stretched but the trade off is that it will not align exactly to the bottom border most of the time. Due to the nature of the border, it may not be too visible however... I would say that's about as good as you will get here.

Ok, well I don't know how experienced you are at javascript, but look at: getElementById() This method allows you to target a div according to the id you have assigned it. You can extend this method with all kind of things to affect the CSS properties it's possible to apply to the div. In your case you would want to use: document.getElementById('yourdivid').style.visibility = "hidden"; document.getElementById('yourdivid').style.visibility = "visible"; Just replace yourdivid with the id of your div. You can do pretty much anything you like this way, so to set the position of the div for instance you would want to use somthing like the following: document.getElementById('yourdivid').style.top = postop+"px"; document.getElementById('yourdivid').style.left = posleft+"px"; Here again replace yourdivid with the id of your div, postop and posleft would be variables you have assigned a numerical value to. Hope that gets your started.

You will need to use javascript for this. Look at the CSS visibility property to change the visibility of the menu. It's basically just a case of adding in code to make the menu appear when you rollover the heading, and then a bit more code to make it disappear when you need it to.

Well as you have defined only CSS for this, I would create another container around navbar, set the position of this to left:50%, and then set navbar within this new container to left: negative half the width of the div, so if navbar was 500px, set it to left:-250px. This will result in the navbar being centered but bear in mind it will leave the left hand edge of the screen if the window is made too small. If you don't want this to happen, you will need to use Javascript.

Indeed, good luck. For me alarm bells would have been ringing as soon as I found out the guy was going to be doing both the design and the build. It's extremely rare that someone is good at both the design and the coding.

Have you applied css to the form to size and position it correctly? As long as you have defined everything you need to this way then there is no reason it shouldn't render the same in every browser.

Pretty good, but I would be more impressed if it actually was just done with CSS!

I've just had a look at it, and yes it is just CSS utilising the min-height property. It looks like a decent solution although the min height property does not take into account padding, borders or margin so it's not foolproof. No JS to look at their then!

Getting started can seem a bit daunting at first, but if you stick at it you will definitely get there. As for where to go to do that, well one site I have found very useful myself over time is w3schools.com, they have very extensive and well written documentation on there including introductions. You can find the javascript introduction here: http://www.w3schools.com/js/js_intro.asp and the PHP introduction here: http://www.w3schools.com/php/php_intro.asp Personally I would suggest you leave PHP until you feel fairly competent at Javascript mainly for two reasons, firstly I think you will find there is a fair amount of assumed Javascript knowledge in PHP teaching material, and secondly, you may get to the point where you just feel a bit overwhelmed and like you are not making any real progress in either if you take on 2 languages at once. After you have had at look at some introductory material, then for me the best way to learn is to just to set yourself a project in the language, nothing too grand, just think of something you want to try and achieve. Start coding with what you know and then research the rest as you go, there are endless forums and websites will all kinds of questions and solutions for every conceivable programming problem someone has tried to solve, so if you search for specifics you will always find an answer in the end. Once you have managed to complete that project you have set yourself, hopefully you will feel like the ball is starting to roll, just keep it going and before you know it you will suddenly think, actually, this isn't so hard and I'm getting pretty decent at it. Least thats the way that works for me when I'm learning a new language

Well without actually looking at it, I would expect that sticky footer requires you to include a .js file on the page you want it, its this .js file I was suggesting you could examine to see how the javascript inside works

I would certainly disagree with your friend to be honest. People absolutely remember the design of a website and it has a huge influence on the reaction they have to the site. Say you land on an ecommerce site and it just looks horrible, badly designed and amateurish, would you buy any products from there? I know I certainly would not, I would be straight off to the next site. Personally, I think there is little point getting a site out there early if it's not going to have the desired affect because it's incomplete, better to finish it with some polish and make sure it is doing the job it's meant to and then get it out there. So take your time, no-one will miss the launch if it's a little late. As for my reply from earlier, if you think your skill is going to be in coding, then yes maybe it would be worth your while getting someone to design your site for you, alternatively you may have a friend who can do it as a favour? In terms of cost, well it varies from designer to designer depending on experience, the quality of work you receive and how many projects the designer has under their belt to show their position in the marketplace. For a good designer in the professional market place we would be talking hundreds of pounds which might sounds a lot, but bear in mind you will get what you pay for. If you go with someone who has a proven track record and work out there that you like, then yes it might be expensive but you will get a great product at the end of the day. When I talk about coding, well as a basis in web development, that includes HTML and CSS, but realistically few people are looking for something as simplistic as you could create with just those two tools. You certainly would need to learn Javascript as a minimum, and then it would be a good idea to get to grips with some server side tools like PHP and MySQL. You could do a lot worse than having a toolset with these 5 skills, I certainly find there is enough work out there to keep me going.

Javascript is a very versatile language which can be used to do many things, but it does take some time to learn. In terms of complexity, yes it is certainly significantly more complex to code than HTML and CSS, but in my opinion, it's well worth the time spent learning because of the vast amount of extra functionality you gain for your page. Something like your footer issue could be coded in around 15 lines I would say, so if you wanted to learn it then that would be a great little project to get going with (even examine the code for sticky footer and try and work out whats going on if you like).

Hi Adam, I'm exactly the same with design! In my experience, very few people can be truly talented in both design and coding, if you are struggling with the design side, then it's probably just that it's not your forte. Anything I design looks horrible and amateurish, so I just steer clear of it and let those who have the skills in design cover that side. Myself, I just stick solely to the coding because I know whats what I'm good at. I think it would probably help you to decide on one or the other and then just concentrate on that, otherwise you are just going to continue to frustrate your self because you never become very accomplished at either.