lgiuliari
Last Activity: Jul 28 '09, 02:09 PM
Joined: Oct 3 '08
Location:
-
Could you post a link to your page with all of the changes you made to compare to the template you posted? -
Whoops, it probably would have helped if I mentioned which version of IE. Yes, I'm looking at it in IE6. I added in the padding/margins set to 0 on the bottom corners and I didn't have any luck. I double checked it again in other browsers and now don't have either of the bottom corners showing up in Opera, FF, Safari, etc.
I figured the bottom corners would turn out to be the easiest part since they seem like they should be much more...Leave a comment:
-
Ah nice I'll have to save that for future reference. My main problem still remains though. I've been fiddling with it and no luck still getting it to work in ie. That is sadly the standard I need to defintely make sure it works in.
Any ideas of where to look or what to ad that might do the trick to get the bottom corners to align properly with my left and right borders? It's like a pixel off. GrrrLeave a comment:
-
I'm not to familiar with that. I also forgot to mention the issues with the bottom is in IE of course. Which is suprising to all I'm sure. I always feel I've got something the way I want, and then IE is always good for throwing a wrench in making my design cross browser compatible. Any thoughts on that?Leave a comment:
-
Rounded Corners with CSS, looking for help/comments on my solution
There are countless ways to achieve this effect and I am trying to come up with a solution that fits my needs and is accessbile. I hope the way I wrote this that things will scale pretty well with changes in text size and amount of information to be placed in this box.
I attached the link below which contains the code and css I used. I'm still messing around with trying to get the bottom corners to line up right but I am still having... -
Sorry if that was a bit unclear. I was refering to how my site has my navigation first in the code instead of my content like you mentioned before.
I'm taking a look at the site you mentioned and thank you again for all the help you have provided!Leave a comment:
-
I gave the stripped down view a shot. All of my navigation is below my content so I think I might give it a shot to do some rearranging and put my content first to make it more accessible to screen readers. Thanks for the resource, I'll be saving that site to do further checks in.Leave a comment:
-
That is defintely an interesting approach to work in the h1. I gave it a shot and had some success. I even managed to work it so the images are being read from the stylesheet.
I edited my header to be:
...Code:<div id="header"><h1 class="logo"><a href="http://www.njcourts.com" class="logo">New Jersey Courts</a></h1><div id="headerRight"></div
Leave a comment:
-
Doh, I can't believe I missed something as simple as that. I replaced the file with the corrected version.
Does it make more sense to put the header in the html vs the stylesheet? Just a thought I had that I mentioned since I did it the other way as a background image just incase the size of the header pieces ever needed to change, I wouldn't have to edit all of the pages and could just change the stylesheet.Leave a comment:
-
I added in the changes and heres the results:
http://www.judiciary.state.nj.us/lay...st/index12.htm
http://www.judiciary.state.nj.us/lay...st/style12.css
Before I brought the header images in through the stylesheet because I figured if any changes in the future were to occur, I thought it would be easier to do the changes through the stylesheet vs on each individual page.
I'm looking further...Leave a comment:
-
I removed the white space off the right image before so I could get more of it in at the top. There is some still on the logo image but I didn't want to completely crop it off so the logo doesn't get too close to the right image.
Before in earlier versions of my layout, before I posted here, I had the header overlapping when the window was made smaller. The way I did it though was using absolute positioning. Is there an easier way...Leave a comment:
-
I'm no expert but after a quick look I noticed you forgot to add a semicoln after your borders in the declaration.
...Code:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <head> <title>Useful Links</title>Leave a comment:
-
I ran it through both as Transitional and Strict. It came back fine in Transitional and with 12 errors when Strict. All of the errors though were related to the google search. I'll have to do a bit more digging, but I'm not sure I can alter that code much since its the code from the appliance. I'll have to investigate that one more. If I can't alter the code for the search and still get those errors with it set to strict, would it be best to...Leave a comment:
-
I can't begin to thank you enough on all of the help you have provided me.
I'll look into validating it to a xhtml strict doctype.
I left the h1 and all those declarations for last and figured I would get the big pieces working first then clean up and add in the finer details. I will also look further into the things you've mentioned prior about putting the content first in the code to make it more accessible to screen...Leave a comment:
-
I'm pretty OCD when it comes to this kind of stuff.
http://www.judiciary.state.nj.us/lay...t/index10.html
http://www.judiciary.state.nj.us/lay...st/style10.css
Looking at your suggestions, I was able to fix the clipping problem in Opera at the font size you suggested. I removed the height on the box itself and it seemed to do the trick.
The second suggestion I'm not too clear about. I...Leave a comment:
-
Ah yes that makes sense with it now working once moved to the li a. The link is very helpful too, thanks for that.
Are there other areas I should be looking at to figure out how to fix to make my layout work in compliant browsers before tackling the challenge of getting it to display in non-compliant browsers?Leave a comment:
-
http://www.judiciary.state.nj.us/lay...st/index8.html
http://www.judiciary.state.nj.us/layout_test/style8.css
Ah that did the trick. I didn't think at first to move it to the li a vs the li. Why thought does the 65% over ride the links for the rest of the page like that when thats defined in #searchBar. Shouldn't it technically be just confined to that div?...Leave a comment:
-
I added in all of your suggestions.
Here's the pages with those changes -
http://www.judiciary.state.nj.us/la...est/index8.html
http://www.judiciary.state.nj.us/layout_test/style8.css
I noticed the 65% font-size in the #searchBar div is over riding the font sizes defined in the lists for the leftNav and topNav. I'll be sure to post another set of links if I can get the size to work properly...Leave a comment:
-
I removed the heights from the top nav, header and search bar and used some padding to get the spacing to look right. I checked it in the browsers you suggested and I dont appear to get any thing out of place.
http://www.judiciary.state.nj.us/lay...st/index8.html
http://www.judiciary.state.nj.us/layout_test/style8.css...Leave a comment:
-
Alright, I'll start working to remove those now. And yes I did let that one slip by. Updated the css with that change for now. =)Leave a comment:
No activity results to display
Leave a comment: