Confused with basic website design - Page 2 - Techist - Tech Forum

Go Back   Techist - Tech Forum > Internet > Web Graphics and Design
Click Here to Login
Closed Thread
 
Thread Tools Display Modes
 
Old 01-08-2009, 09:43 AM   #11 (permalink)

Triforcer
 
Baez's Avatar
 
Join Date: Sep 2005
Location: Toronto, Canada
Posts: 6,987
Default Re: Confused with basic website design

Well you can set a static size using a defined value like <table width="300">. The full table size will be 300 pixels wide then on.

Don't really understand what you're saying CrazeD. Probably just an error on my part.
__________________

__________________


Baez is offline  
Old 01-08-2009, 05:09 PM   #12 (permalink)
Wizard Techie
 
CrazeD's Avatar
 
Join Date: Feb 2006
Location: Maine
Posts: 3,736
Send a message via AIM to CrazeD Send a message via MSN to CrazeD
Default Re: Confused with basic website design

When you set a size for the table, it doesn't set a maximum size...just a minimum size. Because you can't set a maximum size, tables are free to expand when the content does. For example, you can set a table to be 300px wide but if the content inside it is, say, 400px wide, the table will expand to 400px. It's okay if you keep your content static, but I wasn't sure by his post if that's what he wanted or if he wanted it fluid.

See with div's, when you set the size it is that size, period. If you set the width to 200px, it is always 200px and will never change unless you tell it to. If the content is bigger than the div, it just goes passed the div but the div doesn't change.
__________________

__________________

Intel Q9400 | Gigabyte EP45-UD3P | G.Skill 2x2GB DDR2 1000 | XFX HD5870

Need website help? PM me!
CrazeD is offline  
Old 01-08-2009, 11:59 PM   #13 (permalink)

Triforcer
 
Baez's Avatar
 
Join Date: Sep 2005
Location: Toronto, Canada
Posts: 6,987
Default Re: Confused with basic website design

Alright yeah I just misunderstood you. I know all that. I didn't get that you meant only when defining an exact static size and not just a minimum static value.
__________________


Baez is offline  
Old 01-16-2009, 02:23 AM   #14 (permalink)
Junior Techie
 
Join Date: Jan 2006
Posts: 67
Default Re: Confused with basic website design

Quote:
Originally Posted by synergy View Post
If you use CSS (instead of tables) and align your elements with that it should work at all resolutions, and if you use standard code (validate your code here: The W3C CSS Validation Service , The W3C Markup Validation Service) then it should also work in all browsers. Tables are considered sloppy practice now days. CSS can do everything tables did and better because it makes the code render more efficiently.
I'm not really sure what validation means. Do know of any tutorials for this? Maybe even video tutorials?
Griggs2121 is offline  
Old 01-16-2009, 04:23 AM   #15 (permalink)
Wizard Techie
 
CrazeD's Avatar
 
Join Date: Feb 2006
Location: Maine
Posts: 3,736
Send a message via AIM to CrazeD Send a message via MSN to CrazeD
Default Re: Confused with basic website design

Validated means that it follows the rules and standards of the language. Making it validated means that it will work as intended in more places. Some browsers, like Firefox, is less picky about errors and broken code. However other browsers, like IE, are very picky and hate broken code.

XHTML Tutorial
404 - Not Found

Hope that helps.
__________________

Intel Q9400 | Gigabyte EP45-UD3P | G.Skill 2x2GB DDR2 1000 | XFX HD5870

Need website help? PM me!
CrazeD is offline  
Old 01-16-2009, 11:36 AM   #16 (permalink)
Junior Techie
 
Join Date: Jan 2006
Posts: 67
Default Re: Confused with basic website design

Thanks.
Griggs2121 is offline  
Old 01-16-2009, 03:25 PM   #17 (permalink)
Master Techie
 
synergy's Avatar
 
Join Date: Mar 2005
Location: 15 Hive
Posts: 2,284
Send a message via MSN to synergy Send a message via Yahoo to synergy
Default Re: Confused with basic website design

Quote:
Originally Posted by Griggs2121 View Post
I'm not really sure what validation means. Do know of any tutorials for this? Maybe even video tutorials?
yea, basically W3C (World Wide Web Consortium) is an organization that has come up with some standards that if followed should help code be more compatible across browsers. It's more of a "best practice" thing and there are plenty of designer/developers that could care less about valid code. It's really just up to you.
__________________
i7 2600K | TRUE 120 w/ Xigmatek XLF-F1253 | Asus Sabertooth P67 | 16 GB G.Skill RipjawX DDR3 1600
EVGA GTX 560Ti | 256 GB Plextor M3 SSD |80 GB Intel X25-M SSD | Corsair Graphite 600T
Coolermaster Purepower 850W | Samsung 25.5" 1920x1200 | Windows 7 Pro 64-bit


HTPC: AMD FX-4100 3.6 GHz | Gigabyte GA-880GM mATX w/ ATI Radeon HD 4250 | 8 GB G.Skill RipjawX DDR3 1600
LG Blu-Ray/HD-DVD ROM + DVD RW | 60 GB OCZ Vertex SSD | WD Caviar 1 TB | Antec Veris Fusion Black HTPC Case
Logitech diNovo Edge KB | Win7 Pro 64-bit
3dMark06 23,159 | 3dMark Vantage 23,579 | TF2 Stats Page | BC2 Stats | BF3 Stats
MCSE (SharePoint 2013), MCITP & MCTS (SharePoint 2010), CIW
synergy is offline  
Old 01-31-2009, 07:32 AM   #18 (permalink)
True Techie
 
Hookster264's Avatar
 
Join Date: Jun 2007
Location: Denver, CO
Posts: 162
Default Re: Confused with basic website design

You can use CSS to create a webpage that has a specified width and will not resize regardless of the user's screen resolution.

The trick is to assign a center alignment attribute to the <body> tag. Create a background <div> with a width to your specifications and set both left and right margins to auto. This will force the margins to both be equal. You can set your width to anything you want. I used 728px, which is the width of a Leader board ad

To create a simple two column web page with a header and footer use the following CSS and HTML code:
<html>
<head>
<title> Static Width Web Page </title>
<style type="text/css">
body {
margin: 0;
background-color: tan;
text-align: center;
}

#background {
width: 728px;
margin-left: auto;
margin-right: auto;
}

#container {
background-color: white;
}

#header {
text-align: left;
position: relative;
height: 90px;
background-color: #ffebcd;
}

#content {
position: relative;
margin-left: 160px;
text-align: left;
height: 1000px;
background-color: white;
}

#leftnav {
position: relative;
float: left;
width: 160px;
height: 1000px;
background-color: #ffebcd;
}

#footer {
height: 90px;
background-color: #ffebcd;
clear: both;
text-align: center;
}
</style>
</head>
<body>
<div id="background">
<div id="container">
<div id="header">

<p> put your LOGO here </p>


</div>
<div id="leftnav">


<p> Left Nav Link </p>


</div>
<div id="content">

<p> Your content will go here. </p>


</div>
<div id="footer">

<hr />
<p> Bottom navigation, disclaimer and copyright information can go down here. </p>

</div>
</div>
</div>
</body>
</html>

Feel free to add whatever additional CSS coding you want and fill in content as needed.
__________________

Xion XON-180 Case
OCZ ModXStream 600w 50A on +12V
ASUS M5A99FX Pro R2.0 AM3+ mobo
AMD FX-4170 Zambezi 4.2GHz [stock heatsink]
2 x 4Gb DDR3 1866 G.Skill Sniper RAM
Corsair GT 60Gb SATA3 SSD
Evga GTX 465 GPU
Windows 7 Premium
Hookster264 is offline  
Old 02-03-2009, 09:04 AM   #19 (permalink)
Newb Techie
 
Join Date: Feb 2009
Posts: 1
Default Re: Confused with basic website design

I think you should try a dynamic design for any resolutions... or center your design to make it more simple...




_________________
Indianapolis Web Design
bengomez is offline  
Old 02-03-2009, 11:17 AM   #20 (permalink)
Do work.
 
molsen's Avatar
 
Join Date: Oct 2005
Location: Jacksonville, FL
Posts: 1,177
Send a message via AIM to molsen
Default Re: Confused with basic website design

a dynamic layout that looks good and works well is WAYYYY harder than just making a solid, proper css-based layout. if your code is solid, you won't have any problems with other resolutions
__________________

__________________
http://mattjolsen.tumblr.com
flickr

Intel E8400 @ 3.78ghz
8gb (4x2gb) G.SKILL DDR2 1600 @ 420mhz, 5-5-5-12
ASrock P43Twins1600 (hates RAM dividers)
WD Caviar 500gb + 250gb hdd, 32mb cache
eVGA 7900gs @ 585/1700mhz
OCZ GameXStream 600w PSU
Sound Blaster X-Fi Platinum
Cooler Master Centurion 5 case
molsen is offline  
Closed Thread

Thread Tools
Display Modes

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
Best website design software sourov ISP and Web Hosting 1 09-07-2007 03:07 PM



Copyright 2002- Social Knowledge, LLC All Rights Reserved.

All times are GMT -5. The time now is 04:26 AM.


Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2017, vBulletin Solutions, Inc.