BenC

Ok, so I took an extended break from this project, but now I'm back on it.....the a:active thing works for when the link is in down state, but that's not really what my goal is. My goal is for the menu to have the darker image on it when you're on that page, that's why was trying using a class. I had #menu li a.current because it worked in FF. Any more suggestions?EDIT:forgot to say that the link changed to http://www.courts.mo.gov/hosted/juded/offi...ety/faculty.htm

Ok so this may be wrong, but I just changed it to: #menu li a.current, #menu li a:active { background: url(menu8.gif) 0 -64px; padding: 8px 0 0 25px;} In the design view of Dreamweaver, it shows correctly, but it still doesn't show in IE. Is that the wrong way to use that?

Thanks for the tip, I'll take a look at that code and make some changes.As far as the FF vs IE debate.... for this specific page, 99.9% of the people viewing it will have IE (state government), so that's why I really wanted it to work for them.

Really the reason that I used an image was to get rounded corners, the page that I'm doing this on is at:http://www.courts.mo.gov/hosted/juded/Cour...ments/intro.htmand the image is at:http://www.courts.mo.gov/hosted/juded/Cour...ments/menu8.gif

Like the title says, this works in FF but not IE...and I'm not sure why, because it's just a basic class. Here is the appropriate code:In the CSS file.... #menu li a.current { background: url(menu8.gif) 0 -64px; padding: 8px 0 0 25px;} In the page ... <li><a href="faculty.htm" title="Faculty" class="current">Faculty</a></li> I will note that both of these DO work in FF and IE... #menu li a:link, #menu li a:visited { color: #0000cc; display:block; background: url(menu8.gif); padding: 8px 0 0 20px; } #menu li a:hover { color: #777; background: url(menu8.gif) 0 -32px; padding: 8px 0 0 25px; } Am I missing something?

I tried using a background image too, but ran into the problem of it not looking right depending on what the resolution and window size is.

I've been messing around with it, and from what I can tell height=100% still doesn't really do anything for me. What is it "100%" of? Iteself? the page? Here's what I've done, I've created a layer and gave it this class....leftside { border-right:1px solid #cccc99; position:absolute; top:380px; left:117px; height:100%; z-index:1001; width: 52px;}I had hoped that it would continue down the page, but it only goes for about 50px or so and stops, that's why I asked about the 100%.

Thanks for the suggestion. I've been trying it out like that, but I think I'm running into a problem because the height is in a %, not pixels. The layer that is under won't go all the way down to the bottom of the page like the one on top, presumably because it doesn't have any content in it. Would you mind showing me the code to something like that? I'm relativaly new to css by the way, in case you couldn't tell I'll keep messing with it to figure something out. Thanks guys!

Here is a link to an image to illustrate what I am looking for. The yellow line is where I need the border. After looking at it, I think I can put another one on the left, and just start it from where "2" ends. "1" changes height depending on the amount of content in it though, I'll keep messing with it unless you have a better idea than mine. Thanks!http://www.courts.mo.gov/hosted/Juded/Webc...ordersample.jpg

I was wondering if it is possible to have the border start at a fixed point instead of at 0. I want to have a border down the side of a div, but not start it until about 200px from the top, is that possible?

Well I figured it out, just took a different approach to it, how's this look? IN HEAD OF MAIN PAGEquiz = new Array ("a","a","a","a","a","a");IN BODY OF EACH PAGE, THE [2]'S WILL CHANGE FOR EACH ONEif (parent.quiz [2] == 'a' ){ parent.quiz[2] = "b";}Thanks guys!

Thanks for the reply pulpfiction, I'm not sure that's what I'm trying to do though.....Here's where I'm at. For now I have it on the same page until I get it to work, then I'll tackle the iframe part of my problem......IN THE HEAD<script language="javascript">var quizes = 'aaaaaaa'; //sets the variable</script>IN THE BODY<script language="javascript">if(quizes.charAt(3) == 'a' ){ //sees if it's an aquizes = quizes.replace(quizes.charAt(3), 'b') //replaces it with a be if it is}document.write(quizes); //just for testing to see if it worked</script>The problem I'm having with that is that no matter what I put in the charAt() on the replace line, it replaces the 1st (or 0) character.

You're absolutly making sense, and that's exactly what I'm trying to do. I just can't get it to replace a specific character within the variable. I think I'm having better luck trying it with letters instead of numbers. I'll keep doing this trial and error strategy I seem to have going, unless you can help me out with the code. I appreiciate your help!

Will it not work when the page that calls the variable is within an iframe? Using parent or top will work won't it?

Ok, so I've gotten a little closer to my goal. Using this code:if(lstpages.charAt(3) == '0' ){ lstpages = lstpages.replace(lstpages.charAt(3), '1')}works IF I change the string to all letters, and instead of a '0' and '1' in that code change them to letters as well, but it doesn't return the right results with all numbers. I have a feeling that I'm just missing 1 small detail somewhere. so close