HTML & CSS help

well, out instructor required us to make a website and im having some troubles with stuff

1. wheres a place where i can upload my files so that i can be accessed from the web and how do i format my files and etc.?

2. im having a problem with "objects" (well...java coding)

i want to customize items in css and just let html be the "reference" for the item(image mostly)

now... since we only learned the basics, heres how i imported my banner

Code:

HTML
<center><h1></h1></center>

CSS

h1{
	width: 800px;
	height: 164px;
	background: url("Banner.gif");
	background-repeat: no-repeat;

}

h1:hover{
	width: 800px;
	height: 164px;
	background: url("BannerHighlight.gif");
	background-repeat: no-repeat;
}

now.... the "h" function only goes up to 6 or something....
now how do i find a workaround if my "objects" go above the H limit?

EDIT: i found out about the <style> function... is it a workaround? and ill just reference any item to its own css code?

whats the site's font style?

 

The style tags can be used in multiple ways, as in having more styles. This is done so that you can easily change the lay-out, or style, in each section easily, without having to precicely code everything by hand in html. You should make a style.css file and put the style coding in there. Then you can use a referrence in your page html file to use the styles.

I can search some presets and tutorials for you if you want?
Also, you can set fonts manually by using html tags, but I preffer to put them in style sheets.

 

Ah, found it again. If my memory serves me well, then this is the best one. By the way: using templates is to easy, learning how to use css is the way to go.

Tutorial to css.

Seriously, that contains pretty much anything a normal website uses. Pretty extensive tutorials, but it lets you do the programming. Ideal when learning stuff for a test. I used this kind of tuts when studying for css ages ago.

 

yup, i placed all of the styles in the css style sheet
but my code is <link rel="stylesheet" type="text/css" href="style.css"/>, i think thats the "external" type of css

i found some examples of declaring classes like
this

Code:

CSS
 <STYLE TYPE="text/css">
 <!--
 A.nav:link { color:#FFFFFF }
 A.nav:visited { color:#CCCCCC }
 //-->
 </STYLE>

HTML

<A HREF="unvisited.html" CLASS="nav">
 <FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2">
 unvisited link
 </FONT></A>

<A HREF="01.html" CLASS="nav">
 <FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2">
 visited link
 </FONT></A> 
 

can you explain how the class works?

and thanks a lot from that link, its EXACTLY what my instructor gave me as print-out notes, i think its his source

EDIT: now about that website upload thing.... do you know any? so i can upload my files and you and others can check

 

If you place those in your style.css, and use the style sheet for a page by placing the link between the head tags:

It will colour links white -ffffff-, visited links cccccc -dunno the colour- and use a standard size -2- verdana font. The scc thing is to be placed in style.css. The html examples can be used to override style.css if you place them outside head tags in a document.

 

yup, i know how that works, now my problem is if i want a specific item/img/link to have a specific property, ill just use the html tags? does it override the css tag? and can you tell me how to specify a text-link's location... i only use <pre> tags and put spaces, i think thats a crappy way of placing it....

 

A bit of a vague question there, but you might have wanted to know this:

normal link

Code:

<a href="pagename.html">link name</a>

image link:

Code:

<a href="pagename.html"> <img border="0" src="imagename.imageformat" width="00" height="00"></a>

Note that the 00 are in pixels. This is messy, especially when working with many people who have many resolutions. Add a percent logo instead, or just leave out the dimensions parts to use the original size.
I highly reccomend using a scc style sheet here as well. Images are extremely hard to format properly in html. Also, almost every decent site uses it to quickly create columns and such. But you probably already know those are a ***** to program in regular html.

You might also be interested in this:
Great stuff. Hope this helps you out. I really need some sleep now. -2:10 am- Leave me a message if you want some nice templates to mess around with, ok?

 

By the way:

Try programming with this. I always use it.
Notepad Plus

For uploading, this is the FTP program often used by me. Extremely simple, but has everything you could wish for.
FileZilla

I never used English free hosting space yet, but this shoul do:
pretty neat

Or maybe this:
bit more space, dunno about downsides

Even more free hosting. Lol, above sites are also in there, appearantly.

And you are aware of .tk domains, right?