Topic: Total Ruin Website $Pages that link to <a href="https://ozoneasylum.com/backlink?for=10216" title="Pages that link to Topic: Total Ruin Website" rel="nofollow" >Topic: Total Ruin Website\$

Author	Thread
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 10-26-2002 03:47 Ok the other topic had a bunch of my nonsense. Site is finished except for the "contact" page. http://www.geocities.com/_xspyx_ -Adam
Suho1004 Maniac (V) Inmate From: Seoul, Korea Insane since: Apr 2002	posted 10-26-2002 06:37 Well, one thing I would recommend is turning off the links on each page that lead to that page (ie, the home link on the home page, the members link on the members page)--it's generally not good practice to have links that lead to the page you're currently on. You also might want to make the link for the page highlighted to help orient users.
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 10-27-2002 04:52 fixed. -Adam
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 10-29-2002 00:36 It wants to be centered. I want it to be centered. I've tried everything CSS I know and have found to try and center it. It's not centered. For some reason "text-align: center" center the left edge of the object. Does it make much sense? No. Is there a horizontal centering command that I'm missing? Adam
Emperor Maniac (V) Mad Scientist with Finglongers From: Cell 53, East Wing Insane since: Jul 2001	posted 10-29-2002 00:43 SPyX: The boxes aren't centring because everything is absolutely positioned it can't be centred - use float and you can get everything to fall into place. ___________________ Emps FAQs: Emperor
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 10-29-2002 01:28 Tried that, but when I do it, the images to not touch because i cannot eliminate the default space in between. So the effect is ruined. Edit: removed sig [This message has been edited by SPyX (edited 10-29-2002).]
Suho1004 Maniac (V) Inmate From: Seoul, Korea Insane since: Apr 2002	posted 10-29-2002 09:14 Hmm... if the margins, padding, etc. are set to zero, the images should line up... maybe you can show us a version where you tried centering?
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 10-29-2002 16:19 Well, as ugly as it is -> http://www.geocities.com/_xspyx_/membertest.html
Suho1004 Maniac (V) Inmate From: Seoul, Korea Insane since: Apr 2002	posted 11-01-2002 02:09 Hmm... I see... OK, the first thing you need to do is get those menu buttons to line up like you have them in the single menu image at the top. The way (I think) you should do this is to make each line of buttons a div (pseudo-code follows): <div> <home button> <members button> <charters button> <forum button> </div> And then you would do the same thing with the next line. Next, get rid of all the floats... you don't need them. What float does is remove the element from the flow (check out the CSS2 specs for more info on this), and you don't really need that here. Also, since you are not going to be absolutely positioning these elements, you can also get rid of all your "top" declarations; the elements should automatically line up vertically without them if you position them relatively. Now let's move over to your HTML. First of all, you don't need the id="body" in your body tag. When you say "body" or "h1" or something like that in your stylesheet, that applies to the default html <body> or <h1> tag, so you don't need to give it an id on top of that. I would also try to get away from things like the <br> tag. You should control vertical white space using margins and padding instead. I'm not sure if all that is going to get rid of that little space between the title image and the menu, but who knows? I do know that Slime's "show divs" bookmarklet does not work on your page (producing only a blank page with the word [object] on it), which means something is wrong somewhere. Anyway, I would try those changes, take out the big menu image, and see what happens. If it still doesn't work, bring it back here and we'll see what we can do. Maybe Slime will show up and wave his magic wand for us...
SPyX Bipolar (III) Inmate From: College Station, TX Insane since: Aug 2002	posted 11-01-2002 06:09 Ok, did most of that. It's better, but the vertical spaces remain as well as a large space at the very top. I will try to go through and clean up the code, but not thoroughly ATM. Any ideas as to why there are little underscores adjacent to the links on the bottom? -Adam Edit: On second look the horizontal spacing is also there. [This message has been edited by SPyX (edited 11-01-2002).]
Suho1004 Maniac (V) Inmate From: Seoul, Korea Insane since: Apr 2002	posted 11-01-2002 10:57 OK, I can see the divs now, and I'm seeing something a bit weird: that few pixels of vertical space is actually showing up at the bottom of each div, within the div. So the divs are lining up properly, but for some reason you've got extra space inside the div. Also, I noticed some errors in your code. First of all, I think the space at the top is caused by some extra characters in your code. If you look closely, you'll see />" at the very top. In the code, it appears on the line right below your stylesheet link. In the style sheet, you're missing the opening brackets in your menutoprow and menusecondrow style declarations. I'm not sure if this is having any effect on the outcome, but you should fix it. Also, I would but a "margins: 0px" in the body declaration. This will help get rid of some extra space at the top, too. Also, just to make sure, try setting the margins and padding to 0 for those top divs--that might get rid of that space (more info and margins, padding, etc.). I think the problem might lie elsewhere, though, but I'm just not sure where. Finally, I don't know where those underscores are creeping in, but your code for the non-breaking spaces is off--it should be " " not "&nbsp" (you're missing the semicolon at the end). Keep at it... we're getting there.

Topic: Total Ruin Website\$

Author

Thread

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 10-26-2002 03:47

Ok the other topic had a bunch of my nonsense. Site is finished except for the "contact" page. http://www.geocities.com/_xspyx_

-Adam

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

posted 10-26-2002 06:37

Well, one thing I would recommend is turning off the links on each page that lead to that page (ie, the home link on the home page, the members link on the members page)--it's generally not good practice to have links that lead to the page you're currently on. You also might want to make the link for the page highlighted to help orient users.

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 10-27-2002 04:52

fixed.

-Adam

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 10-29-2002 00:36

It wants to be centered. I want it to be centered. I've tried everything CSS I know and have found to try and center it. It's not centered.
For some reason "text-align: center" center the left edge of the object. Does it make much sense? No. Is there a horizontal centering command that I'm missing?

Adam

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted 10-29-2002 00:43

SPyX: The boxes aren't centring because everything is absolutely positioned it can't be centred - use float and you can get everything to fall into place.

___________________
Emps

FAQs: Emperor

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 10-29-2002 01:28

Tried that, but when I do it, the images to not touch because i cannot eliminate the default space in between. So the effect is ruined.

Edit: removed sig

[This message has been edited by SPyX (edited 10-29-2002).]

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

posted 10-29-2002 09:14

Hmm... if the margins, padding, etc. are set to zero, the images should line up... maybe you can show us a version where you tried centering?

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 10-29-2002 16:19

Well, as ugly as it is -> http://www.geocities.com/_xspyx_/membertest.html

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

posted 11-01-2002 02:09

Hmm... I see...

OK, the first thing you need to do is get those menu buttons to line up like you have them in the single menu image at the top. The way (I think) you should do this is to make each line of buttons a div (pseudo-code follows):

<div>
<home button>
<members button>
<charters button>
<forum button>
</div>

And then you would do the same thing with the next line.

Next, get rid of all the floats... you don't need them. What float does is remove the element from the flow (check out the CSS2 specs for more info on this), and you don't really need that here.

Also, since you are not going to be absolutely positioning these elements, you can also get rid of all your "top" declarations; the elements should automatically line up vertically without them if you position them relatively.

Now let's move over to your HTML. First of all, you don't need the id="body" in your body tag. When you say "body" or "h1" or something like that in your stylesheet, that applies to the default html <body> or <h1> tag, so you don't need to give it an id on top of that.

I would also try to get away from things like the <br> tag. You should control vertical white space using margins and padding instead.

I'm not sure if all that is going to get rid of that little space between the title image and the menu, but who knows? I do know that Slime's "show divs" bookmarklet does not work on your page (producing only a blank page with the word [object] on it), which means something is wrong somewhere. Anyway, I would try those changes, take out the big menu image, and see what happens. If it still doesn't work, bring it back here and we'll see what we can do. Maybe Slime will show up and wave his magic wand for us...

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

posted 11-01-2002 06:09

Ok, did most of that. It's better, but the vertical spaces remain as well as a large space at the very top. I will try to go through and clean up the code, but not thoroughly ATM.

Any ideas as to why there are little underscores adjacent to the links on the bottom?

-Adam

Edit: On second look the horizontal spacing is also there.

[This message has been edited by SPyX (edited 11-01-2002).]

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

posted 11-01-2002 10:57

OK, I can see the divs now, and I'm seeing something a bit weird: that few pixels of vertical space is actually showing up at the bottom of each div, within the div. So the divs are lining up properly, but for some reason you've got extra space inside the div.

Also, I noticed some errors in your code. First of all, I think the space at the top is caused by some extra characters in your code. If you look closely, you'll see />" at the very top. In the code, it appears on the line right below your stylesheet link.

In the style sheet, you're missing the opening brackets in your menutoprow and menusecondrow style declarations. I'm not sure if this is having any effect on the outcome, but you should fix it. Also, I would but a "margins: 0px" in the body declaration. This will help get rid of some extra space at the top, too. Also, just to make sure, try setting the margins and padding to 0 for those top divs--that might get rid of that space (more info and margins, padding, etc.). I think the problem might lie elsewhere, though, but I'm just not sure where.

Finally, I don't know where those underscores are creeping in, but your code for the non-breaking spaces is off--it should be " " not "&nbsp" (you're missing the semicolon at the end).

Keep at it... we're getting there.

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: Total Ruin Website

Insert Slimies »

Insert UBB Code »

Topic: Total Ruin Website $Pages that link to <a href="https://ozoneasylum.com/backlink?for=10216" title="Pages that link to Topic: Total Ruin Website" rel="nofollow" >Topic: Total Ruin Website\$