Where can I find good CSS codes??? I want to fix up my site a little. I have searched at google, but all I found was turtorials, and "how 2 make an CSS code" and stuff like that.
Thanks!!! :help: :fish2:

Have you tried W3Schools (http://w3schools.com)? They have a good example page (http://www.w3schools.com/css/css_examples.asp) if you don't like tutorials. The CSS section (http://www.lissaexplains.com/css.shtml)of this site is useful as well if you're looking to make layouts with CSS.

http://www.glish.com/css/ has good basic codes. And both http://www.cbel.com/style_sheets/ and http://www.alvit.de/handbook/ have good links to CSS related sites that have scripts and demos.

I have maked some CSS codes (thanks 4 all the help), but I cant figure out how I can make dotted borders around the text boxes. Please help me, thanks 4 all the help Ive got from u before!!!

:help::help:

border: 1px dotted/dashed #ffffff;

I have maked a CSS code with the turtorial found here at Lissaexplains.com
here is the exact code Ive added to a html box on ma piczopage:


<style type="text/css">

A:link
{ text-decoration: value; none color: #92FF7D; }
A:visited
{ text-decoration: value; line-through, color: #FFBDEE; }
A:active
{ text-decoration: value; none color:#92FF7D; }
A:hover
{ text-decoration: value; underline color: #FFFFA3;


background-color: #000000;



{ cursor: value; crosshair}

h1 {font-family: value; Bradley Hand ITC
color: value; #000000 }

p {font-family: value; Bradley Hand ITC
color: value; #000000) }

body
{ background: #ffffff;




font-family: value; Bradley Hand ITC
color: #000000 ;
letter-spacing: value; 7pt
font-weight: value; lighter, normal, bold, bolder, any number value 100
font-size: value; small
any number value 15pt





scrollbar-face-color : #FFFFA3;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : ##FFBDEE;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFBDEE;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: value; Bradley Hand ITC
color: #000000;
padding-left: value; 2cm,
padding-right: value; 2cm
padding-top: value; 2cm
padding-bottom: value; 2cm
padding: value; 2cm
padding: value value; 2cm }

input, textarea
{ background: #92FF7D;
font-family: value; Book Antiqua
color: #000000;
border-style: value; dotted
border-color: #000000;
border-width: valuepx; 3pt}

</style>






Ive wanted to add a "dotted border" around my text boxes, (you can see that in the code above) but its not working. The code 4 the cursor is not working to, (the code above), and the "Bradley Hand ITC font and the Book Antiqua is not working. What have Ive done wrong??? PS. the colors of the text boxes ARE working, but not the border :help::help::help.

Here you go, cleaned it up a lot for you:


<style type="text/css">

A:link {text-decoration: none; color: #92FF7D;}
A:visited {text-decoration: line-through; color: #FFBDEE;}
A:active {text-decoration: none; color: #92FF7D;}
A:hover {text-decoration: underline; color: #FFFFA3;}



h1 {font-family: Bradley Hand ITC; color: #000000;}



p {font-family: Bradley Hand ITC; color: #000000;}



body {
background: #FFFFFF;
font-family: Bradley Hand ITC;
color: #000000;
letter-spacing: 7pt;
font-weight: 100;
font-size: 15pt;


scrollbar-face-color: #FFFFA3;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: ##FFBDEE;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFBDEE;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}



td {
font-family: Bradley Hand ITC;
color: #000000;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 2cm;}



input, textarea {
background: #92FF7D;
font-family: Book Antiqua;
color: #000000;
border-style: dotted;
border-color: #000000;
border-width: 3pt;}

</style>

Thank you so much, hope it works!!! :lolo: :lolo: :lolo: :lolo:

The CSS code worked, but there is something wrong. The letters are to fare away from eachother, and the "dotted border" at the text box is pink AND black. I only want it to be black. here is the adress 4 my page: http://lovely-kizz.piczo.com/?preview=y&g=19081263&cr=6&rfm=y PS. its only a test page.

Thanks again!!:) :) :)

In your HTML you have a DIV placed around your text area. A lot of that HTML is still a mess, since I only touched your css. Also functioning around the piczo codes is hard too, because I can't tell what all is yours and what is generated.

Basically just take out your DIV background color because you made that pink and it is right before your textarea so it is making the border around the texarea pink and black. Or, to solve any further problems, just take the entire DIV out...

Hope that helps and just post if you have any other problems, I'll be here to help :)