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.