Go Back   PCMech Forums > Help & Discussion > Web Design / Development

Need Some Help? Type Your Keywords Here:

Reply
 
LinkBack Thread Tools Search this Thread Rate Thread Display Modes
Old 06-15-2005, 10:58 PM   #1
bot
Member (7 bit)
 
Join Date: Mar 2004
Location: Pitt Pa
Posts: 126
a few "first web site" questions...

first: i know you can center all of your tables between left and right... but how do you do that from top and bottom?

second: how do you change the little icon/picture that comes right before the title?

also, my first site is: www.tcarbon.com -- feedback is welcome

thanks
bot is offline   Reply With Quote
Old 06-18-2005, 09:01 AM   #2
aym
Registered User
 
aym's Avatar
 
Join Date: Nov 2001
Posts: 1,965
2) Create an icon, name it favicon.ico, upload it to the root of your webspace, then add the following to the head section of your HTML files:
PHP Code:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
aym is offline   Reply With Quote
Old 06-18-2005, 11:22 AM   #3
Security Dude
Staff
 
kstatefan40's Avatar
 
Join Date: Jun 2003
Location: Derby, Kansas
Posts: 999
Send a message via AIM to kstatefan40 Send a message via MSN to kstatefan40 Send a message via Yahoo to kstatefan40 Send a message via Skype™ to kstatefan40
1) The Valign property should do what you want for the tables. It stands for Vertical Align, and the three different attributes are: top, middle and bottom

http://msdn.microsoft.com/workshop/a...s/valign_1.asp
__________________

Tyler A. Thompson
Small Business Networking Services Specialist
tyler@derbydigital.com
kstatefan40 is offline   Reply With Quote
Old 06-19-2005, 09:02 PM   #4
Foldin' For PCMech!
 
enhanced08's Avatar
 
Join Date: Jun 2003
Location: back home in McHenry MD
Posts: 1,657
Send a message via AIM to enhanced08 Send a message via MSN to enhanced08
nice work on the layout! a first website huh?? very nice!
__________________
Eric
Help save lives! Click Here
AMD 4800+ X2 @ 2750Mhz (250 x 11) | DFI LanParty UT CFX3200 | 2GB Mushkin pc4000 3-3-2-8 1:1
Sapphire X1900GT 256MB | (2) 150GB Raptors RAID0 | WD 320GB
enhanced08 is offline   Reply With Quote
Old 06-19-2005, 09:29 PM   #5
bot
Member (7 bit)
 
Join Date: Mar 2004
Location: Pitt Pa
Posts: 126
Quote:
Originally Posted by enhanced08dotcom
nice work on the layout! a first website huh?? very nice!
yep, my very first ... thank you so much!!!

by the way, thank you everyone else for answering my two questions... i haven't had time to try to get it to work, yet though... i will post tomorrow after i make an attempt!

thanks again!
bot is offline   Reply With Quote
Old 06-20-2005, 07:56 AM   #6
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
Quote:
Originally Posted by kstatefan40
1) The Valign property should do what you want for the tables. It stands for Vertical Align, and the three different attributes are: top, middle and bottom

http://msdn.microsoft.com/workshop/a...s/valign_1.asp
Valign is not a table attribute. It is only for rows, headings and cells. The only way to align the table in the center of the page that will work in all browsers is by using frames, which I would avoid. You can give it the appearance of being aligned vertically by adding some space at the top of the page.

A few things that I would fix on your site. One is that it doesn't validate well. Validation can be an important part. Sites done via Frontpage are nearly impossible to validate. In your case, the biggest error is that there is no Doctype declared. Other things are that dark gray text on a black background can be difficult to read. Consider a different lighter shade of gray. Also when you click on the Contacts page, it popups a blank page followed by the mailto link. Mailto links can be a bit problematic as well. I would consider a contact form instead.
mairving is offline   Reply With Quote
Old 06-20-2005, 09:38 AM   #7
bot
Member (7 bit)
 
Join Date: Mar 2004
Location: Pitt Pa
Posts: 126
Quote:
Originally Posted by mairving
Valign is not a table attribute. It is only for rows, headings and cells. The only way to align the table in the center of the page that will work in all browsers is by using frames, which I would avoid. You can give it the appearance of being aligned vertically by adding some space at the top of the page.

A few things that I would fix on your site. One is that it doesn't validate well. Validation can be an important part. Sites done via Frontpage are nearly impossible to validate. In your case, the biggest error is that there is no Doctype declared. Other things are that dark gray text on a black background can be difficult to read. Consider a different lighter shade of gray. Also when you click on the Contacts page, it popups a blank page followed by the mailto link. Mailto links can be a bit problematic as well. I would consider a contact form instead.
that's amazing that you can't do that, i would imagine that i'm going to need that a lot in my future...

i'm sorry, but what is the purpose of validating? what is the purpose, and how do you declare a doctype? what are the benefits?

the dark gray is as dark as it is because the whole design is based off a car that the company makes carbon fiber pieces for... that dark gray is used with the car... perhaps i can lighten it up a bit, though.

i'm seriously considering doing a product page, and i am going to -- however it's not my top priority right now. i'm going to do it whenever i have time...
bot is offline   Reply With Quote
Old 06-20-2005, 11:42 AM   #8
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
Unlike a printed page, HTML has a ton of variables in the mix. Things like browsers and versions, operating systems, monitors, video cards and size of the window all can come into play when you go to a website. On a printed page, the variations are a lot less and easier to account for. Frames are one way. You can attempt to use divs along with CSS but there are some problems with that as well.

As far as the validation goes, there are several reasons to validate your pages: from The Site Wizard
Quote:
It Helps Cross-Browser, Cross-Platform and Future Compatibility
Although you may be able to create a web page that appears to work on your favourite browser (whatever that may be), your page may contain HTML errors (or CSS errors) that do not show up with that browser due to an existing quirk or bug. Another person using a different browser that does not share that particular bug will wind up viewing a page that does not show up correctly. It is also possible that later versions of your browser will fix that bug, and your page will be broken when people use the latest incarnation of the browser.

Coding your pages so that it is correct without errors will result in pages that are more likely to work across browsers and platforms (ie, different systems). It is also a form of insurance against future versions of browsers, since all browsers aim towards compliance with the existing HTML and CSS standards.

Search Engine Visibility
When there are errors in a web page, browsers typically try to compensate in different ways. Hence some browsers may ignore the broken elements while others make assumptions about what the web designer was trying to achieve. The problem is that when search engines obtain your page and try to parse them for keywords, they will also have to make certain decisions about what to do with the errors. Like browsers, different search engines will probably make different decisions about those errors in the page, resulting in certain parts of your web page (or perhaps even the entire page if your error is early in the page) not being indexed.

The safest way, it is held, is to make sure that your web page validates error-free. That way, there is no dispute about which part of your page should be scanned for keywords and the like.

Professionalism
Even if you test your web site with all the various browsers in existence on all the platforms in use (Mac, Linux, Windows, FreeBSD, etc) and find that it works perfectly in all, errors in your site reflect poorly on your skill as a web developer.

The issue is two-fold: firstly, a poorly coded web page reveals that either the web designer does not know his stuff or is a sloppy worker; secondly, it affects his marketability.
The main reason for me is that it makes me to make good compliant cross-browser code. The doctype tells what you are trying to comply to. It is a required element for HTML. More info

As far as the gray text, you really have to balance how the site looks and the effect that you are trying to achieve vs. other things like readability.
mairving is offline   Reply With Quote
Old 07-05-2005, 08:31 AM   #9
Member (10 bit)
 
DilLy's Avatar
 
Join Date: May 2002
Location: Denver, Colorado
Posts: 772
Quote:
Originally Posted by mairving
Valign is not a table attribute. It is only for rows, headings and cells. The only way to align the table in the center of the page that will work in all browsers is by using frames, which I would avoid. You can give it the appearance of being aligned vertically by adding some space at the top of the page.
He could make a table with 100%W x 100%H, and successfully center his content/tables within that, since it would all be within the cell of larger table.
Works great.
DilLy is offline   Reply With Quote
Reply

Bookmarks

Still Need Help? Type Your Keywords Here:


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting 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 On
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -5. The time now is 04:51 AM.
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO 3.6.0 PL2