Printable View
Alright, ive started to code a layout and ive done all the CSS etc. The only problem is that when I use margins and padding it seems to show up in Dreamweaver, but not in the browser. Is there any reason for this?
Dreamweaver:
Browser/Firefox:
+Rep for all contributers.
Also, I do realize that some images that are sliced aren't sliced properly.
Lets see the code ^^
Here it is:
HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#body {
width: 800px;
height: 700px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-image: url(images/bodybg.png);
}
#banner {
width: 800px;
height: 197px;
background: url(images/banner.png);
background-repeat: repeat-y;
}
#lcol {
width: 33px;
height: 332px;
float: left;
}
#home {
width: 31px;
height: 109px;
background-image: url(images/home.png);
}
#about {
width: 32px;
height: 109px;
background-image: url(images/aboutus.png);
}
#contact {
width: 31px;
height: 114px;
background-image: url(images/contactus.png);
}
#banner2 {
width: 740px;
height: 53px;
background-image: url(images/botbanner.png);
margin-left: -2px;
}
#content {
width: 664px;
height: 338px;
padding-left: 30px;
margin-left: 30px;
}
#contop {
width: 664px;
height: 25px;
background-image: url(images/contop.png);
}
#conmid {
width: 664px;
background-image: url(images/conmid.png);
}
#conbot {
width: 664px;
height: 2px;
background-image: url(images/conbot.png);
}
#rcol {
width: 29px;
height: 334px;
float: right;
margin-top: 0px;
}
#services {
height: 109px;
width: 29px;
background-image: url(images/services.png);
}
#buy {
width: 29px;
height: 109px;
background-image: url(images/buy.png);
}
#staff {
width: 29px;
height: 114px;
background-image: url(images/staff.png);
}
#footer {
width: 800px;
height: 78px;
margin-top: 31px;
background-image: url(images/footer.png);
}
</style>
</head>
<body>
<div id="body">
<div id="banner"></div>
<div id="lcol">
<div id="home"></div>
<div id="about"></div>
<div id="contact"></div>
</div>
<div id="banner2"></div>
<div id="rcol">
<div id="services"></div>
<div id="buy"></div>
<div id="staff"></div>
</div>
<div id="content">
<div id="contop"></div>
<div id="conmid">tyvm</div>
<div id="conbot"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
Bad coding. Thats what it's down to. Dreamweaver SEEMS to use IE standards.
knocking on from what Richard here has said, I personally would start again?Quote:
Originally Posted by RichardKnox
have you used the browser compatibility checker?
Alright, Ill try that. Any suggestions on what to do/not do?Quote:
Originally Posted by Eccentric
Your coding is crap.
(God I sound like Sygon Chung Shoo Wing Yuh here)
Any comments on what to fix?
And what about it is 'crap'?
hmm u can minimize the amount of css u use ;)
Anything else?
not really the less amount of pics
night..xx
Well, thats not what I think they ment by coding.Quote:
Originally Posted by Eccentric
Any tips for the placement of divs. etc.?
The less amount of pics you have the quicker supposidly the loading time :)
Clean up code you don't need and position divs in a cleaner way.
Thanks, ive re-coded it, cleaned up all the CSS and DIVs, and its working.
Thanks. :)
This is why I use frontpage for the finished version =]
Get exactly what you see :p
Ive re-coded it and it looks fine.Quote:
Originally Posted by .:Jack120:.
But with frontpage u wdnt have 2 recode cos u get what u see :pQuote:
Originally Posted by adamFTW
I only use dreamweaver for the scripts :D
but frontpage is like ew :S
Quote:
Originally Posted by .:Jack120:.
Jump in a hole.Quote:
Originally Posted by .:Jack120:.