Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Reducing the upper web page margin

Posted on 2011-09-16
4
Medium Priority
?
297 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 500 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

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

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…
This article will show, step by step, how to integrate R code into a R Sweave document
Learn the basics of modules and packages in Python. Every Python file is a module, ending in the suffix: .py: Modules are a collection of functions and variables.: Packages are a collection of modules.: Module functions and variables are accessed us…
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…
Suggested Courses

604 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