Search results

Here are two examples of what I have tried so far: http://www.papageek.com/funds/web/scroll.html This example locks the page header, which is a table in itself, in place. The coding wraps the page header in DIV commands, class=page-header, and classifies the second table as class=content...

My first try with the code I found did not work properly, and since it was poor HTML syntax, i I did not continue that approach.

I’m working on a large project that displays a huge amount of data in one large table with a one line, 3 part, page header above it. Here is an example of a smaller page, less than 100 lines, http://www.papageek.com/funds/web/index.html . I want the page header, table header, and the first 3...

The only problem I have with media queries is that “in my opinion” it was implemented wrong! There is no real default for an older browser that does not support it. Adding that support requires some complex coding. Many companies like the one I work for, hold back on when they allow the...

Just an update, multi line navigation tabs can be done. I posted a web page on the site I was having trouble with to show the results: http://www.howtofixsocialsecurity.com/css.htm Feel free to copy my CSS file for your own use if you need it.

I am working on a website, www.howtofixsocialsecurity.com, and the project keeps growing! I’d like to keep the navigation as a single row of horizontal tabs across the top of the page, but I’m running out of real estate. Does anyone have a link to an example of creating tabs like the...

Have you checked out Variable HTML? www.variablehtml.com

Thanks for the response Leroy, This is the coding I currently use to achieve switching between single and two column text display based on the width of the browser window: <div class=twocol> Headline and maybe a short block of text </div> <div class =col1> First half of content for...

My favorite quote comes from Andrew s. Tannenbaum, Computer Networks, p 254 "The nice thing about standards is that there are so many to choose from." I've been writing a Javascript to change css files based on page width. That quote has been the backbone of all the work I've done so far.

Hi seabreeze, I was about to make my post when I saw your's already on the forum. Take a look at my post on Variable Image Sizing and let me know if that is what you are looking for.

This is a somewhat complex question. I created a script that selects a different CSS file based on the width of a page. The script also has a feature called Variable Image Sizing for use on fluid design websites. You can see the feature in action at...

Have you checked out the variable HTML script. It does teh same thing without all the "IF" statements in the head section of the HTML file. http://www.variablehtml.com

The article you mentioned deals with Media Queries, and I do agree that they are a great concept. The problem is the implementation. As the article states, you replace the media tag with lines like: media="screen and (max-device-width: 480px)" and every stylesheet is defined as...

Thanks Leroy, I didn’t realize that CSS had that feature. Can you point me to some documentation on how to test for various page width to control display of columns? And yes, this one is a fluid width design. I'm going to create a parallel site to demonstrate fixed width designs.

I should add something here before you compare this to Media Queries. The Media Query CSS links are not compatible with older browsers. You have to use a separate set of links inside “IF” statements in the head section – if this is IE8 or greater use these CSS files – if it is not IE8 or...

Yes, take a look at the design of this site, but more important, look at the concept! As you view the site, change the size of your browser window to see how it reacts. I’ve written a JavaScript that redesigns your page based on the width of the browser viewing it, similar to Media...

You are very welcome. I have another post that goes into more detail on this and also includes a test page to show how it all functions when the page is resized. http://www.webdesignforum.com/showthread.php?p=51306#post51306

I want to create a page that demonstrates about 6 different styles of how to accomplish a task. I wanted everything to be on one page with all 6 explanations and reveal them one at a time based on different css files. One way to do this is to have 5 display none’s in each css file to hide the...

I’m trying to use both ID and class to control when demo items appear and disappear on the screen, but having no luck. My html file looks like this: <p>Insert Content Here</p> <div ID=demo> <p class=test1>Insert Content 1 Here</p> <p class=test2>Insert Content 2 Here</p> <p...

WOW! This is a far bigger issue that I first thought. If you search the web for "onload DOM" you will get 360,000 results. The first page is full of pages that talk about relying on the DOM being there when you run onload functions. The conclusion is simple, you can't rely on it. To make...