DIVS

Rockstar · 07-10-2007, 11:05 AM

Ok i can code in iFrames and expandbles but people now seem to use DIVS what is it and is their and tuts for it.

Chippiewill · 07-10-2007, 01:03 PM

Divs are really easy tbh and far better than tables

Example one:

HTML Code:

<div id="text" style="position:absolute;left:48px;top:328px;width:150px;height:50px;z-index:2" align="left">
You can position text anywhere on the page!
</div>

Example 2:

HTML Code:

<style type="text/css">
#text {
position:absolute;
left:48px;
top:328px;
width:150px;
height:50px;
z-index:2;
}
</style>
<body>
<div id="text" align="left">You can position text anywhere on the page! </div>

Both would produce the same (I think) but one the location is stored in CSS and the other (actually i think its still css) in the actual div. Alignment (I think) must be in the div (not confirmed)

ps there are proably coding errors (aswell as spelling)

**--ss--** · 07-10-2007, 01:20 PM

If your coding with divs then you'll need CSS knowledge , you set everythign up with css like the size and positioning then you do your div tag and write the html init , This is a basic code for a simple layout with just a banner and main content area.

PHP Code:


<html>
<head>
<title>Sitename</title>
<style type="text/css">
<!--
body {
  margin: 0px;
  padding: 0px;
}
#header {
  background-image: url(http://) ;
  width: 100%;
  height: 50px;
}
#content {
  background: #6495ED;
  width: 100%;
  height: 500px;
  text-align:center;
}
-->
</style>
</head>
<body>
<div id="header"><img src="http://bannerimage"></div>
<div id="content">Content</div>
</body>
</html>

Just study the codes of sites with divs on and you'll get the drift.

RichardKnox · 07-10-2007, 01:49 PM

Originally Posted by 00chips

Divs are really easy tbh and far better than tables

Example one:

HTML Code:

<div id="text" style="position:absolute;left:48px;top:328px;width:150px;height:50px;z-index:2" align="left">
You can position text anywhere on the page!
</div>

Example 2:

HTML Code:

<style type="text/css">
#text {
position:absolute;
left:48px;
top:328px;
width:150px;
height:50px;
z-index:2;
}
</style>
<body>
<div id="text" align="left">You can position text anywhere on the page! </div>

Both would produce the same (I think) but one the location is stored in CSS and the other (actually i think its still css) in the actual div. Alignment (I think) must be in the div (not confirmed)

ps there are proably coding errors (aswell as spelling)

Loads of coding errors. For a start with DIV's why the hell use align="" in it? Thats what the float element is for.

Rockstar · 08-10-2007, 02:06 PM

so what tut shall I use and how is thise coduing the layout :S
Sos am a newb at coding

ScottDiamond. · 08-10-2007, 03:51 PM

Originally Posted by 00chips

Divs are really easy tbh and far better than tables

Example one:

HTML Code:

<div id="text" style="position:absolute;left:48px;top:328px;width:150px;height:50px;z-index:2" align="left">
You can position text anywhere on the page!
</div>

Example 2:

HTML Code:

<style type="text/css">
#text {
position:absolute;
left:48px;
top:328px;
width:150px;
height:50px;
z-index:2;
}
</style>
<body>
<div id="text" align="left">You can position text anywhere on the page! </div>

Both would produce the same (I think) but one the location is stored in CSS and the other (actually i think its still css) in the actual div. Alignment (I think) must be in the div (not confirmed)

ps there are proably coding errors (aswell as spelling)

What a load of crap! Why the hell would you use align="" and why the hell have you got all that junk that isn't needed?

Invent · 08-10-2007, 03:53 PM

And, why are you using position absolute. It's the worst thing to code a WHOLE layout in.

Chippiewill · 08-10-2007, 04:00 PM

Originally Posted by 00chips

ps there are proably coding errors (aswell as spelling)

Hello i didnt say it was perfect :rolleyes:

Nli. · 08-10-2007, 04:10 PM

Originally Posted by Invent

And, why are you using position absolute. It's the worst thing to code a WHOLE layout in.

Isnt that when you open it up in a webeditor and you can move it any where on the page? or am i mixed up with something else..

~~Moh~~ · 08-10-2007, 04:21 PM

hehe were learning how to do this at college, im the only who who knows about css apart from the tutor and for once I feel advanced

But on this forum, I feel a noob :p

Thread: DIVS

Thread Tools

DIVS

Posting Permissions