cssfreakie

if you want to share it here, you might even help others

hehe no problem, quicksmode just sounds as if it is cool

if you mean the triangle....I really doubt that a triangle can be made with pure css apart from an extremely redundant ,div in div in div mark up untill you reach a pyramid shape. as far as the menu with the hover, yes this can be done with pure css, but that's only true for browsers that accept the pseudo hover class. And as you might have guessed it, IE 6 and lower don't so you need to mimic that with javascript. so if this is solved. mark it! we love green here

in case you were to google it it's called Quirksmode. Just read the sticky and you will find more of these common problems http://www.quirksmode.org/css/quirksmode.html

got some clientside code (view source, copy paste)? or even better an online example. You probably guessed that we are no visionaries that can tell what the results are from those php scripts. This is the same for any html or css question. apart from that, if you don't set a height on the widget the height of it will be 0. if you set it to overflow:hidden; it will shrinkwrap around the inner contents. you can find something about that on my blog if interested. anyway an online example for css and html is often more useful.

the new code was exactly the same , i just removed the images. and changed it to a background color anyway good, luck!

oh just something that is missing in that video, but than again I only had 5 min. at the right side there is a style tab. if you click that you can also select a hover state, pretty useful for menu's and stuff.

i really recommend a book dude, this was just an example I gave. In order for stuff to show up, you require of-course those images I set as a background. (makes sense right? If they are not there they wont show up..) I removed the image declaration and changed it to a color, I also removed that Insanely ugly style tags inside a span practice (use an external stylesheet!!) just don't use those tags. I did this to give a working example, but in the end we need to keep thinking. I just repeat myself from my first post: the code below works, if it doesn't i can't help you, so don't change it (by putting styletags inside a span), just run it. And again a Book is worth it's weight in gold. <style type="text/css"> a#popup1{ /* i would normally use a parent id or class for this, and make only the background unique with an ID but it seems you can't use classes which is a bigger mystery than ufo's to be honest */ display:block; width:50px; height:50px; background: #999; } a#popup1:hover{ width:200px; height:200px; background: #333; } </style> <a id="popup1" href=""></a>

from quirksmode: that is exactly what i meant and i think i said. as far as: where does something get it's style from..?, use firebug and see. there is a video on my blog if you never worked with it. or youtube it. just to be sure: firebug is an addon for firefox. chrome, and opera have one build in. IE9 als has a similar inspector as firebug (press F12) you can even go back to IE7 that way and see where does something get it's style from

I am not sure where you searched, but I would never advice someone to use inline style except for html emails nor advice to use css hacks inside a stylesheet. By using conditional comments you can make a tiny extra stylesheet to target a specific browser. http://www.google.nl/#hl=en&xhr=t&q=conditional+comments&cp=14&pf=p&sclient=psy&biw=1280&bih=715&source=hp&aq=0&aqi=&aql=&oq=conditional+co&pbx=1&fp=9d1033e7128502dd first link. keywords in google: conditional comments ! inside them you can add instructions varying from javascript script tags, link tags, pretty much anything that is clientside. if you still have no idea, have a look at the source code of wow-europe.com starting at line 6 or so. p.s. Keep in mind though your stylesheet does not have a backup font incase someones computer does not have that specific font. always add extra fonts that have the same dimensions with a final back up font like sans-serif or serif

well did our comments solved it? if so add some green stuff (mark solved) to the forum

well conditional comments are always a nice option for this, just adjust the letter-spacing for ie9 if you don't know what causes it. But what could be the problem (just a wild guess) instead of that you say font-size:100%; say font-size:1em; or maybe even font-size:16px; From the top of my head and without verifying the manual (do if your interested) percentages depend on an external standard, so if that external standard changes, the size changes. try to set letter-spacing to 0.04em for IE and see what happens

* i meant couldn't but the stuff behind it probably made that clear already

Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space. note this is a warning not an error (warnings do have a purpose though)

This topic has been moved to Miscellaneous. http://www.phpfreaks.com/forums/index.php?topic=331836.0

moving to misc

if solved... mark it solved, saves us reading through

Your doctype (which I assume is valid) has little to do with this. The problem is your code (css). There are 2 errors in it. first: grey is not a valid color second:you need to assign a font, by using font-family and by enclosing it in " " like font-family:"Maiandra GD"; If you have troubles with your code a good practise is to run it through the W3jigsaw: http://jigsaw.w3.org/css-validator/#validate_by_input besides that a decent editor would already marked those those errors saving you quite some time (netbeans for instance would do that)

Nope strictly spoken it can't. But, the padding property, might be what you're looking for. (btw have a look at the css boxmodel) if you give a container a padding of say 50px div#container{ padding:25px; /* shorthand for 25px at each side makes it both horizontally and vertically +50px*/ } the content of that container will not touch the border, but have some space around it. That way you can make the background appear to "overflow". (got a small article on my blog if interested, but there are quite some out there). Hope this helps.

Good one, hope you also see that instead of directly echoing stuff i set a variable. It keeps your html mark-up a bit more cleaner.

weird stuff, than i don't know sorry:(

thats indeed a better.. son of suckerfish menu i like a bit more btw. at line : 60 or so .blog_post h1 a:hover, #nav a:hover, #sidebar a:hover, .link_var_1 a:hover { color: #33CC66; padding: 200px 0 0; /* this is were you can set the height of the li */ }

hmm from the sound of it i would think it's a transparency issue, but that's not possible since it's a jpg. (ie6 does not support semi transparency) And i could see a sneaky 1x1 trans png over it. (if you have that though, overwrite it with conditional comments) another thing could be is that you have set the z-index and the z-index gets reset if you don't give the parent item one. (in IE6) Also note background also : background-attachment:fixed; is not something IE6 supports. (as far as i know you need to do that with javascript) Hope this helps a bit. I am in a bit of a hurry here, weekend btw, may I ask why you use so much !important declarations. better use conditional comments for deprecated browsers)

hmm in that case i rather use a swicth case. By the way I have a feeling your Idea of an if-statement is incorrect. If you have 2 static options per planet you need to echo out 2 or set 2 variables. I made something below that works. 6 planets to choose from and you can afterwards choose a race. Hope it's useful, and it encourages you to code the rest yourself a bit. since it's pretty self explanatory. <form action="" method="post"> <select name="PlanetName" size="6"> <option>Mon Calimari</option> <option>Earth</option> <option>Mars</option> <option>Venus</option> <option>Zoo1</option> <option>Zoo2</option> </select> <input type="submit" value="go" name="submit" /> </form> <?php if(isset($_POST['submit']) && !empty($_POST['PlanetName'])){ $row_Planet['PlanetName'] = $_POST['PlanetName']; // get the value for this planet somewhere switch ($row_Planet['PlanetName']) { case 'Mon Calimari': //planet name $race1 = 'yavin'; //first static race $race2 = 'fatmonkeys'; //second static race case 'Earth': $race1 = 'Humans'; $race2 = 'Dolphins'; break; case 'Mars': $race1 = 'Snickers'; $race2 = 'Milky ways'; break; case 'Venus': $race1 = 'B**ches'; $race2 = 'H*OOOs'; break; case 'Zoo1': $race1 = 'Gorillas'; $race2 = 'Banana\'s'; break; case 'Zoo2': $race1 = 'Chimps'; $race2 = 'Melons'; break; }//end switch $toggleoptions = true; // set a variable, to show or not show the race selector } // create a list after a planet has been chosen. if(!empty($row_Planet['PlanetName'])&& $toggleoptions !== false){ echo '<select name="race">'; echo '<option>'.$race1.'</option>'; echo '<option>'.$race2.'</option>'; echo '</select>'; }else{ echo 'select a planet!'; } ?>

hmm that's wierd i have netbeans 6.9.1 and i changed it a while a go under options->misc->files to : ^(CVS|SCCS|vssver.?\.scc|#.*#|%.*%|_svn)$|~$|^\.(?!htaccess$).*$ and when I make an empty file and name it .htaccess it shows up. not sure what to do else really maybe you need to restart it again. not sure though i know I had a little trouble than too, but it worked after some restarting i think.