Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Senior Member
    Join Date
    Jan 2006
    Location
    ct
    Posts
    133

    Default going beyond the screen

    i have a page i made in FP. and everything is with in the screen size, but when i publish it you have to scroll over to the right to get to the edge. how do i keep it with in the screen when i publish, are there settings i should have in the code?

    Thanks
    Lisa

  2. #2
    Moderator wildjokerdesign's Avatar
    Join Date
    Jun 2003
    Location
    Kansas City Mo
    Posts
    5,720

    Default

    It would help for use to see the resulting page. There are many reasons I can think of that this could happen. In fact it is possible that in one browser you have to scroll right and left and in others you would not. The times I run across this most often is when useing CSS or style setting on <div> tags and then mixing percentage and abosolute widths.
    Shawn
    Please remember your charity of choice: http://www.redcross.org

    Handy Links: wildjokerdesign.net | Plain Text Editors: EditPlus | Crimson

  3. #3
    Senior Member
    Join Date
    Jan 2006
    Location
    ct
    Posts
    133

    Default

    Quote Originally Posted by wildjokerdesign
    mixing percentage and abosolute widths.

    that sounds like it may be the problem. ill check into that

    thanks for the reply

  4. #4
    Moderator wildjokerdesign's Avatar
    Join Date
    Jun 2003
    Location
    Kansas City Mo
    Posts
    5,720

    Default

    Something I keep struggleing with is that if I use tables to format a page (which is now concidered old school) and use say like 100% then all is fine. If I try to do something similiar with the <div> tag then I can have problems. Especially with I.E.
    Shawn
    Please remember your charity of choice: http://www.redcross.org

    Handy Links: wildjokerdesign.net | Plain Text Editors: EditPlus | Crimson

  5. #5
    Senior Member
    Join Date
    Jan 2006
    Location
    ct
    Posts
    133

    Default

    so where do i put the info for the table size so it stays with in the screen no matter what the setting is at.. here is one of my sites, www.tutorialhouse.com. should i set the size only in the table or cell properties, when i use the absolute button the place ments get even more messed up. i am okayusing dreamweaver but im so comfortable with FP.

    thanks alot

  6. #6
    Moderator wildjokerdesign's Avatar
    Join Date
    Jun 2003
    Location
    Kansas City Mo
    Posts
    5,720

    Default

    I don't think it is your table widths or at least I could not find anything that was set wrong in them. I don't use FP nor like it so I don't know that I can tell you specifics within the program. What I do notice is a lot of HTML that really does not need to be there which is I think a byproduct of FP. As I said the tables seem to be pretty well formed but they are set inside <div> tags that have thier alignment set to left. No reason for this aside for the fact that it compensates that the <center> tag opens the page and then everything is set to the left for the most part. Like I say since I don't use FP all I can really do is tell you what I see in the HTML code that does not make sense to me.

    Opps I just found a <td> tag that has the width set to 1031 here is the snippeet:
    HTML Code:
    <td valign="top" align="left" width="1031" height="32"><map name="FPMap1">
      <area href="../../My%20Webs3/index.html" shape="rect" coords="255, 2, 440, 28">
      <area href="../../My%20Webs4/index.html" shape="rect" coords="646, 1, 812, 30">
      <area href="mailto:tutorialhouse1@aol.com" shape="rect" coords="444, 2, 643, 29"></map><img border="0" src="images/navbar.jpg" usemap="#FPMap1" width="860" height="31"></td>
    That could be causeing problems. That more then likely is makeing I.E. use that instead of the width that was set to the <table> tag.

    I take it you do not really edit the HTML manually at all but use FP to do everything? If not you might want to do a manual edit on the HTML and get rid of some of the extras. You should not need <center> to open the page. It should only be used when you want to center something (there are better ways to do this but doubt they are available to you in FP) then you can get rid of the <div> tags. It is possible that they are causeing some problems also since alignment on them is set to left.

    You have used a lot of image maps I I don't see the reason for them. Most all your images are simple links. Maybe that is something FP forces on you.

    Double check the widths on all the <td> tags I just spotted another one in toward the bottom where you have the WestHost text link. Also take a look at that link right now it's placement is being set by the use of about 50 or 60 &nbsp; If you intent is to have it centered then either using the <center> tag or setting the <td> it is in to center alignment would work better or even setting the <p> tag it is in to center.

    I hope I am not being to hard on you. It really was not my intent I was just trying to see what I could find that may be causeing browser issues for you.
    Shawn
    Please remember your charity of choice: http://www.redcross.org

    Handy Links: wildjokerdesign.net | Plain Text Editors: EditPlus | Crimson

  7. #7
    Senior Member
    Join Date
    Jan 2006
    Location
    ct
    Posts
    133

    Default

    Shawn,

    You are not being hard what so every, i thank you very much for your input, i do take constructive critizism(sp?) very well, it only makes me better.

    any way, as far as the image maps, thats is the only way, i think, that i can make a link in FP is to use a hot spot, but i should only have a few, since some of the links arent "hooked up" yet.

    No, i do not edit my own HTML, i know about it but i guess i put to much faith into FP. I am really starting to think about learning more DW because i really do want to get into making web pages for people.

    I fixed that large width for the nav bar. I had originally set the size in the image properties box. thats where i usually do my sizing.
    i resized the box and published it and on my screen it looks fine but id have to have someone else check it to see if it is on thiers.

    i also took out all of the nbsp's at the bottom and "centered" it.

    thanks for all of your help, i appreciate it

  8. #8
    Moderator wildjokerdesign's Avatar
    Join Date
    Jun 2003
    Location
    Kansas City Mo
    Posts
    5,720

    Default

    Yes that seems to have taken care of things. You might want to delve into both basic HTML and CSS. The one reason I was able to hunt down the problem was because I started way back when and was pretty much reliant on knowing how to make a page in a plain text editor. I did have some WYSIWYG editors of the time but found they just did not give me the control that I wanted.

    If your looking into designing for other folks then I feel that being reliant on Front Page or even Dreamweaver will limit you some. I do have Dreamweaver or MX and I would say I use it maybe 2% of the time. The rest of the time I am looking at the HTML code in EditPlus or anouther text editor. Something that has become very popular are CMS and Forum programs. I don't know of one really at this point that you are really going to be able to manipulate the look and design of the output in FP or DW.

    Once you start working with your webpages in this way you will find it becomes very easy. I will sometimes use DW when I first start on a project to get the intial look that I want then move on to tweaking things. I often also use it to set up a blank table with rows and columns without any content then simply cut and past the HTML into EditPlus to further modify.

    I am glad you where able to get this one working.
    Shawn
    Please remember your charity of choice: http://www.redcross.org

    Handy Links: wildjokerdesign.net | Plain Text Editors: EditPlus | Crimson

  9. #9
    Senior Member
    Join Date
    Jan 2006
    Location
    ct
    Posts
    133

    Default

    okay, so now im really confused. i agree about front page, id like to move beyond that program, but if you say DW isnt much better then i wont waste my time with that. so how does one make a web page??? what about all of thoes templates out there to buy or download? are they any good do import into DW and then customize them. i dont have a problem learning more html and going inthere and editing. do you have the general layout in one of thoes programs but do the rest in the html?

    thanks alot

  10. #10
    Moderator wildjokerdesign's Avatar
    Join Date
    Jun 2003
    Location
    Kansas City Mo
    Posts
    5,720

    Default

    Well you ask how does one make a web page. I often start with raw HTML in my text editor. Actually the editor I use even give you a "template" of sorts to use:
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    
    <BODY>
    
    </BODY>
    </HTML>
    I then start codeing in what I want by inserting the appropriate HTML. Say I wanted to add an image that was linked to WestHost forums in the main page I would modify the HTML above to look like this:
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <a href="http://forums.westhost.com/images/mh_logo.gif"><img src="http://forums.westhost.com/images/mh_logo.gif" width="181" height="67" alt="WestHost"></a>
    <BODY>
    
    </BODY>
    </HTML>
    You can tell what I added above because I use lower case for tags as a rule and the EditPlus program inserts templates useing all Upper case on tags.

    It is not so much that FP or Dreaweaver are bad it is just if you learn the HTML code then it makes it easier to figure out why something is not working the way you want it. Who knows maybe I am just a dinosaure and the future of web design is in such programs but that is the only way I can get a site to really do what I want.

    Plus when you get to such programs as phpBB2 the way they have the template system set up you almost have to be able to read the HTML and follow it since thier template files do not really work in Dreamweaver or FP. In fact this is the first part of the main page template file for phpBB2:
    HTML Code:
    <table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
    <tr>
    	<td align="left" valign="bottom"><span class="gensmall">
    		<!-- BEGIN switch_user_logged_in -->
    		{LAST_VISIT_DATE}<br />
    		<!-- END switch_user_logged_in -->
    		{CURRENT_TIME}<br />
    		{S_TIMEZONE}
    	</span></td>
    	<td align="right" valign="bottom" class="gensmall">
    		<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br />
    		<!-- BEGIN switch_user_logged_in -->
    		<a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
    		<!-- END switch_user_logged_in -->
    		<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a>
    	</td>
    </tr>
    </table>
    That is only the first lines of the file and it has an extension of .tpl which is why it is not readable in most WYSISYG editors with out modification to them. On top of that this is only one .tpl out of about 4 that is used for the index page of the forum so you have to kind of piece the together in your mind. I have the feeling this may all just confuse the matter more for you... I hope not... I just used that as an illustration.

    It is a pretty big subject and a bit hard to cover in a single post.
    Shawn
    Please remember your charity of choice: http://www.redcross.org

    Handy Links: wildjokerdesign.net | Plain Text Editors: EditPlus | Crimson

Similar Threads

  1. does anyone install screen successfully?
    By olliwang in forum General Discussion
    Replies: 1
    Last Post: 10-08-2006, 04:28 AM
  2. Removing Payment/Shipping Options Screen
    By Van Gogh's Garage in forum Miva Merchant
    Replies: 0
    Last Post: 01-27-2006, 12:25 AM
  3. running screen
    By lerhaupt in forum General Discussion
    Replies: 2
    Last Post: 03-19-2005, 04:00 PM
  4. php pages just display a blank screen
    By owen100 in forum PHP / MySQL
    Replies: 7
    Last Post: 10-08-2004, 04:31 PM
  5. e-mail alias screen
    By web1x in forum Account Maintenance
    Replies: 1
    Last Post: 09-22-2003, 06:29 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •