Alright guys, Following on from my last post, a few down. I cannot fix the problem. I have a page with lots of div "boxes" the content is pulled from a database. Pages and pages of these "boxes" work fine. but every so often, one goes wrong. <-- and only in firefox, its fine in ie7. Anyone with msn messenger who i can show the problem to, and can fix the problem gets the $10. Its not much, but its all i can give sorry. Cheers
Why don't you save yourself the $10 and post the code? I'm sure someone (such as myself) can help you for free. You'll even learn something in the process too (assuming someone such as Gary or myself takes a stab at it).
My code is usless, so trying to get someone to have a look will not work What i am trying to do is the following: You can see in my image, i have a green box, i had this as a div. Then each of the other coloured boxes are also divs. What i wanted was the green box to show a border on a rollover, and have the whole thing as one big button. Its for a persons profile, the red box holds the persons image, pink is the persons name, light blue is the description. The others are smaller divs with differnt info in them. Age, sex, location. My code just toally sucked. And didnt look the same in any browser. (IE7, IE6, FF). I do not understand how to make the green box a link above the innner ones, without having the divs within the Hyperlink, which someonen said was not possibble in my other post I had somthing like this: <div id="greenBox"> <a href="sdf"> <div id="redBox"><img src="joe.png" width="60" height="50" /></div> <div id="pinkBox">Persons Name</div> <div id="lightBlueBox">Persons Desc</div> <div id="small1Box">Age</div> <div id="small2Box">Sex</div> <div id="small3Box">Location</div> </a> </div This code worked perfectly in IE7 -- worked 95% of the time in Firefox, and just messed up in IE6. All i really want is a cool boarder to appear when the mouse is hoverd anywhere over the whole "box". Any info would be great. With how i could improve what i am doing wrong. How the correct way to do it. Cheers.
Ok. As I've said at least a dozen times in the past few days, block-level elements inside inline elements ARE NOT VALID HTML. Replace the DIVs with SPANS, then set their display to block (being sure to give them heights and widths), and see if it works.
Just want to say a big thankyou to Dan Schulz! Although he didnt give me much advice, i decided to follow his words, and i have actually re-done my whole css website to valid html. It's taken 9hrs stright. But i think it was worth it It just somehow "feels" stronger, and it has made such an improvent to actual faults. So, thanks mate, rep added. Cheers.
What do you mean, "Although he didnt give me much advice"? We both told you to get your markup straightened out, as it was the probable root of your problems. He gave you exactly the correct advice several times, including on this thread. To repeat myself: cheers, gary