I have designed a simple site with 3 equal columns using tables in frontpage. How can i make the width of all 3 columns stay fixed in width and not cause site to growing in width when content is added content images especially.
Set the width to a fixed amount, but to be honest you should not really be putting images inside tables generally anyway, an front pages sucks must be one of the worst programs ever made. This is an old way of doing things but is a quick fix for you for now as you seem to want to use a WYSIWYG editor. Just alter the HTML code like the example in the link below. http://www.htmlcodetutorial.com/tables/_TD_WIDTH.html The real answer for when you wanna learn the right way though. http://www.alistapart.com/articles/practicalcss/
Keep in mind, if you want a fixed width table, your images must be the right size to fix the width of the cell you are putting them in. Your table was growing in width most likely because the image you inserted was too big for the table/cell.
I don't think that was the problem, as i tried using smaller images. It didn't increase the size of the whole page it just blows out that area. I have decided to try and learn a little more about css, I an not real good at any of it but i have put in enough time over the years that i can usually look at some code from other sites similar to what i want and put something together, it just takes me a while. I did find some good templates some fixed and some liquid i will try them. I am just building a site for a local business and trying to get something going that they will like. they showed me some sites they likes and wanted something along that line. I just haven't made a site just like it before. I see that tables aren't the way to go. I really appreciate the suggestions and will still need suggestions. I will get a temporary site up and get some feed back on it, try and get it up tomorrow sometime, hopefully.
Your doing the best hing in learning CSS its really not that hard to get to a good standard with HTML and CSS and there are so many good tutorials around to help guide you anyway. Here are another coupe of really handy sites. http://css.maxdesign.com.au/ http://www.maxdesign.com.au/articles/css-layouts/ http://www.w3schools.com/
Wrap it into a div with fixed width. I do not recommend using tables for your site's layout anyway. CSS is the right way, tables are for tabular data.
If you are stuck and need a quick fix, in Frontpage select the entire colum then from the tables menu select cell properties, then enter a specific width in pixels. Do that for each column. As others have said, tables are dead. Learn CSS. As for development tools, I don't think FrontPage was all that bad if you are writing your own code. Today's replacement, Expression Web is extremely powerful and generates fairly well crafted code. What I like best is visual studio web developer 2010 which is a free tool when you install the silverlight web platform installer.
ok I am learning css and have tried to set up site using a template i found. It was a 3 column template but they weren't the same size. I edited template to re size div's added color background Originally set template total size for 1200 px set each div at 375 pix and images at 350 each. looked great in editor uploaded to server and this is what i got. Now if you look at page source you will see that values mentioned above have been changed i made them smaller to try and solve this problem. can you suggest anything hiawasseecabins.wesleybeckonline this is where it is located for now had to remove dot com and http i haven't been a member longe enough to add links it wouldn't let me post with link, thought i was trying to add sig.
Are you viewing this in IE or a modern browser? If you are using IE then you'll never get this right. It's bad enough you're using FrontPage.
I use firefox Don't like IE, Although i have found it useful on occasions for download errors received with firefox. I use many of the plugins available. I would like to create a site that is compatible with most browsers, as this site will be used to promote a business.
1. You have to float your columns left if you want them side by side. 2. There is padding and margins to consider when deciding on the widths of your columns. Each browser had default padding and margin widths. Make the columns smaller in width until they are all side by side if that is what you wanted. Move your inline styles to your external stylesheet. It will make editing in the future much easier. The template you used is written for XHTML 1.0 Strict so you can't: -use the align attribute -most elements require their attributes in the stylesheet with this DOCTYPE declaration, another reason to put everything in the stylesheet instead of inline. From an accessibility point of view: Fixed font size isn't good. A flexible font size (em, percent) would be better so your visitors can adjust as needed. The fixed width sizes for your design could present a problem, depending on what size monitor your visitors have, how big they have the browser window and what screen resolution they have it set at. You might want to consider changing the widths to percentages. As you rework this, test it with the W3C HTML Validator. Start at the top of the list of errors, fix the first one, retest. Fixing one error can fix a whole bunch of errors because you confused the validator with your error. If there are still errors, repeat the process. Keep your fingers away from those buttons in your editor! You will learn more using it in code view and working through your errors.