Solved

Reducing the upper web page margin

Posted on 2011-09-16
4
290 Views
Last Modified: 2012-05-12
I am new to web design.  I would like the layout of my web page to show a page title, an image, and a menu above the fold.  And I would like this to be reasonably consistent across commonly-used screen resolutions.  However, I also would like the image to be as large as possible, to preserve the impact.  Please look at www.mauitradewinds.com  and let me know if there is a way to eliminate what appears to be wasted space at the upper margin.  The page title, which is also an image, is 40px high.  But it appears that there is another 60px of empty space above that title image, and perhaps some unnecessary space below it.
0
Comment
Question by:ddantes
  • 2
  • 2
4 Comments
 
LVL 10

Accepted Solution

by:
acbxyz earned 125 total points
ID: 36554678
The logo-image is defined as id="logo", which is formatted via css with a margin-top of 20px. The other 40px arising from the noscript-tag. If this is deleted (or moved to the bottom) and the margin-top of #logo is disabled, your headline is directly attached to the top.
0
 

Author Comment

by:ddantes
ID: 36554719
Thank you for your comment.  Adjusting the css margin-top value for #main-content did not seem to make any difference, but adjusting the margin falue for  for #logo really helped.  Can you specify the location of the no-script tag you mentioned?
0
 
LVL 10

Expert Comment

by:acbxyz
ID: 36554770
In html code delivered to a browser it is between <BODY BACKGROUND="..."> and <IMG id="logo"... I can't tell you where it is defined in source code on the server.
The script and noscript-tags are commented as eXTReMe Pro Tracker Code, linking to extreme-dm.com

I've testet the site with firefox, with Internet Explorer or gChrome the results may vary.

Besides, the navigation buttons on top all have a target="_blank", which means the destination will open in a new window.
0
 

Author Comment

by:ddantes
ID: 36555182
Understood.  Thank you for your help!
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this tutorial I will focus on how to use WhizBase as a tool for sending ICQ messages to ICQ. Here I will use a new technology in WhizBase, published in WhizBase 5.1 version. In this tutorial I will use 3 files, pager.wbsp for the processing, e…
In this tutorial I will show you how to make a simple HTML bar chart with the usage of WhizBase, If you want more information about WhizBase please read my previous articles at http://www.experts-exchange.com/ARTH_5123186.html (http://www.experts-ex…
Learn the basics of strings in Python: declaration, operations, indices, and slicing. Strings are declared with quotations; for example: s = "string": Strings are immutable.: Strings may be concatenated or multiplied using the addition and multiplic…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question