Upper part

Acer2000 · 10-05-2008, 09:44 AM

How can I make the upper part of my web page reach the upper part in a browser: here is an example: http://www.lls.edu/about/mission.html

As you can see, the upper picture is located exactly under the browser, there is no space.

Please help me if you can. Thank you

**dm01** · 10-05-2008, 12:51 PM

Do you want the image deleted, or do you want a margin?

DonaldG · 10-05-2008, 12:57 PM

Sorry, but I dont understand your query...
The upper part of the web page is reaching the browser.

Try to describe your needs again...

My best guess is that you want to lower the image...

Find this part in your code:

Code:

</head>
<!--stopindex-->
<body>
<div id="wrapper">

and swap it for this

Code:

</head>
<!--stopindex-->

<style type="text/css">
<!--
body {
	margin-top: 30px;
}
-->
</style>
</head>
<div id="wrapper">

Experiment with the value, changing 30 for 50 or what ever looks right

Acer2000 · 10-05-2008, 04:37 PM

Hi all,

This one: http://www.lls.edu/about/mission.html there is no space between the image and the browser. This one on the other one, there is a space between the image and the browser:

http://www.griffith.edu.au/law/griffith-law-school

Acer2000 · 10-05-2008, 04:39 PM

In other words, I don't want to have a space between the image at the very top and the upper part of the browser. I want them to stick together. Hopefully this helps. Thank you

Acer2000 · 10-05-2008, 04:47 PM

Look at this one: http://www.scottishrite.org/who/contact.html

There is a grey area between the picture at the very top and the upper part of the browser where the icons are located. I don't want to have space like the above website.

**jamiemac2005** · 10-06-2008, 02:53 AM

Do you have your own code for us to look at? e.g. the website you want to apply this to?

The technique used in your examples is very common... If you ever have examples like that that you'd like to know how they've created a certain effect you should view the source, because that tells you exactly how it's done.

Cheers,
Jamey

Acer2000 · 10-06-2008, 12:23 PM

Acer2000 · 10-06-2008, 12:24 PM

Hi,

I have posted the code of the website i am working on. I have not yet finished the website, but this is the code which was genereated by frontpage 2003. I first created a table and then a cell in the inside of the table.

**jamiemac2005** · 10-06-2008, 01:41 PM

Hey, change the code to this:

Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">

BODY{
	margin:0;
}

</style>
</head>

<body>

<div align="center">
<table cellpadding="0" cellspacing="0" width="888" height="634">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="112" bgcolor="#000080">
<!-- MSCellType="empty" -->
&nbsp;</td>
</tr>
<tr>
<td height="522" width="888">&nbsp;</td>
</tr>
</table>
</div>

</body>

</html>

It should rid of the margin at the top of the page(and left and right but that doesn't make a visible difference)...

Cheers,
Jamey

Acer2000 · 10-06-2008, 04:27 PM

Dear Jamie,

Thank you so much. This is exactly what I am looking form, and it worked again. Thank you

What was the trick? or I should say the part of the code you typed? I don't create my web pages using css. Can you give me a hint? Thank you

Acer2000 · 10-06-2008, 05:01 PM

How can I make the table now reach to the far left and far right of the browser?

**jamiemac2005** · 10-07-2008, 02:00 AM

Get rid of the line "align=center" or change the widths to "100%"

10-05-2008, 09:44 AM	#1 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Upper part How can I make the upper part of my web page reach the upper part in a browser: here is an example: http://www.lls.edu/about/mission.html As you can see, the upper picture is located exactly under the browser, there is no space. Please help me if you can. Thank you Last edited by Acer2000; 10-05-2008 at 09:46 AM.

10-05-2008, 12:51 PM	#2 (permalink)
dm01 Moderator: Design Join Date: Oct 2006 Location: Richmond, B.C.; Canada Posts: 1,466 OS: Windows XP [Version 5.1.2600] SP3 \| Ubuntu Jaunty Jackalope \| Windows 7 Ultimate (MSDNAA I <3 you) My System	Re: Upper part Do you want the image deleted, or do you want a margin? __________________ Validate your Markup Validate your CSS Notepad++ Please use [html], [php], and [code] when posting code or markup. I do not help by Private Message or e-mail. If for some reason I have over-looked a reply to a thread that I have previously replied to, then send me a message.

10-05-2008, 12:57 PM	#3 (permalink)
DonaldG Manager Home Support, Assistant Manager Articles Team Join Date: Aug 2007 Location: Somerset, UK Posts: 10,171 OS: XPsp2 Laptop & Vista Ultimate Desktop My System Blog Entries: 1	Re: Upper part Sorry, but I dont understand your query... The upper part of the web page is reaching the browser. Try to describe your needs again... My best guess is that you want to lower the image... Find this part in your code: Code: </head> <!--stopindex--> <body> <div id="wrapper"> and swap it for this Code: </head> <!--stopindex--> <style type="text/css"> <!-- body { margin-top: 30px; } --> </style> </head> <div id="wrapper"> Experiment with the value, changing 30 for 50 or what ever looks right __________________ . Lest we forget... "They shall grow not old, as we that are left grow old; Age shall not weary them, nor the years condemn. At the going down of the sun and in the morning We will remember them." Submit New Articles Here TSF's Photographer's Corner .

10-05-2008, 04:37 PM	#4 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part Hi all, This one: http://www.lls.edu/about/mission.html there is no space between the image and the browser. This one on the other one, there is a space between the image and the browser: http://www.griffith.edu.au/law/griffith-law-school

10-05-2008, 04:39 PM	#5 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part In other words, I don't want to have a space between the image at the very top and the upper part of the browser. I want them to stick together. Hopefully this helps. Thank you

10-05-2008, 04:47 PM	#6 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part Look at this one: http://www.scottishrite.org/who/contact.html There is a grey area between the picture at the very top and the upper part of the browser where the icons are located. I don't want to have space like the above website.

10-06-2008, 02:53 AM	#7 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,887 OS: Vista, various linux distros	Re: Upper part Do you have your own code for us to look at? e.g. the website you want to apply this to? The technique used in your examples is very common... If you ever have examples like that that you'd like to know how they've created a certain effect you should view the source, because that tells you exactly how it's done. Cheers, Jamey __________________ Myspace

10-06-2008, 12:23 PM	#8 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> <div align="center"> <table cellpadding="0" cellspacing="0" width="888" height="634"> <!-- MSTableType="layout" --> <tr> <td valign="top" height="112" bgcolor="#000080"> <!-- MSCellType="empty" -->  </td> </tr> <tr> <td height="522" width="888"> </td> </tr> </table> </div> </body> </html>

10-06-2008, 12:24 PM	#9 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part Hi, I have posted the code of the website i am working on. I have not yet finished the website, but this is the code which was genereated by frontpage 2003. I first created a table and then a cell in the inside of the table.

10-06-2008, 04:27 PM	#11 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part Dear Jamie, Thank you so much. This is exactly what I am looking form, and it worked again. Thank you What was the trick? or I should say the part of the code you typed? I don't create my web pages using css. Can you give me a hint? Thank you Last edited by Acer2000; 10-06-2008 at 04:32 PM.

10-06-2008, 05:01 PM	#12 (permalink)
Acer2000 Registered User Join Date: Sep 2006 Posts: 467 OS: XP Home Service Pack 2	Re: Upper part How can I make the table now reach to the far left and far right of the browser?

10-07-2008, 02:00 AM	#13 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,887 OS: Vista, various linux distros	Re: Upper part Get rid of the line "align=center" or change the widths to "100%" __________________ Myspace