Help me [learning to code]

CANNIBALEX · 18-06-2009, 06:57 AM

I use a combination of Photoshop CS3, Dreamweaver CS3, Frontpage, notepad or textedit (depending on what operating system i'm currantly on.

~~.Zi~~ · 19-06-2009, 06:17 AM

I have a bit of an annoying problem with my layout..
www.habben.co.uk/coding/2 can somebody help me fix it?

eLv · 19-06-2009, 11:27 AM

Why is your coding like this:

<div id="left">
</div>
<div id="right">
</div>
<div id="center">
</div>

It'll be easier and neater if you put it:

<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>

And use css like:

#left, #right
{
width: 100px;
float: left;
}

#center
{
width: 400px;
float: left;
}

~~.Zi~~ · 19-06-2009, 03:08 PM

Originally Posted by xScoldx

Why is your coding like this:

<div id="left">
</div>
<div id="right">
</div>
<div id="center">
</div>

It'll be easier and neater if you put it:

<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>

And use css like:

#left, #right
{
width: 100px;
float: left;
}

#center
{
width: 400px;
float: left;
}

What difference wouldthey make?

eLv · 19-06-2009, 03:52 PM

Big differences, my way will work out neater and easier. How would you style the layout if <div id="center"></div> is placed at the last? #left { float

eft }; #right { float:right };?

Chippiewill · 19-06-2009, 03:56 PM

Nope, it's better to do the left and right side first, then the middle.... you just have to centre the middle div....

~~.Zi~~ · 19-06-2009, 03:57 PM

Originally Posted by 00chips

Nope, it's better to do the left and right side first, then the middle....

Thats what I got told..

BoyBetterKnow · 24-06-2009, 09:47 AM

Originally Posted by grnr

Don't use phpDesigner for HTML.

Yeh I agree. When I was learning HTML I stuck to Dreamweaver. However, once accomplished in HTML, phpDesigner is fine... Well only if you're doing PHP with HTML haha.

maiden2k7 · 24-06-2009, 12:50 PM

No, Php designer has it's own section for html if I'm not mistaken, if you want to use a program though I would advise Pspad I have been using it for the last couple of months and it is fantastic, don't use dreamweaver I think it's the hardest way to learn.

I will try and help you a bit, read below:

First of all create:

Site Folder/

In side the folder create:

images/

index.html
style.css

Ok now thats the base for your layout, but what good is it having .html file and .css file if they don't link to each other.

Ok so for this all you have to do is:

Code:

<html>
<head>
<!--This piece of code links the style sheet-->
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<title> whatever you wish in here</title>
</head>
<body>
 
</body>
</html>

Your style sheet is now linked to your html page.

Right now you want to add stuff inside your body tags such as divs, lets start with the wrapper div.

Code:

<html>
<head>
<!--This piece of code links the style sheet-->
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<title> whatever you wish in here</title>
</head>
<body>
 <div id="wrapper"></div>
</body>
</html>

Lets take a look at the css style sheet:

Code:

BODY {
All of the css for the body will go in here such as background colours etc.
 
 
}
 
#wrapper {
All of the css for your wrapper tag will go in here.
 
}

As you can see the hash declares the div tag so every div you create in your html you can simply add it too your css with the hash.

This may help you bud

Chippiewill · 24-06-2009, 07:47 PM

I would advise using: http://notepad-plus.sourceforge.net/uk/site.htm

Highlighter for basically all major coding languages....

Thread: Help me [learning to code]

Thread Tools

Posting Permissions