Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > Critique needed!

Critique needed!
Thread Tools
Fresh-Faced Recruit
Join Date: Jul 2003
Status: Offline
Reply With Quote
Jul 8, 2003, 11:03 PM
 
I've been writing the code for my new site, and I'd like some people to give me suggestions of what I should do with the design...maybe help with the table bit. Thanks!

hooflyhttp://www.homepage.mac.com/hoofly

- Alan
     
qnc
Mac Enthusiast
Join Date: May 2000
Location: London U.K.
Status: Offline
Reply With Quote
Jul 9, 2003, 08:52 AM
 
Like me your pages don't have document type definition is missing at the top of page. I discovered yesterday that this is important for browsers to know how to display the page.

the tables are fine when correct size window is gained here is some javascript for sizing windows automatically when they open

also you are using "p" I think you have to close that tag check for p syntax

there could be other stuff this is just what I saw from a quick code look

My site look so bad on safari
But is ok on IE
we all have to just keep tweeking it till it is just right

Your design is cool. It is a matter of preference. May be a bit more dynamic . I like clean google type design and nice roll overs, drop down menu etc... for front page. simple navigation and lots and lots of cool content. Days of it where possible.
(Last edited by qnc; Jul 9, 2003 at 09:11 AM. )
qnctv.com
Take a look...
     
Fresh-Faced Recruit
Join Date: Jul 2003
Status: Offline
Reply With Quote
Jul 9, 2003, 11:45 AM
 
I added the HTML transistional part to the top of the page, and am still working out the "p" tags..

For the tables part, http://www.homepage.mac.com/hoofly/rightside.html , the table on the right clashes with the center table. I'd like them to exist side by side, with little space between them. I'm trying to get the right table to look something like http://www.antipixel.com . If anyone can help me with it, that would be great!
     
Dedicated MacNNer
Join Date: Aug 2002
Status: Offline
Reply With Quote
Jul 9, 2003, 06:45 PM
 
you may want a third table containing both of your others...

try to make it look something like...

[]'s used because this board would make the table otherwise
Code:
[!-- start main table --] [table border=0 width=100% height=100% cellspacing=0 cellpadding=0] [tr][td width=200] [!-- this is just place holder here... you need a transparent gif/png streched 200 pixels if you want all browsers to recognize this 200 pixel margin--] [img src="trans.gif" width=200 alt=""] [/td] [td] [table width=100%] [tr] [td][td bgcolor="lightgrey"] main stuff here [/td][/tr][/table] [/td][td width=200] [table width=100% cellpadding="4" cellspacing="5"] [tr] [td bgcolor="darkgray"] side stuff here [/td][/tr][/table] [/td][/tr][/table]
note that in that example your main table will be taking up all but the 200 pixel sides... if you would rather have it always be 500 px then you can try something like:
Code:
[!-- start main table --] [table border=0 width=100% height=100% cellspacing=0 cellpadding=0] [tr] [td width="*"] [/td] [td width=200] [img src="trans.gif" width=200 alt=""] [/td] [td width=500] [table width=500] [tr> [td>[td bgcolor="lightgrey"] main stuff here [/td>[/tr>[/table] [/td>[td width=200] [table width=100% cellpadding="4" cellspacing="5"] [tr] [td bgcolor="darkgray"] side stuff here [/td][/tr][/table] [/td] [td width="*"] [/td] [/tr][/table]
(changed code indented)

hope that helps...

--will
     
Fresh-Faced Recruit
Join Date: Jul 2003
Status: Offline
Reply With Quote
Jul 9, 2003, 07:50 PM
 
1st thing: Thanks for replying & writing all that code!

2nd: I copied the code, made the transparency file, and made a test page for it, but the tables just look like they're on top of each other. BTW: I used the first example you gave me.

http://homepage.mac.com/hoofly/test.html
     
Dedicated MacNNer
Join Date: Aug 2002
Status: Offline
Reply With Quote
Jul 9, 2003, 08:52 PM
 
...the tables just look like they're on top of each other.
in what way, the two tables are next to each other in both camino and ie 5 for mac...

I don't exactly know what you mean... what browsers are you using

(just an fyi the reason your side table looks bigger then your main table is because of the cellspacing and padding options, you can have the two tables right next to each other if you set both of those properties to 0)

--will
     
Fresh-Faced Recruit
Join Date: Jul 2003
Status: Offline
Reply With Quote
Jul 9, 2003, 09:04 PM
 
sorry...i just quickly looked at it in Safari. It looks great in IE, but for some reason it's messed up in safari. Any way to *fix* it? Or is it just another bug in Safari?
     
Dedicated MacNNer
Join Date: Aug 2002
Status: Offline
Reply With Quote
Jul 9, 2003, 09:23 PM
 
2 things i see in the code:

1) at the top you don't need the [!entitty % HTML.Version ....
star with the [!DOCTYPE

2) just under the "main stuff here" you end a /td tag with a ], that means that safarri thinks that both of the tables are in the same cell and would render one on top of the other!

--will
     
Fresh-Faced Recruit
Join Date: Jul 2003
Status: Offline
Reply With Quote
Jul 9, 2003, 10:11 PM
 
Thanks! Just adding the / fixed it. I'll post an update when i get the table incorporated into the index.html page. Thanks again!

Update: I've added in the body text, and it's working pretty well, but how can I move up the right table?

edit; I figured out how to do it.

- Alan

http://www.homepage.mac.com/hoofly/indextest.html
(Last edited by preacherman; Jul 10, 2003 at 12:33 PM. )
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 03:47 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2