However, If you use CSS and Javascript together, you can detect browser and screen dimensions (with Javascript) and load a CSS style sheet specifically built for that dimension. For example, if someone is running at 1600 by 1200, you can use Javascript to detect it and have the page load with a different CSS sheet that is designed to scale the fonts larger and layout the page in a more visibly friendly format. In the opposite direction, if you're browsing to a site from a tiny display (cell phone), you can have the page load a different CSS style sheet that uses different images and displays the page with smaller fonts and with a completely different layout which will work better for smaller displays. With this process, you build different style sheets for different displays and keep the content completely separate. -- droxford
That also depends HEAVILY upon your reliance upon graphics on the site. All of your graphic images must be re-sizable or tiled in order to make that happen. Or, you have to go with a site less dense in graphic design and more reliant upon color and layout. Given MoBalls level of skill on this, that probably is not something he'd want to tackle. To be honest, we'd never do that unless someone specifically asked for it and I don't know any developers who would.
Not true. All the images can be controlled and placed by CSS. So one CSS stylesheet (written for small displays) can display small fonts, display a different set of smaller images, change the layout to fit a cell phone, etc.... all that's needed for a small display. Another CSS stylesheet (written for large displays) can display large text, display a completely different set of larger images, and layout the page differently to view a large screen. Images do not need to be re-sizeable. (check out CSS Zen Garden for a demo of how different style sheets can be applied to the same content). And, though broadband has come a long way, a public web site should still not rely on a lot of graphics because there are a LOT of people still using dial-up. Page weight is still a factor. And even for people who have a faster connection, a page with which loads fast and smooth is always welcome. If you use color and images efficiently together, you can get a page that looks great, flows smooth, and displays well on browsers of many different dimensions. At the Cold Fusion User's Group meetings last month, I gave several lectures and demonstrations on using CSS in this way. And, yeah, this is probably way beyond MoBalls' ability level at this point. -- droxford
You callin me out Jeff! Yeah I didnt understand anything Droxford was saying here. I have been reading my book though.
Well, just for grins, go to that site I mentioned (CSS Zen Garden). Look at the site layout for a minute or two, and read the first one or two sentences of content (note: don't read the whole page). Then, on the right column (in the 'select a design' section), click on some of the links. You'll see the page load with a completely different look and feel, and completely different images and colors, yet the content stays the same. -- droxford
Table that baby up, brother! Cut-N-Slice like JEFF, then work in it. Example: cc.net's main page . I just wished it would EXPAND and CONTRACT like a piece of rubber... to fit my screen because I make it THAT big. MoBalls I sent you another msg. Never say ANYTHING is way out of your league. Register in the league, then play. At least you tried your best (and you better)
Mail coming your way, Mo Removed the layers, aligned the photos, removed extra code. I think you're best off using a STYLE SHEET for your colors and alignments. You just have to spend a little time deciding what looks best where, and you just run with that. Always glad to help. ANYONE ELSE an WEB MONKEY like me?
