Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders:
http://www.thefreecountry.com/webmaster/htmleditors.shtml#htmleditors
HTML Editor Reviews – http://www.wdvl.com/Reviews/HTML/
Free Online Editor Tool: http://htmledit.squarefree.com/
Free Flash Website Builder (Online): http://www.wix.com/
PageBreeze (Free visual (WYSIWYG) and HTML tag/source modes): http://www.pagebreeze.com/

Mac users might want to download BBedit Lite, a more powerful, and free mac text editor: http://www.barebones.com/products/bbedit_lite.html

Ron

I would highlight then copy/paste the blank line (select from just after the last character on the previous line, down to the blank line, that will capture the line break) into the find/replace form and leave the replace field blank. It works in notepad++ and a few other text editors I have tried. Not sure if it works in regular notepad.

For example:

The rule of CSS is that you name your divs things that make sense. Creating div1, div2, div3, etc makes it harder for you to keep track of what goes where and what you need to modify. If, say, you want to change your left navigation, you create a div class called .leftnav and chose the properties you want (imagine want all your left navigation to be in bold, small caps, and green.)

Once you created the div class, apply it to the section you want it to affect.

For example, say this is your left navigation:

The CSS should look something like this

.leftnav {
color: green;
variant: smallcaps;
font: bold;
}

(I’m a tiny bit rusty, but more or less like that)

You didn’t mention if you were using an external stylesheet or not. It would be easier so that you don’t have to copy and paste the entire set of rules per page.

If you need anymore help, let me know.

Good luck,

Sam

P.S: W3.org is an amazing place to learn industry standard web practices.

if u still have any doubt,you can contact me.I will try to solve it out.

The “trick” is to realize the weak point of web design: a container is only as big as its contents require…

So:

Make one container div; call it “all”; for convenience sake, we’;ll give it a fixed width, but the system also works with dynamic widths..

Inside that div, place four sub divs. Give them IDs:

“header”, “contents”, “nav” and “footer” (in that order)

Add CSS rules:

#all {
display: block: width: 640px;
}
#all div {
margin: 0;
padding: 0;
}
#header {
display: block: width: 640px;
}
#contents{
width: 500px;
float: right;
margin-left: 10px;
}
#nav {
width: 120px;
float: right;
margin-right: 10px;
}
#footer {

/* HERE IS PART OF THE TRICK */
clear: right;
width: 640px;
}

If you were to give the “contents” and “nav” background-colors, you’ll find that only the *longest* will extend all the way to the footer; if you want the shortest to appear equally long, simply give the container div (“all”) a background that has two “columns”, the width of the nav and contents divs.

First what I do is (if you make layouts with Photoshop, Paint Shop Pro, or anything else) start with 2 – 3 main colors to use. For my current layout it’s lime green and black. Make the layout, make it prettyful, etc. Then you have to really create a picture in your mind of what you want. Do you want things to be underlined, linked, bold, italic, etc. Or do you want it as plain text. Then using those 2 – 3 main colors choose the colors for your text. Regular text could be black while bold or italic text could be purple. Do you want your links to be nice? Do you want the cursor to change when the mouse hovers over the link? Think all of this before you start coding. Then if needed use tutorials online or from books to use simple CSS codes. I set an example for you:

Main colors: black, white, and red
Links: links are black but when mouse is hovering over it turns white. The cursor turns into an arrow
Background: background is black with red and white hearts
Text: main text is white but bold is red and italic is black with a red underline

I guess you probably get the idea. Here’s an example of the code:

I dunno, that’s just for starters. Go online and read tutorials and experiment with different codes! It helps! That’s how I started learning.

JavaScript and PHP are blocked.

There are a few limitations with CSS as well, like you cannot call to an external Stylesheet.

Now, in your MySpace account, when you edit the “About Me” or “Bio” section of your profile, try to think of this as your index.html page. Do not use a Doctype, or , or tags. Simply structure your page with CSS Styles and then CSS / XHTML code like tables, divs, images, etc. like so:

CSS / XHTML Code Here

Yes, you’re code will be on their server. But, you can store your images anywhere you want and call to them. Now, if you’d like to manipulate the structure of the page as it is now, you can.. you can do virtually anything you want with your MySpace design, you could make it look like a normal website if you wanted, of course the links would have to link to external pages.

However, I once thought about creating several MySpace profiles and linking them all together to make a functional “MySpace website”. That would actually be very easy to accomplish. I’ve never seen anyone do it before though.

The one thing that you DO NOT want to do is to remove/hide the Ad Banner. This is primarily how MySpace makes all of it’s money (through advertising) and this will most certainly get your account deleted.

I’m not going to paste an entire layout code here, but if you go here:
http://www.gogomyspace.com/free-layouts/

you can copy one of their layout codes, paste it in Notepad and explore it, see how they accomplish things. Mostly, it’s through the manipulation of id’s. And don’t worry about legality issues, they make it very clear that their code is free and open source if you read their terms:
http://www.gogomyspace.com/support/terms/

Good Luck!

Thanks, GladToHelp

You can change the height and width of course!
You should be able to put a
inside that

]]>