Solved

Reducing the upper web page margin

Posted on 2011-09-16
4
288 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

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…
This tutorial will discuss the log-in process using WhizBase. In this article I assume you already know HTML. I will write the code using WhizBase Server Pages, so you need to know some basics in WBSP (you might look at some of my other articles abo…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

911 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now