PDA

View Full Version : css host

izzy_person
07-26-2006, 10:16 PM
i need a free host that will accept css. because when ever i start a new page on my current host, it wont let me use css does anyone know a free host? please?:scared:
Arwen
07-26-2006, 10:19 PM
I'm sure CSS is accepted everywhere! Do you have any problems using CSS on your page?

Check out the sticky - http://www.lissaexplains.com/forum/showthread.php?t=48554
amyaurora
07-26-2006, 10:21 PM
If your host doesn't allow .css files just embed your file in your html code instead of linking externally.
izzy_person
07-26-2006, 10:24 PM
no i don't really have a problem with my css. but i am just learning so...
i've tried but i think i'll try again.
pb&j
07-27-2006, 02:05 AM
if it does not work, please post a link to your webpage and perhaps we can see why it isnt working. you may be missing a bracket or something small like that.
izzy_person
07-27-2006, 11:15 PM
okay, my webpage is www.freewebs.com/singlestarsweeper but just so you know, the only text will be this:

yay

font-family: value; [verdana] color: #ffffff letter-spacing: value; [normal] font-size: value; [small] scrollbar-face-color : #000000 scrollbar-highlight-color : #ffffff scrollbar-3dlight-color : #ffffff scrollbar-shadow-color : #ffffff scrollbar-darkshadow-color : #ffffff scrollbar-track-color : #ffffff scrollbar-arrow-color : #ffffff margin-top: 0; margin-bottom: 0; margin-left: 20; margin-right: 20; padding-top: 0; padding-bottom: 0; padding-left: 0: padding-right: 0; } td { font-family: value; [verdana] color: #ffffff; padding-left: value; [.5 cm] padding-right: value; [.5 cm] padding-top: value; [.5cm] padding-bottom: value; [.5cm] padding: value; [.5cm] } input,textarea { background: #000000 font-family: value; [verdana] color: #ffffff border-style: value; [dashed] border-color: #ffffff border-width: valuepx; [numerical value, 1] }

i think i might be missing a braket or somthing like that. i dunno.

oh and by the way, i have no idea how to embed my css into the html. i made a guess how to but i just got the same thing that you see on my webpage.
amyaurora
07-27-2006, 11:28 PM
Your CSS should look more like this:

<style type="text/css">
body
{
font-family: verdana;
color: #ffffff;
letter-spacing: normal;
font-size: small;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
margin-right: 20px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
td
{
font-family: verdana;
color: #ffffff;
padding-left: .5cm;
padding-right: .5cm;
padding-top: .5cm;
padding-bottom: .5cm;
padding: .5cm;
}
input,textarea
{
background: #000000;
font-family: verdana;
color: #ffffff;
border-style: dashed;
border-color: #ffffff;
border-width: 1px;
}
</style>
pb&j
07-28-2006, 02:25 AM
if you look at your coding, you already have a STYLE area going, so with amyaurora's post, just take all that inside the STYLE tags and put it inside your current STYLE tags.

basically, your coding would look like this laid out...

<html>
<head>
<title> title here </title>
<style type="text/css">
styles go in here
</style>
</head>
<body>
your words and images go in here to appear on the webpage.
</body>
</html>

and yeah... replace the [value] parts with the actual values. :D
izzy_person
08-15-2006, 12:26 AM
ohhh. i knew i was forgetting something. thanx!!! :lolo::lolo:
izzy_person
08-15-2006, 12:40 AM
wait... what do i put in the values? numbers?
bourdelson
08-15-2006, 12:51 AM
It depends on the property. For example, in font-family:, the value will be a font name, like Verdana or Tahoma. In something like padding-right:, it'll be a number. :)
izzy_person
08-15-2006, 12:59 AM
ugh... it's not working! all i get is this : www.freewebs.com/singlestarsweeper
instead of having my styles show up, i get nothing at all. i use almost the exact code amyaurora gave, but i tampered with it a bit to my likings, but it wont work.

<html>
<head>
<title>index</title>
<style type="text/css">
body
{
font-family: verdana;
color: #fffffff
letter-spacing: normal;
font-size: small;
scrollbar-face-color : #000000
scrollbar-highlight-color : #ffffff
scrollbar-3dlight-color : #ffffff
scrollbar-shadow-color : #ffffff
scrollbar-darkshadow-color : #ffffff
scrollbar-track-color : #ffffff
scrollbar-arrow-color : #ffffff
margin-top: 0;
margin-bottom: 0;
margin-left: 20;
margin-right: 20;
padding-top: 0;
padding-bottom: 0;
padding-left: 0:
padding-right: 0;
}
td
{
font-family: verdana;
color: #ffffff;
padding-left: .5cm;
padding-right: .5cm;
padding-top: 0cm
padding-bottom: 0cm
padding: .5cm
}
input,textarea
}

{ background-image:url(http://www.boomspeed.com/starlight/bgpos9_topl.gif);
background-repeat:no-repeat;
background-position:top left;
background-attachment:fixed;
background-color:#000000 }
<center><img src="http://www.boomspeed.com/starlight/bgban.gif"></center>
font-family: verdana;
color: #ffffff;
border-style: dashed;
border-color: #ffffff
border-width: 1px;
}
</style>
</head>
</body>
</html>




mabey one of u could find the problem?
bourdelson
08-15-2006, 01:12 AM
I cleaned it up a bit. You need to be sure that everything is within an element, like body {} or td{}, and make sure that all of the declarations are closed with ; marks. Try this and see if it works how you want it :) :


<html>
<head>
<title>index</title>
<style type="text/css">
body
{
font-family: verdana;
color: #fffffff
letter-spacing: normal;
font-size: small;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #ffffff;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #ffffff;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #ffffff;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
padding: 0px;
background-image:url(http://www.boomspeed.com/starlight/bgpos9_topl.gif);
background-repeat:no-repeat;
background-position:top left;
background-attachment:fixed;
background-color:#000000;
border: 1px dashed #ffffff;
}

td
{
font-family: verdana;
color: #ffffff;
padding-left: .5cm;
padding-right: .5cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: .5cm;
}
</style>
</head>
<body>
<center><img src="http://www.boomspeed.com/starlight/bgban.gif"></center>
blah blah blah

all the rest of your coding here.
</body>
</html>
izzy_person
08-15-2006, 10:00 PM
thank you sooooooo much it worked!!!!:) :waves: :stickout: :puppy: :purplecat :lol: :cheer: :o :hamster: :lolol:
bourdelson
08-16-2006, 03:12 PM
You're welcome! :)