Topic: Layout Help Pages that link to <a href="https://ozoneasylum.com/backlink?for=10917" title="Pages that link to Topic: Layout Help" rel="nofollow" >Topic: Layout Help\

 
Author Thread
SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-21-2003 22:35 Edit Quote

Working on a new one here -> http://people.tamu.edu/~rar7655/ And I've having some layout problems, mainly with NN. I'll take whatever advice you want to give and answer questions you have.

Thanks.

-SPyX

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 02-22-2003 00:38 Edit Quote

Pretty messy code IMO.
<p> is not an empty element and should be closed, not look like <p /> (according to your doctype, no empty element should end with a slash anyway.)
And why use <font>?
Also, the positioning of some stuff makes me confused.

Maybe not what you wanted to hear but I didn't really understand what you meant.



SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-22-2003 01:01 Edit Quote

You're right. I got the paragraph tag mixed up with <br />. Not sure why you say that it shouldn't end with slashes. The font tag was used because that is the way I found to do the drop shadow effect, but that breaks in NN so it will probably be done away with.

Please be more specific on what confuses you about the positioning.

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 02-22-2003 01:05 Edit Quote

Empty elements in HTML 4 should not end with />.

What "confuses" me about the positioning is, first of all the login box which is over the table. Alsom some other elements seems to be overlapping each other.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 02-22-2003 01:09 Edit Quote

Yes, you're mixing XHTML syntax with an HTML 4.0 doctype. Not a good idea.

As for the CSS problems, I see two main issues:

1. the Login box is right on top of the Current Bids box. I looked at your CSS and you're pretty much telling it to do that; the only case this won't happen is when the Current Bids box is under 380 pixels tall, which doesn't seem to be happening. You need to find a better way to make it appear after the current bids box regardless of it's height - i suggest that you put both DIVs within a larger DIV, and absolutely position *that* DIV to the left, so that the two inner DIVs appear one after another on the page.

2. The Current Bids box overlaps with the Info box. This has to do with the fact that your DOCTYPE isn't switching the browser into standards mode. I suggest you look first at http://www.tantek.com/CSS/Examples/boxmodelhack.html to learn about the problem and the solution, and then at http://alistapart.com/stories/doctype/ to find a doctype that will switch browsers into standards mode.

Good luck.

Oh, and if you mean "Netscape Navigator 4.x" by "NN," then excuse me while I go laugh hysterically. =)

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-22-2003 01:37 Edit Quote

No, 6.2 i think it was. And thanks for the links!


[This message has been edited by SPyX (edited 02-22-2003).]

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-24-2003 15:29 Edit Quote

Better yes? (same link as above)

Edit: Remove sig and. . . Netscape 7.0 hates me. I get no background or formatting whatsoever.

[This message has been edited by SPyX (edited 02-24-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 02-24-2003 16:01 Edit Quote

Much better. In IE 6 at least.

Now that you're using an XHTML doctype, you have to use XHTML syntax for all of your tags, though. I still see some <input> tags that you're not closing:

<form name="Form"
action="http://people.tamu.edu/~jam2122/login.cgi"
method="post">
Username <input type="text" name="user"><br />
Password <input type="password" name="passwd"><br />
<input type="submit" value="Login">
</form>

should be

<form name="Form"
action="http://people.tamu.edu/~jam2122/login.cgi"
method="post">
Username <input type="text" name="user" /><br />
Password <input type="password" name="passwd" /><br />
<input type="submit" value="Login" />
</form>

Your meta tag also needs to be closed.

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-25-2003 20:31 Edit Quote

Can anyone check the site in Netscape and see if it is going apeshit for you too?


[This message has been edited by SPyX (edited 02-25-2003).]

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 02-25-2003 20:40 Edit Quote

Just plain text for me in mozilla, so the CSS file doesn't load it seems.
PS, This should be fixed.



[This message has been edited by HZR (edited 02-25-2003).]

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-26-2003 05:19 Edit Quote

Yes I've done the validation bit. The explanations on there often leave me with no idea what I did wrong or how to fix it. I don't know most of this stuff by heart, ie. Still learning so actually having a human lay it out for me is nice.

Edit: Damned sig.


[This message has been edited by SPyX (edited 02-26-2003).]

SPyX
Bipolar (III) Inmate

From: College Station, TX
Insane since: Aug 2002

IP logged posted posted 02-26-2003 17:09 Edit Quote

ITS VALID!!! Yet, still no luck with N7. . .

Edit: Oops, put an ampersand in there the wrong way so it's not valid atm. (And some day I'll make a post without editing it.)


[This message has been edited by SPyX (edited 02-26-2003).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu