Css instead of frames?

liunx

Guest
Hi! I need some help desperately. I'm creating a website for a friend.. I finished the first step, designing the layout.. its done: <!-- m --><a class="postlink" href="http://www.blueprintgames.com/offdahizzlen/">http://www.blueprintgames.com/offdahizzlen/</a><!-- m -->

But now I Have to code it.. Before I can move on to the PHP part of it, I have to get the HTML done.. >.< For some reason Im having huge trouble. Im using Dreamweaver MX to edit the site. At the URL above, I want to be able to put text in each box, I cant just type it in of course because it will break all of the tables. Inline frames is a no-go because they cannot be viewed in certain browsers. And when asking people for help on coding the frames, I was told to resort to CSS instead. Can CSS help me at all? I have never used CSS before and I really dont have the time to learn it at this point. Ive used CSS before actually in the sense of changing the text, links, scroll bars, etc. But never before have I subsituted frames for CSS? How can I do this? What should I do? I appreciate it! :DOffDaHizzlen,

Whoever told you that you should use CSS instead of frames is absolutely right, and I would expand that to include "instead of frames AND tables." CSS is virtually a part of XHTML nowadays, and is an established W3C standard.

It isn't that difficult to learn CSS - I think of it as an addition to HTML. HTML is the content of your page, CSS is the design of it. Here are a couple of resources to get you started:

<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS/">http://www.w3.org/Style/CSS/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS/learning">http://www.w3.org/Style/CSS/learning</a><!-- m -->

I also highly recommend picking up a book or two from your local store (Borders, Barnes & Noble, etc.). There are tons of books on CSS. For some incredibly grandiose examples of the power of CSS, check out this site:

CSS Zen Garden (<!-- m --><a class="postlink" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a><!-- m -->)Here's an example of a page built with css-p and an explanation of how it's done. (<!-- m --><a class="postlink" href="http://bonrouge.com/3c-hf-fixed.php">http://bonrouge.com/3c-hf-fixed.php</a><!-- m -->)

I hope this helps.
 
Back
Top