• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Website Problem Fixed: Thanks CorpRec and Soulflare :)

aphex

aphex

Moderator<br>All Things Apple
Moderator
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)
 
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?? 🙂
 
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.
 
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
 
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...



 
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.
 
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 🙂
 
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.
 
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 🙂
 
Corp: reload the site now, any difference? Just thought id try somethin
 
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>



 
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!
 
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.
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top