ifubad

Is there a way to clear an absolute element using css?

Once I loaded the site, my almost 18 month old boy lost interest in his mom's night time story babbling right away and climbed onto my lap to check it out and watched me played it for around 10 mins, until I was done. All seems to run fine on my side. I don't like playing with sheep, not my fetish. Anyway, those damn cactus, make them shorter, they are too freaking tall, my sheep keeps doing face plants every time. I personally didn't like the voice over, sounds kinda like someone with a slurring problem, or like my old friend when he drank too much, that's my honest first impression. Besides that, my kid thinks it has potential. Graphics is good.

perfect, thank you

When using fgetcsv, it reads in line by line, but I don't want to read in the header of the csv file, is there an easier way to not read that first line? Or, is the only way to do that is to check either using a conditional statement to skip the first read OR check $array[0] and then determine what to do with it?

Using the function readdir to get a list of files, and only if the file is a jpg, then those files will get stored into the array. Would it be correct to use regex to check the extension?

color wise, looks identical in both ie6 and ff2, don't see any problems with the h1

cool, works perfect. The only property I had to add is a float to the div so that the div will be only as big as the thumbnail img. Perfect, gonna save this for future reference. thnx

ok, let me try to explain this better I want to place a random thumbnail image on a page using the <img> tag, the size of image will vary, when hovered, it will pop up a larger version of the same image, directly over the top and covering the thumbnail image. The reason why I want to use the <img> tag, is that the element will automatically adjust its size to the size of the image file. The problem is, it does not seem possible to display another element directly on top of the <img> tag, and hiding the <img> when hovered, causes it to flicker continuously. Is there is better method to accomplish this?

sorry, it's almost 2am, and I'm falling asleep. let me get some sleep and maybe I can explain it better tomorrow. Zzzzzzz

why? i was asking myself that also, there must be a better way. LOL... I have a single img tag, a larger version of the image will pop out when hovered, directly over the img tag. I'm using the img tag, cause the element will auto size itself to the image file, if I use any other elements with background-image, I would have to specify the width and height. Correct me if I'm wrong and is there a better way? I tried z-index, does not seem to have any effect on img. Also, just tried visibility: hidden and display: none, when hovered, it flickers constantly, those properties just don't work with img thnx in advance, bak to tinkering...

<div style="background-image: background.png;"> <img src="mainpic.jpg"> </div> Does a picture within the img tag always sits on top of background images? Can the background image be forced over the img tag?

why don't you post a link, and state exactly which image is having the problem.

The problem is line-height:75px; within #navtop, it's pushing the a element down about half that px value. Instead of using line-height to push the div navbody down, use margin-top within #navbody instead. Also, you odd to change most, if not all the position property to float instead, within that page, there is really no need to use position relative or absolute.

.

if you do not yet have Firebug add-on for FF, get it and try it out, dissect your page and see where the margins/paddings are coming from. Exactly which link in the middle are you referring to? The "Layout"

I did see the page that you linked to, that one looks like it is do-able in IE6 with a bit of work like you stated. However, the one I provided a link to, with the pop up image, I looked at the css, couldn't figure out what he did in-order to make it work in IE6. Heck, maybe just drop support for IE6, IE sux anyway, damn MS. I just need to decide on which layout method to use first that is cross browser compatible without hacks. Thnx to both anyway

hover pop up img test page http://ifubad.awardspace.com/hoverpopup.html trying to get it to work similar to this http://www.cssplay.co.uk/menu/lightbox Test page works in FF 2 and IE7 and 8, but not 6. The second link works in IE6, but I can't see where the work around are located (if any). Does IE6 have a problem with "a:hover img"? ------------------------------------------------------------------------------ Came across this pretty cool browser simulator for IE5.5, 6, 7, 8 beta 1, so far, seems to work pretty good at simulating those different IE versions http://www.my-debugbar.com/wiki/IETester/HomePage (just spreading the good words for the ones who have not yet heard about it) Honestly, should one just give up on supporting IE6 completely, even though there are still a percentage of people still using it, here are the statistic of the first 7 from my other site. 1. Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.16) Gecko/20080702 Firefox/2.0.0.16 19,745 2. Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1 10,038 3. Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506) 7,751 4. Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727) 6,700 5. Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322) 6,162 6. Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727) 4,221 7. Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) 3,906

Can you post a link to the page?

trying to do this http://www.cssplay.co.uk/menu/lightbox But, if each pop up image is of different sizes, would it be impossible to center each pop up just like the sample link?

img { border: none; }

DIV is one of the most used elements with CSS for layout, which is supposed to replace the old table layouts, gotta get used to it sooner or later. Here's another layout tutorial for a fixed layout http://www.subcide.com/tutorials/csslayout/. For your particular need, sounds like there is really no need to use relative or absolute positioning.

the blue image behind the text box and search button is just a background image of the form element form { background-image: url(path/filename.ext); } if that's what you mean

in this case, I guess I had to specify a color for the border-bottom. I thought it'd automatically defaults to black, don't understand why it'll show the border when hovered, but not when it's a link. Oh well, as long as it works.

page http://ifubad.awardspace.com/pixybuttons.html "border-bottom:1px dotted" applied to the <a> element, and not to hover or active. It shows a 1px white gap between the buttons when not hovered/active with no border, and shows the dotted border when hovered/active. It should show the border-bottom even when it's not hovered/active, what am I missing? body, html { margin: 0; padding: 0; } ul { margin: 0; padding: 0; list-style-type: none; } ul a { display: block; width: 200px; height: 20px; line-height: 20px; text-decoration: none; background: url(pixybuttons.png) no-repeat top left; text-indent: 50px; color: white; border-bottom: 1px dotted; } a:hover, a:active { background-position: top right; color: black; } </style> </head> <body> <ul> <li><a href="#">Read emails</a></li> <li><a href="#">Write book</a></li> <li><a href="#">Go shopping</a></li> <li><a href="#">Cook dinner</a></li> <li><a href="#">Watch Scrubs</a></li> </ul> </body>

wish IE would just get flushed for good. Even trying to use simple border-bottom for an a tag, to change to a dotted underline for example, IE 6 7 & 8 does not want to show it at all, surprisingly IE 5.5 at least shows a dashed line. Send all IE up with the space shuttle to be scattered...