Solved

Reducing the upper web page margin

Posted on 2011-09-16
4
292 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
A quick Powershell script I wrote to find old program installations and check versions of a specific file across the network.
Learn the basics of while and for loops in Python.  while loops are used for testing while, or until, a condition is met: The structure of a while loop is as follows:     while <condition>:         do something         repeate: The break statement m…
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

733 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