ymd2004

Hey all, So I have a javascript function that looks something like this: <script type="text/javascript"> var a1 = '1'; var a2 = '1'; var a3 = '1'; function myFunction(x){ if(parent.x == '1'){ //Do Stuff } else {} } </script> And the function is called by something like this: <a href="#" onmouseover="myFunction(this.id)" id="a1">Click Me!</a> This doesn't work. Javascript interprets 'parent.x' as, I should look for the variable called 'x' in the parent. If I set up a variable that is equal to 'parent' + x, then that becomes the string 'parent.a1' and I can't use it as a variable. How can I get around this?? Thanks for any help - it's much appreciated!

Oooh classy. Good call. Thanks!

Hey, So I'm making a website that I want to perform well in search engines. I like valid xhtml as well. I incude alt tags for all of my images, but what is best practices for images that are completely unrelated?? For instance, in my menu, before every list item I have a picture of an arrow. I need the alt tag there for the site to be valid, but the arrow has nothing to do with my topic! Do I give each arrow a different alt tag of 'My widget!', 'Best widget', etc? Or should I just have the alt tag be 'arrow' and have that end up being a significant keyword google finds in my site? So basically my question is, keyword stuff alt tags of unrelated images or go straight? What do you guys do?

Starting to figure it out. IE is interpreting a margin differently which is pushing content beyond the edge of a div, causing the page's floats to be messed up and, consequently, everything else.

A friend designed a blog and asked me to code it for him. I did. It works fine, looks the way he designed it, validates, blahhh blahh blahh. In Internet Explorer 7.0 it just... is shot to hell. IE8 and 9 it work. I have a mac and can't really debug it in IE7. I suspect there's one thing that needs changing that will magically fix at least a lot of the problems. Backgrounds aren't appearing, divs aren't floating, styling is just being ignored. Sooooo, I'm turning to the one place I know to turn for help in these situations... you guys. http://www.elinspringphotography.com/blog Again, works perfect in everything except IE7 and below. I don't care about below, but if someone can give me an idea where to start in 7 it would be a life saver. Cheers, ymd

Oh man, BrowserLabs rocks. Thanks!

Hey everyone, I have a mac. I cross-test the websites I make on Safari, Firefox, and Chrome. Even though, by the time I'm done with the first two, chrome is usually playing nice. Around the same time, over in IE-land, it usually looks like an angry gorilla just **** all over my website and I have no way to fix it. Anybody know any good IE emulators that are useable on Macs? I found this one, but it has a lot of short-comings: http://ipinfo.info/netrenderer/index.php Thanks for the help. ymd

Plain white backgrounds are usually not very professional looking, unless you're google that is. Try adding in a subtle color or texture. Also, I agree with the previous comment - font size is quite large and divs could use a little more styling. Good base though.

Really intense colors - kind of hard on the eyes. You may want to think about a more complimenting and toned back color scheme. This is a great website to get some color inspiration: http://kuler.adobe.com/

Bottom one's my vote.

I like it. I agree with what others have said though. -Unglue the site from the top of the page. - Change the page background. Could even just be a solid color besides white, but a texture would be nice. - Top right nav is hard to see / read. - Logo could be bigger. - White transparent image behind the logo and nav bar in the left could be a little less transparent. - Portfolio should be bigger. On the right track though...

Hey cooper, It's pretty straightforward with javascript.: HTML: <span id="textToChange" onmousover="changeText('hover')" onmouseout="changeText('normal')">Rollover this text</span> Javascript: <script type="text/javascript"> function changeText(x){ var spanID = document.getElementById('textToChange'); if(x == 'hover'){ spanID.innerHTML = 'You did it!'; } else if(x == 'normal'){ spanID.innerHTML = 'Rollover this text'; } } </script>

Phew - this is a lot. I'll help with some of it but, to be entirely honest - not gonna read through it all. Sorry! First thing first, '#navigation ul li' is not an id name. Your navigation is inside a list item. <ul> is the tag to create an unordered list (bulleted list). <li> is the tag to create a line item inside that list. For example: <ul> <li>Item One</li> <li>Item Two</li> </ul> gives this outcome: Item One Item Two In your css, #navigation refers to the div with the id 'navigation.' '#navigation ul li' refers to all list items (li) inside an unordered list (ul) inside the div with the id navigation (#navigation). Next, list-style-type: none; removes all styling from the list (no bullets mainly). display: inline; shows the list items horizontally next to each other, not under one another. display: block means that the element is displayed as a block. It has some white space above and below it and, practically, just makes styling links a little easier. That's all for now. It seems like you need to read up on some basic html / css. If you google any of the things you're confused about, you'll get answers. Hope this helps a little, ymd

Thanks everyone. I agree it really was just errors I needed to see once. Now that I know what they are, they should be easy to incorporate as I code in the future.

Warren, Thanks for all the good feedback. I will play around with some textures and let you know if I can get anything good going. I'm not within the scope of this project going to be able to use the 960 grid and the people I'm making this for seem to be pretty happy with the site, but it's definitely something I will try out on my next project. My sites are almost always a little too large for 1024 x 768 so getting a standard grid will be useful for me. Thanks again, Ymd