Website Problem Fixed: Thanks CorpRec and Soulflare :)

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
Ok,

Ive been working on this site for an hour or two tonight for my brother and his wife. (All i have up is the index.html, nothing behind it yet)

Bijoux De Nature (link to website)

Ive asked a few friends to check out the site, and for some the top links in the blue section (about, catalog, contact, etc...) dont all fit on one line and form a second line below the others. While on mine, THIS is what i see (all on one line).

Anyone know how i could make this standardized, so we all see the same thing? (i.e. works on all resolutions and text sizes)
 

Platypus

Lifer
Apr 26, 2001
31,046
321
136
Browser: Galeon
Screen: 1024


It doubles over to the next line, and is a bad generic text.
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
bad generic text... please elaborate if i may ask :)
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
Thanks, i appreciate the pic... Thats pretty much exactally what some people were saying they saw. Im just trying to figure out how to make it look the same in any resolution. I know with frames you can make %'s, so it fills the same percentage no matter what resolution, but i wanted to stay away from frames if possible, plus that dosent really fix the text size problem.


Anyone know?? :)
 

Platypus

Lifer
Apr 26, 2001
31,046
321
136
How about you create a table for the top that uses a javascript or CSS?
There is a java script that detects resolutions I think, and adjusts accordingly.

HTML really isn't my bag, I prefer PHP, but a nice easy table should cover that ok.
 

monto

Platinum Member
Oct 12, 1999
2,047
0
0
yea i see 2 lines...home is on second line, i'm running on 800x600

i don't know html too well, but yrou table width is 640 but divider <td> is 700
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
corp: Hmmm, i think your correct about javascript. I used to deal with it awhile ago and i vaguely remember what your referring to. Im not sure if you remember my post from the other day, but i was asking where i could learn php so that i could use the open source of http://www.oscommerce.com. I think that stuff is still over my head for the time being, as much as i would LOVE to use it :)

mondo: I think your referring to the top table. I had to make it smaller so i could fit the logo over in the corner. Not sure if thats what your referring to, im gonna go check the code now.. Thank you though...



 

Soulflare

Golden Member
Apr 16, 2000
1,801
0
0
Browser: NS 6.2.1
Screen: 800x600

The last menu item (home) drops to a new line, however it looks like there should be
enough room for it all to be on one line. Perhaps you just need to increase the cell
width a little (although it's set to 700, it's not displaying any wider than 400 for me).

I'd recommend using a sans-serif font (ie: arial, verdana, or helvetica) as well as a
higher contrasting color for the body text... it should help improve the site's readability.
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
Just bumped what mondo was refering to, to 700. Any better for you guys, or the same?

EDIT: Damn, the pictures dont reach now... ehh... lemme bump it all down to 640 :)
 

Platypus

Lifer
Apr 26, 2001
31,046
321
136
Your fonts are very large in my browser, and they appear to be sans-serrif and small in yours. Perhaps changing the default font, or the size will get them all onto the same line. The problem with the current one is that the font is way too big for it to fit on one line with the table values you have assigned, so it doubles over to the next line.
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
As for readibility, is it hard to read at your end? If you check my picture, HERE, its not too bad at all to read on my monitor... I can lighten up the text a little, but i dont want it too bright to detract from the ambiance.

corp: lemme go look at that now and see what i can do, thx :)
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
Corp: reload the site now, any difference? Just thought id try somethin
 

Soulflare

Golden Member
Apr 16, 2000
1,801
0
0
Hmmm..

Well for starters your Stylesheet is loading from your harddrive, which won't work
for anyone except you...

<link rel="stylesheet" type="text/css" href="file:///C|/pagekit/w.a.s.h/default.css">


Why is this cell set to 494 pixels wide? Your logo is only 214 pixels wide.

<tr bgcolor="004A80">
<td align=left valign=top height="30" width="494"> <img src="welcome.gif"></td>



You could try sticking in <NOBR></NOBR> tags, or perhaps removing 1 &<nbsp; between
each menu item...

<td align=right valign=middle height="30" width="640"><b> <a href="about.html">about</a> <a href="catalog.html">catalog</a> <a href="contact.html">contact</a> <a href="cart.html">shopping cart</a> <a href="home.html">home</a> </b></td>



 

bunker

Lifer
Apr 23, 2001
10,572
0
71
Here's something else you can try without getting into css and java script. In the <td> where you have all the text menu items, try nesting another table with one row and one <td> for each of the menu items.

Edit - I just looked at it again, and this may be a problem. You have your table width set to 640. You have the cell with the gif set to 494 and the cell with the links set to 640. 640+494 = 1134.
1134 > 640

Edit again - Ignore everything above this line!!! I see you got it fixed!
 

aphex

Moderator<br>All Things Apple
Moderator
Jul 19, 2001
38,572
2
91
Soul caught it about 30 seconds after i did.... Yep, i had the .css linked to my hard drive :)

Hahaha.. Sorry for all the trouble. I appreciate the help greatly.