The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Space above banner
gimpguy2000
post Feb 6 2008, 08:44 PM
Post #1


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



Hi all, been a while since I've been here and thought I came a long way with HTML \CSS but found myself stuck and have tried everything under the sun to solve this.

I have a banner on my "soon to be web site". The banner has a good 20 to 30 px space from top of browser window to top of banner. I really want to get rid of that space and have tried margin, div, padding, etc... and nothing works. I am in Firefox right now. I don't know if anyone has tackled this before but if you have, any suggestions would be highly appreciated so I can move on with this. smile.gif I included a screen shot of the space above banner. I did it once but then all images overlapped. glare.gif Just a note, the white is from screen shot, the banner just has to go up to the blue background.

Thanks,

Paul

This post has been edited by gimpguy2000: Feb 6 2008, 08:45 PM


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 6 2008, 09:06 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



So can we see the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 6 2008, 11:12 PM
Post #3


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(pandy @ Feb 6 2008, 09:06 PM) *

So can we see the page?


Thanks for the reply. I would but I am not putting it on the server until it's finished and just viewing it browser until then. I can attach the files or something sad.gif Is that ok?

Thanks,

Paul
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 6 2008, 11:20 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I don't know if anyone else is up to aranging images and editing the HTML to make it possible to view it all as a page, but I'm not. Sorry. tongue.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 7 2008, 01:10 AM
Post #5


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(pandy @ Feb 6 2008, 11:20 PM) *

I don't know if anyone else is up to aranging images and editing the HTML to make it possible to view it all as a page, but I'm not. Sorry. tongue.gif


Well that's ok, I didn't expect anyone to do so. I simply wanted to know if there was some code to move the banner up. I'll keep searching.

Paul
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 7 2008, 02:03 AM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entry How do I eliminate the margins around my page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 7 2008, 02:27 AM
Post #7


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(Darin McGrew @ Feb 7 2008, 02:03 AM) *


Thanks Darin, I did try that , one of the first things I tried . I finally figured out a way {top: -4px} in the code. I decided to try a negative and it worked. However after, I did something wrong and now the page scrolls over as if having two pages side by side but right side blank. I couldn't get tables to show up either no matter what code I used. So after days of work, I give up as it's all ruined and I am not going over the whole thing again. sad.gif That's life I guess. wink.gif

Anyhow, thanks for the reply, much appreciated.

Take care,

Paul
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 7 2008, 02:35 AM
Post #8


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Can you provide the URL (address) of a document that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 7 2008, 03:29 AM
Post #9


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



No. tongue.gif http://forums.htmlhelp.com/index.php?s=&am...ost&p=20811
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 7 2008, 11:38 PM
Post #10


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(Darin McGrew @ Feb 7 2008, 02:35 AM) *

Can you provide the URL (address) of a document that demonstrates the problem?


Hi, well, I would upload the html file as a whole, w\o images. That will still show the issue with the window. I'll do that. You can see where the images end by the blank image squares and is a length of 1024 but the page goes all the way past them.

Cheers,

PaulAttached File  gimptogo.html ( 1.59k ) Number of downloads: 795


This post has been edited by gimpguy2000: Feb 7 2008, 11:39 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 7 2008, 11:59 PM
Post #11


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I recommend that you start by fixing the markup errors reported by our online validator.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 8 2008, 12:56 AM
Post #12


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(Darin McGrew @ Feb 7 2008, 11:59 PM) *

I recommend that you start by fixing the markup errors reported by our online validator.


Hi, I did go there, and have been working on it. However, I think my whole page must be bad. I don't know. It tells me the <style> elements are not allowed, yet if I remove them, it tells me it's missing something, not to mention my page won't load correctly. blink.gif Every time I corrected an error, 3 more would show when validating. I don't know. I was told in order to truly learn CSS and XHTML, to simply do it and make mistakes, well, I have made enough to last a loongg time now. I went through the W3C for CSS and XHTML and such but I don't think I am getting it. I am simply getting frustrated with this whole mess. BTW, if I delete everything and only everything, then the page is spaced correctly... lol. blink.gif wacko.gif

I won't bother anyone with this any more, it's going nowhere anyway and just wasting people's time.

Thanks

Paul

This post has been edited by gimpguy2000: Feb 8 2008, 12:56 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 8 2008, 02:49 AM
Post #13


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Well, the style element must go inside the head element, and once you have any content that goes inside the body element, the head element automatically closes.

Also, you're using a lot of XHTML syntax. Stick to HTML for now. For example, change
CODE
<link rel="stylesheet" type="text/css"
href="gimpstyle.css" />
to
CODE
<link rel="stylesheet" type="text/css"
href="gimpstyle.css">

And change
CODE
<img src="/home/gimpguy/Desktop/Gimpguywebpage/gimpimages/fortde2.png" /img>
to
CODE
<img src="/home/gimpguy/Desktop/Gimpguywebpage/gimpimages/fortde2.png" alt="...">

For appropriate values for the alt attribute, see ALT texts in IMG.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 8 2008, 04:06 AM
Post #14


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



QUOTE(Darin McGrew @ Feb 8 2008, 02:49 AM) *




Thanks for the information. You must have far more patience than I do wink.gif Since you took the time to post that I figured, I should at least give it a shot. So I did read that link and it helped greatly. Also, I figured out the double space issue where the page is flowing over to the right. It had to do with a bad, well, somewhat bad image. It was keeping 1024 px wide no matter what I did so finally I deleted it completely and remade it, now I don't have the flow over. The only issue I am back to is my banner too far down from the top but I'll worry about that after I clean up this mess I made. So it may just make it yet. Does anyone else ever get to boiling point over a web page? lol or just me? blink.gif

Thanks for the help , truly appreciated.

Paul

This post has been edited by gimpguy2000: Feb 8 2008, 04:07 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
gimpguy2000
post Feb 10 2008, 03:47 AM
Post #15


Novice
**

Group: Members
Posts: 25
Joined: 10-November 07
Member No.: 4,279



Just a follow up, the page is going well now "knock on wood". A couple of bumps in the road but thanks for the help. I was about to give up but glad I didn't.

Cheers,

Paul
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 08:50 AM