AHHHHH CSS=Foreign Language (Obvious Novice) [Archive]

Click to See Complete Forum and Search --> : AHHHHH CSS=Foreign Language (Obvious Novice)

JennaWrenn

09-02-2006, 08:16 PM

I know the basics of HTML, and when I first asked a question on these boards about a month ago concerning tables, someone suggested CSS. Someone gave me a code to start me off, and I've been able to manage okay with it, with frequent visits to the boards, but I'd like to understand how it works. Don't worry...I'm a fast learner.

I sort of know how it works, but I'd like a patient person to get me started on how to build a basic code. I've read the htmlgoodies.com CSS tutorials, but its more about what CSS is and what it's used for rather than what to do to get started.

I'd like to be able to insert a logo/header/insert technical term here that goes across the top, use a background, make a table, and be able to insert a menu-- but that can come later...

Anybody know a tutorial site that would have something like this on it?

Thanks for your trouble!
JennaWrenn

drhowarddrfine

09-02-2006, 08:22 PM

I've heard htmlgoodies is not good for tutorials. Try w3schools.com instead. Just remember these couple of things:
1) Html is used to create content while CSS is used to style the content.
2) Create web pages using Firefox or Opera or Safari since they are the most standards compliant browsers and best to learn with. (Especially with Firefox's web developer extension)

JennaWrenn

09-02-2006, 08:41 PM

Thanks...

I'll have to do the best I can with IE and a laptop with 20GB hard disk space and 16MB ram...ROFL!

JennaWrenn

09-02-2006, 08:52 PM

Err, that was was supposed to mean that I'm just as behind the times as IE (and unfortunately that's what I grew up with)...

Maybe someday they'll have ID-ten-T code (ID10T):
I want the title of my page to be "TITLE"
I want the background color of my page to be "BLUE"
I want the background image of my page to be "IMAGE.GIF" (tiling)
I want "THIS IMAGE.JPG" at the (top, left) corner of my page

ROFL go me. Now wouldn't that just frazzle you nerds, having to type that much?

Nedals

09-02-2006, 10:07 PM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html><head><title>untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
body {
margin:0px; background:#00f url(images/image.gif);
}
h1 {
text-align:center;
}
</style>

<script type="text/javascript">

</script>
</head>

<body>
<img src="images/this_image.jpg" alt="" width=100 height=100 style="float:left">
<h1>TITLE</h1>
The tiled background image will cover the blue.
</body>
</html>

WebJoel

09-04-2006, 01:47 PM

Thanks...

I'll have to do the best I can with IE and a laptop with 20GB hard disk space and 16MB ram...ROFL!

There is a very small minimalist version of Firefox that you can get. At first take it reminded me of DSL ("Damn Small Linux", the Linux that you can boot from a floppy diskette).
I think that this mini-Fx is just a few MBs.
I downloaded this for my jumpdrive (and a diskette-sized FTP as well!) so basically, I can plug-into anyone else's USB and access my sites with my FTP and Firefox.
I'll see if I can find the name and URL of where to get this..

(back: )

http://portableapps.com/apps/internet/firefox_portable