jcombs_31 Posted January 13, 2008 Share Posted January 13, 2008 I've been working on the web layout to go with the logo thread for a court reporter. This is what I came up with today. I'm not too sure just yet, but what do you think? [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
ober Posted January 13, 2008 Share Posted January 13, 2008 Nice. No real complaints until I see a live version. Quote Link to comment Share on other sites More sharing options...
tibberous Posted January 13, 2008 Share Posted January 13, 2008 Really nice Quote Link to comment Share on other sites More sharing options...
El Nino Posted January 13, 2008 Share Posted January 13, 2008 Only advice i can say is make it a little smoother, apart from that extremely good. Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted January 13, 2008 Author Share Posted January 13, 2008 Only advice i can say is make it a little smoother, apart from that extremely good. Can you elaborate on what that means? Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted January 18, 2008 Author Share Posted January 18, 2008 I've made some revisions to the layout which can be seen here: http://www.multimedia-technologies.com/clientsites/ccr/ccr-layout3.jpg Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 18, 2008 Share Posted January 18, 2008 Clean and professional. Quote Link to comment Share on other sites More sharing options...
steviewdr Posted January 18, 2008 Share Posted January 18, 2008 Its nice. Will the image be randomised in the graphic on the right of the header? This would add much more to it IMO. Im not too keen on the top email and telephone box TBH. The header area at the top needs something more IMO. Perhaps some image or background image going all the way across the top header area. -steve Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted January 19, 2008 Author Share Posted January 19, 2008 I've played around with ideas at the top, but it all seems to make it too cluttered. I can see how it seems to lack something, but in my different attempts nothing seems to work very well. Quote Link to comment Share on other sites More sharing options...
Daniel0 Posted January 19, 2008 Share Posted January 19, 2008 I wish I had your design skills. It looks awesome. Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 19, 2008 Share Posted January 19, 2008 I wish I had your design skills. It looks awesome. I agree. jcombs is truely that rarity among our profession ... a "hybrid" (skilled in both design and coding). His web site is professional in every aspect. Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted January 21, 2008 Author Share Posted January 21, 2008 Thanks for the compliments. Here is the page coded. I'm still having some IE6 issues but hopefully it will be fixed soon. http://www.multimedia-technologies.com/clientsites/combscourtreporting/ Quote Link to comment Share on other sites More sharing options...
thefreebielife Posted January 21, 2008 Share Posted January 21, 2008 It looks great i think! Quote Link to comment Share on other sites More sharing options...
Daniel0 Posted January 21, 2008 Share Posted January 21, 2008 http://www.multimedia-technologies.com/clientsites/combscourtreporting/images/courtreporting.jpg has some compression artifacts. You might also want to apply outline: none; to some of the image based links to remove the dotted border which is created around them when you click on them in FF. Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted January 22, 2008 Author Share Posted January 22, 2008 Thanks Daniel, it wasn't noticeable on my monitor at home but I can clearly see the compression problems on my computer here at work. I will increase the quality a bit. Quote Link to comment Share on other sites More sharing options...
calabiyau Posted January 23, 2008 Share Posted January 23, 2008 Great website. You were wondering what to do with the header portion. What about if you continue the background gradient from the top-left all the way across the header and make the rounded rectangle in the top-right the same maroon theme color from the navigation. Might be a way to add some punch to that section. I dunno. Looks really nice though. Quote Link to comment Share on other sites More sharing options...
jellis Posted January 24, 2008 Share Posted January 24, 2008 Whilst it's probably very apparent that you hate javascript... might I suggest you add an image preloader for the background image on the menu in the subheader area. This will at least remedy the delay in IE for 90% of their users. I like how you used stacked images for the logo, phone and email contacts. Great idea! There is a minor issue with the top of the darker telephone and envelope encroaching on the lighter images (just at the very bottom... about 1px in IE). Could you possibly do the same sort of idea with the hover menu effects? Kudos on a great job thus far! Quote Link to comment Share on other sites More sharing options...
dbrimlow Posted January 24, 2008 Share Posted January 24, 2008 Actually, you don't need javascript for image preloads, you can do the same in css. I learned this trick from Boris Cherny's classic "abitliquid" template (the best true cross browser 100% liquid layout I've ever seen) - just replace his page container class ".wrap" with whatever your main page container ID or class is: /* The background-image's for the .wrap below are for preloading all the page's images, just add your own images to the pattern */ /*** Preload media ***/ .wrap { background-image: url("media/arrowwhite_left.gif"); background-image: url("media/arrowblack_left.gif"); background-image: url("media/dualarrowgold.gif"); background-image: url("media/brush.gif"); background-image: url("media/camera1.jpg"); background-image: url("media/camera2.jpg"); background-image: url("media/camera3.jpg"); background-image: url("media/ebay.gif"); background-image: url("media/shadow_leftontaupe.jpg"); background-image: url("media/shadow_rightontaupe.jpg"); background-repeat: no-repeat; background-position: -5000px -5000px;} /**** end preload images ****/ [/url] Quote Link to comment Share on other sites More sharing options...
448191 Posted January 25, 2008 Share Posted January 25, 2008 You might also want to apply outline: none; to some of the image based links to remove the dotted border which is created around them when you click on them in FF. That is a good tip, I didn't know that. Thanks Daniel. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.