I have a big site and use php and mysql to manage the content. And everytime you click on a category link the whole site has to load, as you can image the bandwidth starts to get high. So I was thinking about using IFRAMES to display the content, thus allowing me to limit the number of times the rest of the site has to load.
check out my site to see what i am talking about: <!-- w --><a class="postlink" href="http://www.mididelight.com">www.mididelight.com</a><!-- w -->
My question is, are IFRAMES a viable option? And do they work with multiple browsers? or is css/html the way to go?
thanks
sethI believe you can save yourself a great deal of bandwidth by simply stripping tables away, and going with purely CSS for your layout. Then you should see how that comes together. Do you need help on creating a multiple-column layout in CSS?Sorry to jump into this,
but can you -- Jona -- post an example of
"a multiple-column layout in CSS"?
I -- too -- have recently been told to get rid off tables and m interested in building a whole page with css only if it's possible. Up till now I've used external css only to style my text. I've been looking at some good sites with css examples + tutorials, but haven't seen a site yet that tells me how to create a simple page from start to finish only with css. I mean a page that includes:
background (color, gradient, image pattern)
image rollovers (not only text rollovers)
and have no idea how you make multiple column layout
+ other necessary features in a page.
Can you post simple examples, or just post links to sites with tutorials and lessons (free ones please; it's not in the budget to pay to study now). Thanks.
JamesI'm glad CSS has sparked an interest in you, James. I'll provide a few links which should help you get started on your quest. Let me prewarn you, though, with great CSS comes great responsibility. Learning CSS means moving away from tables and invalid, inaccessible code. There's more to it than saving bandwidth. The semantic meaning of tables is for tabular data, though they are often used for layout (this is in the WCAG guidelines). You should also ensure that your HTML (if you use HTML) or xHTML (which is a much more feasible and clean markup language) is valid and all elements or attributes located in your code are also specified in the declaration of your document. In short, validate your code (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->), use semantic markup (<!-- m --><a class="postlink" href="http://www.w3.org/TR/WCAG10/">http://www.w3.org/TR/WCAG10/</a><!-- m -->), and use CSS (<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS">http://www.w3.org/Style/CSS</a><!-- m -->).
You can find excessive linkage in my link index (<!-- m --><a class="postlink" href="http://cmm.sonoracabinets.com/jona/links.php">http://cmm.sonoracabinets.com/jona/links.php</a><!-- m -->) on my blog, but here are a few of the more essential ones for beginning.
<!-- m --><a class="postlink" href="http://www.glish.com/css/">http://www.glish.com/css/</a><!-- m --> (three column layout technique (<!-- m --><a class="postlink" href="http://www.glish.com/css/2.asp">http://www.glish.com/css/2.asp</a><!-- m -->))
<!-- m --><a class="postlink" href="http://www.bluerobot.com/web/layouts/">http://www.bluerobot.com/web/layouts/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m --> - Excellent articles, search for anything you need to know about, and it's probably there, with the best and latest techniques on design out there
CSS 2 specifications (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/">http://www.w3.org/TR/CSS2/</a><!-- m -->) (reference)
A valid document type declaration list (<!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->)
The Noodle Incident box lessons (<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/index.html">http://www.thenoodleincident.com/tutori ... index.html</a><!-- m -->)
W3Schools (<!-- m --><a class="postlink" href="http://www.w3schools.com/">http://www.w3schools.com/</a><!-- m -->) (mostly basic learning, but very comprehensive).
I hope I've been of help to you, James.do tables really take up that much bandwidth compared to css? does anyone know?It would save a great deal of bandwidth and space on your server. You can include an external CSS file, which is loaded into cache and the remaining (x)HTML markup is the only thing left to be Download ed. If you have 10 files at 10k each, you can reduce it to 10 files at as little as even 6k each, and the CSS will be stored in cache, which means it will not need to be reDownload ed many times, thus saving much bandwidth.Thanks Jona,
I went over the links,
...learning code has never been easy for me, so I'll see how much time it will take me. Seems that I have to start learning xhtml too. That's in addition to advanced Flash and Maya particle effects, Final Cut, DVD Studio, GoLive, InDesign and tons of other programs.
..Just when I thought I was ready to find a job with the skills I had, I have to start learning once again.
jamesOriginally posted by mididelight
do tables really take up that much bandwidth compared to css? does anyone know? Although you can create cases where they might be about equal, CSS layout is in general always better than tables from a bandwidth standpoint. And that's ignoring the fact that table layouts are semanticly incorrect in the first place. To see the bandwidth difference on your own page just strip all the table, tr, th and td tags (along with their attributes) and compare the size difference. Because a good site will consistently use the same master style sheet for all pages, that content will be loaded once. With a table layout it is loaded along with every page and often it is close to 50% of the page size.Originally posted by jamesx521
Thanks Jona,
I went over the links,
...learning code has never been easy for me, so I'll see how much time it will take me. Seems that I have to start learning xhtml too. That's in addition to advanced Flash and Maya particle effects, Final Cut, DVD Studio, GoLive, InDesign and tons of other programs.
..Just when I thought I was ready to find a job with the skills I had, I have to start learning once again.
Learning is good for you. The more you learn, the more you can do; the more you do, the more you can learn. It's as simple as that.<!-- m --><a class="postlink" href="http://www.zeldman.com/daily/0704e.shtmlI">http://www.zeldman.com/daily/0704e.shtmlI</a><!-- m --> have a question, and this may not be the thread I need to post in, but here goes anyway. I'm fairly new to css and I'm wanting to load information from a link into the center"div" or column. You know, like loading another html into an iframe. Is this possible with css and if so, how is it done. I can't seem to find any information about it.
Thanks in advance.DesignFreak, to avoid confusion, keep the forum more organized, and get a more prompt response concerning your inquiry, you should create a new thread in this forum. Don’t worry, nobody will get on your case for it. (If they do, be sure to let someone know.)
check out my site to see what i am talking about: <!-- w --><a class="postlink" href="http://www.mididelight.com">www.mididelight.com</a><!-- w -->
My question is, are IFRAMES a viable option? And do they work with multiple browsers? or is css/html the way to go?
thanks
sethI believe you can save yourself a great deal of bandwidth by simply stripping tables away, and going with purely CSS for your layout. Then you should see how that comes together. Do you need help on creating a multiple-column layout in CSS?Sorry to jump into this,
but can you -- Jona -- post an example of
"a multiple-column layout in CSS"?
I -- too -- have recently been told to get rid off tables and m interested in building a whole page with css only if it's possible. Up till now I've used external css only to style my text. I've been looking at some good sites with css examples + tutorials, but haven't seen a site yet that tells me how to create a simple page from start to finish only with css. I mean a page that includes:
background (color, gradient, image pattern)
image rollovers (not only text rollovers)
and have no idea how you make multiple column layout
+ other necessary features in a page.
Can you post simple examples, or just post links to sites with tutorials and lessons (free ones please; it's not in the budget to pay to study now). Thanks.
JamesI'm glad CSS has sparked an interest in you, James. I'll provide a few links which should help you get started on your quest. Let me prewarn you, though, with great CSS comes great responsibility. Learning CSS means moving away from tables and invalid, inaccessible code. There's more to it than saving bandwidth. The semantic meaning of tables is for tabular data, though they are often used for layout (this is in the WCAG guidelines). You should also ensure that your HTML (if you use HTML) or xHTML (which is a much more feasible and clean markup language) is valid and all elements or attributes located in your code are also specified in the declaration of your document. In short, validate your code (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->), use semantic markup (<!-- m --><a class="postlink" href="http://www.w3.org/TR/WCAG10/">http://www.w3.org/TR/WCAG10/</a><!-- m -->), and use CSS (<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS">http://www.w3.org/Style/CSS</a><!-- m -->).
You can find excessive linkage in my link index (<!-- m --><a class="postlink" href="http://cmm.sonoracabinets.com/jona/links.php">http://cmm.sonoracabinets.com/jona/links.php</a><!-- m -->) on my blog, but here are a few of the more essential ones for beginning.
<!-- m --><a class="postlink" href="http://www.glish.com/css/">http://www.glish.com/css/</a><!-- m --> (three column layout technique (<!-- m --><a class="postlink" href="http://www.glish.com/css/2.asp">http://www.glish.com/css/2.asp</a><!-- m -->))
<!-- m --><a class="postlink" href="http://www.bluerobot.com/web/layouts/">http://www.bluerobot.com/web/layouts/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m --> - Excellent articles, search for anything you need to know about, and it's probably there, with the best and latest techniques on design out there
CSS 2 specifications (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/">http://www.w3.org/TR/CSS2/</a><!-- m -->) (reference)
A valid document type declaration list (<!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->)
The Noodle Incident box lessons (<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/index.html">http://www.thenoodleincident.com/tutori ... index.html</a><!-- m -->)
W3Schools (<!-- m --><a class="postlink" href="http://www.w3schools.com/">http://www.w3schools.com/</a><!-- m -->) (mostly basic learning, but very comprehensive).
I hope I've been of help to you, James.do tables really take up that much bandwidth compared to css? does anyone know?It would save a great deal of bandwidth and space on your server. You can include an external CSS file, which is loaded into cache and the remaining (x)HTML markup is the only thing left to be Download ed. If you have 10 files at 10k each, you can reduce it to 10 files at as little as even 6k each, and the CSS will be stored in cache, which means it will not need to be reDownload ed many times, thus saving much bandwidth.Thanks Jona,
I went over the links,
...learning code has never been easy for me, so I'll see how much time it will take me. Seems that I have to start learning xhtml too. That's in addition to advanced Flash and Maya particle effects, Final Cut, DVD Studio, GoLive, InDesign and tons of other programs.
..Just when I thought I was ready to find a job with the skills I had, I have to start learning once again.
jamesOriginally posted by mididelight
do tables really take up that much bandwidth compared to css? does anyone know? Although you can create cases where they might be about equal, CSS layout is in general always better than tables from a bandwidth standpoint. And that's ignoring the fact that table layouts are semanticly incorrect in the first place. To see the bandwidth difference on your own page just strip all the table, tr, th and td tags (along with their attributes) and compare the size difference. Because a good site will consistently use the same master style sheet for all pages, that content will be loaded once. With a table layout it is loaded along with every page and often it is close to 50% of the page size.Originally posted by jamesx521
Thanks Jona,
I went over the links,
...learning code has never been easy for me, so I'll see how much time it will take me. Seems that I have to start learning xhtml too. That's in addition to advanced Flash and Maya particle effects, Final Cut, DVD Studio, GoLive, InDesign and tons of other programs.
..Just when I thought I was ready to find a job with the skills I had, I have to start learning once again.
Learning is good for you. The more you learn, the more you can do; the more you do, the more you can learn. It's as simple as that.<!-- m --><a class="postlink" href="http://www.zeldman.com/daily/0704e.shtmlI">http://www.zeldman.com/daily/0704e.shtmlI</a><!-- m --> have a question, and this may not be the thread I need to post in, but here goes anyway. I'm fairly new to css and I'm wanting to load information from a link into the center"div" or column. You know, like loading another html into an iframe. Is this possible with css and if so, how is it done. I can't seem to find any information about it.
Thanks in advance.DesignFreak, to avoid confusion, keep the forum more organized, and get a more prompt response concerning your inquiry, you should create a new thread in this forum. Don’t worry, nobody will get on your case for it. (If they do, be sure to let someone know.)