PDA

View Full Version : .CSS Upload????

kirxklox
November 18th, 2004, 14:54
What is the design of the Text File to be uploaded to make a .css file????
the_pm
November 18th, 2004, 15:00
Come again?

A .css file simply contains the set of rules you've created with the <style> tags removed. Name it with the .css extension, link it to the original document (I think I gave instructions for that in the other thread), and presto! You can test this on your computer before loading it to the server. If you've done it properly, it will work just fine.
kirxklox
November 18th, 2004, 15:19
For an html file.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Web Horology Message Board - Horological Discussion - Home</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta content="A public message board for horological research and discussion."
name="Description" />



Is there anything similar for the .css document/page?
the_pm
November 18th, 2004, 15:59
Nope. Did you do the homework assignment I gave you last night, downloading and installing FireFox? ;) If so, then try looking at a style sheet for yourself to see how it looks. Here's the one that WDG uses: http://www.htmlhelp.com/style.css If you try to use this link in IE, it might force you to download the document. In FireFox, Mozilla or Opera, the document will just show in the browser - much handier if you ask me.

You'll see that it contains nothing but rules.
Pauly
November 18th, 2004, 15:59
<link rel="stylesheet" type="text/css" href="style.css" />

I believe that's what you mean.
the_pm
November 18th, 2004, 16:01
<link rel="stylesheet" type="text/css" href="style.css" />

I believe that's what you mean.
I think Sam's just asking if there are headers in .css documents, using .html headers as an example ;)
websterworld
November 18th, 2004, 16:12
You can use 'import' inside a css file as well, and also use comments like so:

/* this is a comment, doesnt effect rendering */

...and thats about it. What else would you want/need?
kirxklox
November 18th, 2004, 16:14
I knew I could do this:

file name; ( horo.css )



.foo {
background-color:#c0d9d9 ;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#000080 ;
}

.h1{
font-size:700% ;
font-weight:bold ;
color:#000066 ;
}

.h2{
font-size:500% ;
font-color:#000066 ;
}

.h3{
font-size:300% ;
font-color:#000066 ;
}

.h4{
font-size:200% ;
font-color:#000066 ;
}

.header {
border-color:#c0d9d9 ;
border-style:solid ;
border-width:1px ;
background-image:url(header1.jpg) ;
background-repeat:no-repeat ;
background-position: top ;
color:#080 ;
height:190px ;
margin:auto ;
width:750px ;
}

.links {
background-color:#c0d9d9 ;
border-color:#0000ff ;
border-style:solid ;
border-width:5px ;
height:95px ;
margin-left:96px ;
margin-top:95px ;
width:657px ;
}

.links td {
border-color:#FF0000 ;
border-style:solid ;
border-width:1px ;
text-align:center ;
}

.col1{
position:absolute ;
left:1px ;
border-color:#c0d9d9 ;
border-style:solid ;
border-width:10px ;
background-color:#c0d9d9 ;
width;175px ;
padding-bottom:10px ;
text-align:center ;
}

.col2{
margin-left: 200px ;
text-align:center ;
padding-bottom:10px ;
}

.tbl1{
background-color:#c0d9d9 ;
border-color:#0000ff ;
border-style:solid ;
border-width:5px ;
width:200px ;
}

.tbl1 td {
border-color:#0000ff ;
border-style:solid ;
border-width:1px ;
text-align:center ;
}

img {
border: 0;
}



however in many documents it needs a DOCTYPE or some other META tagging like this



<link rel="stylesheet" type="text/css" href="style.css" />
kirxklox
November 18th, 2004, 16:20
the PM; I was able to use your download in Topstyle. Loaded right to it.
the_pm
November 18th, 2004, 16:28
Ah ok. That works too (you still have to kick that nasty IE habit ;) )