...

View Full Version : Can ANYONE fix my html... because html hates me!



alizabeth33
09-13-2007, 02:22 PM
thanks, I figured it out

ahallicks
09-13-2007, 03:07 PM
WOAH!

Are you serious about web design? If so, don't EVER do that again! And by that I mean shove a load of images into Dreamweaver and let it code it for you. It will do it wrong, and create a load of code you don't need with no semantics whatsoever.

To start with, position fixed (which is used incorrectly by IE anyway) will 'fix' something in the position you put it on the screen so that if you scroll the window that element will always look to be in the same place, 'floating' above everything else. However, this only works when it is placed on the body tag in IE.

You should be using floats, padding and margins to get your page looking as you want it to. A nice little layout example would look like this:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Simple Div Layout</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}

html {
color: #FFFFFF;
background: #CCCCCC;
font: 11px Tahoma, Verdana, Arial, "times New Roman", sans-serif;
}

#wrapper {
width: 766px;
height: auto;
margin: 10px auto;
overflow: hidden;
}

#header {
width: 766px;
height: 100px;
background: #990000;
margin-bottom: 10px;
}

#leftnav {
width: 250px;
height: 500px;
background: #990000;
float: left;
margin-right: 10px;
}

#content {
width: 506px;
height: 500px;
background: #990000;
float: left;
}

#footer {
width: 766px;
height: 80px;
float: left;
background: #990000;
margin-top: 10px;
}

</style>

</head>

<body>

<div id="wrapper">

<div id="header">
A Header
</div>

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

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

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

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


Now, I presume that you have designed a site in Photoshop and would like to put it on the web? The best way to do this is to slice it up into sections, save any background-images you want and then use code to display them on the web. I really don't know what stage you are at in your coding so I would also suggest that you go off and search the web for some tutorials on creating CSS based layouts from scratch and see what you find. There are some useful links here (http://www.exitfegs.co.uk/Sources.html).

One thing we are not going to do is build your site for you. If you have a specific problem then post it. If you would like your site built for you there are other forums here that might be of more help!

Good luck ;)

HTML doesn't hate you by the way, it hates Dreamweavers automated, dirty, horrible, disgusting (*spits*) code :p

alizabeth33
09-13-2007, 04:09 PM
Im not serious about web design, I just need to design a site for my business asap. I have no time to learn about css or dreamweaver or html, I am just try to use what I learned in college!

Jutlander
09-13-2007, 05:54 PM
Perhaps you're best off hiring one to do it then? You can get it done in a few hours and most people don't charge a lot for it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum