Welcome to the JaguarPC Community
JaguarPC
Sales: (888) 338-5261
Support: (888)-551-3050
Page 1 of 2 12 LastLast
Results 1 to 15 of 16

This is a discussion on Site makeover.. in the Shared & Semi-Dedicated forum
'lo I'm redesigning my site to add multi skin support & making it easier to handle big ammounts of.. stuff ^^, and adding some security ...

  1. #1
    Smo
    Smo is offline
    JPC Addict
    Join Date
    Nov 2002
    Location
    Finland
    Posts
    218

    Site makeover..

    'lo

    I'm redesigning my site to add multi skin support & making it easier to handle big ammounts of.. stuff ^^, and adding some security at the same time.

    http://www.killboredom.com/new/index.php

    I'm having a problem with vertical aligning text within a display:block; in css (the section links on yop)

    The right bar isn't quite done yet. but othervise it's almost done. whadaya think?

  2. #2
    Yeah, I know a LOT! Vin DSL's Avatar
    Join Date
    Mar 2003
    Location
    Arizona Uplands
    Posts
    10,775
    Very nice!

    I'd crop the centerblock width a little, so it displays 2 columns at a time in 800x600 res, without scrolling. It's spilling over slightly...

    Does this make sense? That's what I do an my site. If you're in 800x600 res, you can see the left-side and center block, or the center and right-side block, without addition scrolling...
    DISCLAIMER Any resemblance between the views expressed above and those of the owners and operators of this system is purely coincidental. Any resemblance between these views and my own are non-deterministic. The existence of Vin DSL is questionable. The existence of views in the absence of anyone to hold them is problematic. The existence of the reader is left as an exercise in the second-order coefficient.

    No Guts, No Story! VinDSL © 2010

  3. #3
    Old Hillbilly Connie's Avatar
    Join Date
    Sep 2001
    Location
    Hills of Missouri
    Posts
    2,648
    Agree with Vin. Your market may use a larger resolution. About 40% of mine use 800x600 and I do because I prefer that. You have the main table set at 980 for width. I use a percentage and the page adjust to browser size. For your fixed width there is a lot of scrolling to even read your main content.

    Other than that very nice looking site.

    Forum Moderators - Jag Staff

    Spam Whackers Blog - Dedicated to fighting Spam and providing General SEO Tips
    Organize your Kitchen or purchase Kitchen Accessories at Condells
    Ihelpyou Forum - Dedicated to "Best Practices" SEO

  4. #4
    || $name ne 'R.Stiltskin'
    Join Date
    Jun 2003
    Location
    Tejas
    Posts
    2,438
    Nice layout, pleasing color schemes, uniform look between sections, responsive.

    Very well done. The full banner as header doesn't effect my monitor and browsing habit but Vin and clssam bring up a good point. Smaller screens might not be able to handle the forced, wide display wthout those interminable horizontal scrolls.

    Nevertheless, your site looks great on my setup.

  5. #5
    Smo
    Smo is offline
    JPC Addict
    Join Date
    Nov 2002
    Location
    Finland
    Posts
    218
    Damn, I completely over looked 800x600 res. I'll look into making a layout that fits 800x600 without any horisontal scrolling and a script that detects screen width.

    Personaly I don't like percentage widths, they make it too hard to manage the look of things.

  6. #6
    Old Hillbilly Connie's Avatar
    Join Date
    Sep 2001
    Location
    Hills of Missouri
    Posts
    2,648
    Quote Originally Posted by Smo
    Damn, I completely over looked 800x600 res. I'll look into making a layout that fits 800x600 without any horisontal scrolling and a script that detects screen width.
    Personaly I don't like percentage widths, they make it too hard to manage the look of things.
    Would you elaborate a little more about % widths. Personally I find them very easy to manage. But that could be because of the web site involved.

    Forum Moderators - Jag Staff

    Spam Whackers Blog - Dedicated to fighting Spam and providing General SEO Tips
    Organize your Kitchen or purchase Kitchen Accessories at Condells
    Ihelpyou Forum - Dedicated to "Best Practices" SEO

  7. #7
    Smo
    Smo is offline
    JPC Addict
    Join Date
    Nov 2002
    Location
    Finland
    Posts
    218
    They tend to look too cramed together in small resolutions, and too spaced out in high resolutions (I use 1280x1024). Also I like to make graphical header-banner-thingys, and making them strech sucks . I checked out your site, it looks very nice and clean looking.

    Mainly, I suppose I've just had bad experiences withprecentage in the past
    Last edited by Smo; 02-05-2005 at 01:33 AM.

  8. #8
    JPC Addict
    Join Date
    May 2002
    Location
    Northwest Florida
    Posts
    202
    Agree 100% with Smo on the screen widths. I design with widths set to 800px or slighthly less. It allows me to control where the viewer sees each element on the screen. This is especially important if I've got several photos aligned on the right.

    Another concern is allowing viewers to print the page. If I think it's likely I can either set up a printable page or 720px or so. Guess which is easier! Although using a scripting language might make it a lot easier.
    Jim Winters
    Technology Lighthouse, Inc.
    Lighting the way for small business and nonprofit organizations.

  9. #9
    Community Leader jason's Avatar
    Join Date
    Sep 2001
    Location
    Rochester, NY
    Posts
    6,003
    Quote Originally Posted by techlighthouse
    Another concern is allowing viewers to print the page.
    Using 'media="print"' stylesheets is the way to go. I've used them to completely change the look of a site when it is printed on paper by removing all navigation links and any elements that I know won't print well (such as 72dpi images) and resizing the overall page to fit the confines of a piece of paper.

    --Jason
    Jason Pitoniak
    Interbrite Communications
    www.interbrite.com www.kodiakskorner.com

  10. #10
    JPC Addict
    Join Date
    May 2002
    Location
    Northwest Florida
    Posts
    202
    I'm totally unfamiliar with the 'media="print"' stylesheet. Can you give an example?

    Jim
    Jim Winters
    Technology Lighthouse, Inc.
    Lighting the way for small business and nonprofit organizations.

  11. #11
    Community Leader jason's Avatar
    Join Date
    Sep 2001
    Location
    Rochester, NY
    Posts
    6,003
    Sure, back to my favorite "show and tell" site: http://www.tayhouse.org. There are two stylesheets linked on every page, the first (http://www.tayhouse.org/styles/main2004.css) is used to control the site as it is seen in the browser. The second one (http://www.tayhouse.org/styles/print2004.css) has the media attribute set to "print," which tells the browser to use that stylesheet to render the page when it is printed. If you were to look at the page without CSS, you'd see a pretty basic page: no backgrounds, a few headings, and most of the navigation as unordered lists. All of the screen style is supplied via the main CSS file. When you print a page you'll see a text rendering of the site's banner and just the content. Since navigation is pointless on a printed page, I set the display and visibility attributes of those elements to be invisible in the print stylesheep. That gives me more room for content and a cleaner printed page.

    There are several other media types available as well:
    screen - for pages rendered in a normal browser window
    handheld - for cell phone and PDA display
    projection - for pages that are projected onto a screen
    aural - for screen readers

    These are just W3C recommendations and I'm not sure if all of them have ever been used in a device. It is also important to remember that some browsers don't support the media attribute, but I believe all modern browsers do.

    --Jason
    Jason Pitoniak
    Interbrite Communications
    www.interbrite.com www.kodiakskorner.com

  12. #12
    JPC Addict
    Join Date
    May 2002
    Location
    Northwest Florida
    Posts
    202
    Very interesting! I've never used a stylesheet for other than the screen, never even thought about it, didn't know it existed. Guess I shouldn't be surprised though, what with all the newer types of output devices we're seeing. I wonder if "blackberry" will be the next media type. I suppose they fall under pda, though.

    This sounds like a really nice way to go. I'll have to try this the next time the occasion arises.
    Jim Winters
    Technology Lighthouse, Inc.
    Lighting the way for small business and nonprofit organizations.

  13. #13
    Yeah, I know a LOT! Vin DSL's Avatar
    Join Date
    Mar 2003
    Location
    Arizona Uplands
    Posts
    10,775
    Quote Originally Posted by techlighthouse
    Very interesting! I've never used a stylesheet for other than the screen...
    CSS rocks! I use it whenever possible, embedded and/or external...

    If you want to do CSS right, I recommend: http://www.bradsoft.com/topstyle/
    DISCLAIMER Any resemblance between the views expressed above and those of the owners and operators of this system is purely coincidental. Any resemblance between these views and my own are non-deterministic. The existence of Vin DSL is questionable. The existence of views in the absence of anyone to hold them is problematic. The existence of the reader is left as an exercise in the second-order coefficient.

    No Guts, No Story! VinDSL © 2010

  14. #14
    Yeah, I know a LOT! Vin DSL's Avatar
    Join Date
    Mar 2003
    Location
    Arizona Uplands
    Posts
    10,775
    Heh! I was just reminiscing...

    Back in the 90's, when Netscape ruled the day, I designed a whole site using CSS and Internet Explorer. I probably spent a week on it, only to find out, ultimately, that Netscape didn't support CSS. LoL! Want a shocker!

    Man, I was bummed! That site looked great (in IE). How times have changed...
    DISCLAIMER Any resemblance between the views expressed above and those of the owners and operators of this system is purely coincidental. Any resemblance between these views and my own are non-deterministic. The existence of Vin DSL is questionable. The existence of views in the absence of anyone to hold them is problematic. The existence of the reader is left as an exercise in the second-order coefficient.

    No Guts, No Story! VinDSL © 2010

  15. #15
    Loyal Client
    Join Date
    May 2002
    Location
    Wisconsin, USA
    Posts
    568
    Here are a couple of pretty good articles on print style sheets.

    http://www.alistapart.com/articles/goingtoprint/
    http://www.webdesignschoolreview.com/css-printing.html
    http://webdesign.about.com/cs/css/a/aa042103a.htm
    http://evolt.org/article/Printing_wi...318/index.html

    Jason and Vin are correct. They are the way to go. As Jason said, eliminated all the unecessary stuff you don't need on a printed page (like navagation) is great. Plus you don't have to spend time creating an alternate "print friendly" version of every page you have.

Page 1 of 2 12 LastLast

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •