Solved

Reducing the upper web page margin

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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Introduction This tutorial will give you a fast look what you can do with WhizBase. I expect you already know how to work with HTML at least, and that you understand the basics of the internet and how the internet works. WhizBase is a server-s…
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 lists in Python. Lists, as their name suggests, are a means for ordering and storing values. : Lists are declared using brackets; for example: t = [1, 2, 3]: Lists may contain a mix of data types; for example: t = ['string', 1, T…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

707 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

12 Experts available now in Live!

Get 1:1 Help Now