Simple question I hope. Couldn't find an answer in a search of the forums or pdf manual.

In HTML Editor how do you resize the page ? I see you can pull the left margin over but this is not efficient and only reduces to 740 width.

I wan't to resize to 320 width for mobile view. How is this done ?

Addl - I'm using VSD for my current website. On that website I have resized some pages to 320 width for mobile viewing. However I now know I need to make these pages in xhtml for best viewing. That's why I'm using the html editor.

Thanks a lot.

HTML Editor 2010 SE build 369

Steve,

What are you wanting to resize, you actually web page document or your html editor viewer? If you just want to see the webpage in a smaller format you can use the view in browser function under tools. Then just resize the browser you are looking at to see how well the page resizes. Not sure if i fully understood the nature of your question though.

Steve, I guess you are talking about reducing the size from some 'normal' width to just 320px?

Set the body width (or wrapper or container, whatever you want to call it) to 320px. But if you have content which is wider, images e.g., you have to reduce the size of them too.

There is a good testing site for which I have forgotten the url, but I'll ask someone and post it if I get it.

Say I have html editor open to visual editor. The yellow rulers are showing (checked yes in preferences).

I want my text to fit within a width of 320. I see I can drag the left ruler to the right but only to a minimum of 740 width as the yellow ruler stops at that point.

Before I found a home here at CC I tried other html programs that you could create the page / ruler page size and work within it, centering text, etc. This can be done in a basic sense in VSD. That's what I'm trying to do with the html editor but don't see a function to do so.

Maybe its done with frames ? If so, let me know. I tried to do so from the frames dialog box but couldn't customize the width, 1 column I needed. I didn't try much addl with frames. Maybe I should have ?

I also need to have a value for the page length - such as 1000.

I hope this is a bit clearer as to what I'm trying to do.

Thanks

Thanks Inger -

Set the body width (or wrapper or container, whatever you want to call it) to 320px.

Just give me a hint as how this is done. I've looked around the program and in the code editor view for these values. Maybe I need to insert it from the code tab in the left utility column ? Or I need to save a page - open it again - and change the values ??

After a few years on VSD I'm now on to the HTML program. I'll progress along in time I'm sure. Just want to create a 320 x 1200 page in xhtml for each day of the week. Each page will just have simple text in it.

Thanks

I've been working with the html editor and help section. I think I have some studying to do.......

May not be able to get all I need here.

Thanks

http://www.w3schools.com/

the w3schools has a whole lot of information to help you

And don't forget... http://www.coffeecup.com/books/

And don't forget that switching between the Code and Visual editors in the HTML Editor is highly suggested to not do. The two formats do not play nice together and tend to change the code when switching without telling you what it did and messing up the page. Choose one tab or the other and you'll be fine but don't use both.

Steve, when I answered your question above, I was under the impression that you had made a site in VSD (Visual Site Designer, different prog. from HTML Editor) and now wanted to reduce that site to mobile phone size in HTML Editor. Since I'm a coder, I always think of the 'code mode' of the Editor, not the 'visual mode', so I missed that you were working in the latter.

Creating a site with the width just 320px wide, I would have opened the Editor in code mode, created a file called 'index.html' and another called style.css (or similar).

In the style.css I would have written:


This is just the basic stuff, you can add font-family, text alignment and a lot more that you can read about in the sources mentioned by Tom and Rodgw. The margin and colour I entered here of course being optional, but just so that you can see it...

Then in the html file I would write:



Save both files to the same location.

Try copying these two bits of code into the HTML Editor, in two files named as I suggested, then you will be able to see the result. Maybe this could get you started.