Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    I was hired to design and build a webpage for a small consulting buisness. This is an up-and-coming buisness, with no former webpage or even E-Contact. I designed the page using a simple dreamweaver template, and filling in the information provided to me. I have tested the webpage in 3 different browsers. Internet Explorer, Firefox, and AOL. The pages load fine in both IE and Firefox, but in AOL there is a large space before the text of the page starts. The site is www.whjconsultingservices.com. An example of the problem is on the page http://www.whjconsultingservices.com...ymarketing.htm In IE and Firefox the page loads normally but with AOL there is a gap before the first dividing image. I am wondering if this is a common problem with a simple solution, or if anyone has any ideas of how to fix this. I'm not sure if this is an HTML question or not, but i figured this would be the best section to put it in. Thank You,

  2.  

  3. #2
    Senior Member
    Join Date
    Jul 2005
    Location
    S.Wales, UK
    Posts
    250
    Member #
    10742
    I don't have the aol browser, but I've known it to cause issues in the past.

    The example page you stated won't load. Any typo error perhaps?

    Run it through a validator such as http://validator.w3.org/ and see if any errors come up.
    Paul Creedy
    Visit my community site at: www.rhonddacynontaff.com
    My hosting: www.rcthosting.com
    My Content Management product: www.dynamiccontenteditor.com

  4. #3
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    yeah, im not sure why but it put in some dots in the address.
    http://www.whjconsultingservices.com...ymarketing.htm
    is an example of this. there were 28 errors on the site, but i dont think that they are errors that would cause this. they are mostly errors in formating, because i pasted word documents directly into dreamweaver. Either way i will fix them later tonight and see if that will solve anything. Thanks,

  5. #4
    Senior Member
    Join Date
    Jul 2005
    Location
    S.Wales, UK
    Posts
    250
    Member #
    10742
    Pasting word into a webpage is one sure way of messing up the site :-) It uses loads of illegal characters that can cause a browser to go nuts!

    I'm sure that if all the errors are fixed and the page validates then there's a 99% chance it will work out OK.
    Paul Creedy
    Visit my community site at: www.rhonddacynontaff.com
    My hosting: www.rcthosting.com
    My Content Management product: www.dynamiccontenteditor.com

  6. #5
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    I'll be sure to do that once i get home from school today, Thanks alot, i'll post after i've made the changes and we'll see what results i have.

    Dylan

  7. #6
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    is there any way to clear the bad characters from the documents besides editing each and every error? it could be a time consuming process...

  8. #7
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    well, now i feel extremly unintelligent... after maximizing the AOL window, (something i never do due to the fact that i am always running multiple programs, and am on a laptop) the page is fine. now i am wondering two things. 1. can i fix this easily so it will load to fit the window size? and 2. the hundreds of formatting errors to due the word document being pasted directly into dreamweaver arent the problem, should i still fix them or is it okay to leave them in? Thank you,

  9. #8
    Senior Member Rince's Avatar
    Join Date
    Nov 2004
    Posts
    183
    Member #
    8318
    The problem that is causing the gap is to do with just 3 lines in your html.
    Code:
    <h3 align="center" class="style22"><img src="images/divider.jpg" width="737" height="8"><span class="style13">Educational Programs Offered for Family and Community Groups</span></h3>
          <img src="images/divider.jpg" width="737" height="8">
    Or more specifically, one setting that is on the first and last of those 3 lines - width="737"

    The divider.jpg images are just too long to fit on the screen. This causes problems. It causes problems in every browser I tested in though the resutls are different in each. When I reduce the window size in IE, I get the big gap you complained about. If I do the same in Opera and firefox the divider.jpg images just stick out of teh side of the screen which isn't right.

    You should design your pages to work on a veriety of browser window sizes. Even when maximised, people use different resolutions of screen. Then other people use toolbars on the side of the browser. So your page has to be flexable. Either use smaller width images, or else set a % width on the images so that they streach and compress. Using % on images usually causes problems with distortion, but on those graphics you should get away with it no problem.

    There is a further problem if you make the screen BIGGER than you desinged for. You have no line break after the frist divider, so your text rides up to the left of the image rather than staying on the same line. This is easilly solved by starting your <h3> tag after the image rather than before the image.

    Try this code for the images and header.
    Code:
    <img src="images/divider.jpg" width="85%" height="8">
    <h3 align="center" class="style22"><span class="style13">Educational Programs Offered for Family and Community Groups</span></h3>
          <img src="images/divider.jpg" width="85%" height="8">
    Couple of minor points. You have the page's main title marked as <h3> but the sub titles marked as <h1>'s. Though technically it is fine, semantically I am sure you'd expect <h1> to be the general heading and <h3> to be the sub headings. Not very important and I wouldn't change now you've started but something for the future.

    Your clearly using dreamweaver for this design. Keep an eye on it. It is prone to making loads and loads of styles for every font change with loads of class="syle3000". It also over uses the <span> tag when it doesn't have to. This makes your html and your css more complex which means more likely to have errors. It also makes it harder to read and edit the html/css to fix any errors.

    As for code pasted in form word. If you just copy pasted the text and then formated in dreamweaver then you won't be to bad. However, if you are exporting form word as html then coping the html that word genorated into your page then that could be bad. The html word makes is not normal html that humans find easy to read. So if you can't read it, you can't fix it when it doesn't work.

  10. #9
    Junior Member
    Join Date
    Nov 2005
    Posts
    6
    Member #
    11773
    i tried using the code you gave, and it still was giving me the gap. when i maximized the window the gap disappeared. i think we are on the right track, but i dont have the time to be able to try it out now. i'll look at these changes and post a reply soon. Thanks TONS,


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:12 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com