hope this hasn't been discussed yet. if so please point me in the right direction and i will leave you all alone. anyway, right now I am using frames and tables for a few websites I am building so that the title bar can be on the top and always accessible. But I'm having problems with borders and colors and whatnot. I keep hearing that I should be using style sheets for this. I've been reading up on them so I can learn how. Can a style sheet contain multiple images with hotspots and links? I guess you could make it one flat image....I'm just confused if this is possible and how you would go about that. to clarify, right now I am using a background image with another image for titles with hotspots to link to other pages that come up in an internal frame. this seems hardly the best way to approach it. any suggestions?If possible, use separate images for each link.
If it's an irregular shape, I guess there's not much you can do about that.
This is a good article about image maps. (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/imagemap/">http://www.alistapart.com/articles/imagemap/</a><!-- m -->)
What you're trying to do is possible with CSS, and actually much easier (in my opinion) to do compared to frames and tables.Well, IE doesn't support fixed positioning, but luckily the other browsers aren't so out-dated. I've attached an example of a fixed header (with a few images thrown in).
The scroll-bar could be removed from the body tag and one applied to the #content div tag and that would work for IE, but it wouldn't look as good as the scrollbar would not run the full height of the page.Check the sites in my sig for some ideas. The first thing you have to do is rethink the page content then the design comes a lot easier.You can use one big image without using an imagemap. In fact, it's an extremely good idea for keeping transfer-time down.
Article: <!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sprites/what">http://www.alistapart.com/articles/sprites/what</a><!-- m --> does media="all" mean?There are many media types including, "screen", "print" and "handheld". media="all" just applies to them all (which in my opinion is a bad idea).
Give these a quick read:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/present/styles.html#h-14.2.4">http://www.w3.org/TR/html401/present/st ... l#h-14.2.4</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/media.html">http://www.w3.org/TR/CSS21/media.html</a><!-- m -->
If it's an irregular shape, I guess there's not much you can do about that.
This is a good article about image maps. (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/imagemap/">http://www.alistapart.com/articles/imagemap/</a><!-- m -->)
What you're trying to do is possible with CSS, and actually much easier (in my opinion) to do compared to frames and tables.Well, IE doesn't support fixed positioning, but luckily the other browsers aren't so out-dated. I've attached an example of a fixed header (with a few images thrown in).
The scroll-bar could be removed from the body tag and one applied to the #content div tag and that would work for IE, but it wouldn't look as good as the scrollbar would not run the full height of the page.Check the sites in my sig for some ideas. The first thing you have to do is rethink the page content then the design comes a lot easier.You can use one big image without using an imagemap. In fact, it's an extremely good idea for keeping transfer-time down.
Article: <!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sprites/what">http://www.alistapart.com/articles/sprites/what</a><!-- m --> does media="all" mean?There are many media types including, "screen", "print" and "handheld". media="all" just applies to them all (which in my opinion is a bad idea).
Give these a quick read:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/present/styles.html#h-14.2.4">http://www.w3.org/TR/html401/present/st ... l#h-14.2.4</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/media.html">http://www.w3.org/TR/CSS21/media.html</a><!-- m -->