Keskustelu: Nettisivujen teko: Lomakkeen värit

miten voidaan CSS:llä muuttaa lomakkeiden nappuloiden ja tekstiruutujen ja semmoisten värit ja fontit sun muut? (Oikeastaan tarvittisin enään tietoon miten muutetaan testi väri, kun mun EditPlussassa ei näytä olevan mitään text-color tai fon-folor juttua siellä css-listalla...)

lainaus:

miten voidaan CSS:llä muuttaa lomakkeiden nappuloiden ja tekstiruutujen ja semmoisten värit ja fontit

Ihan samalla tavalla, kuin muidenkin elementtien värit ja fontit. Sillä varauksella, että selainten tuki formielementtien tyylittelylle on parhaimmillaanki vajavaista.

lainaus:

miten muutetaan testi väri

Pelkkä 'color'.

Ja tämä on ihan väärä paikka tälle viestille.

lainaus:

Ja tämä on ihan väärä paikka tälle viestille.

Minne muuallekkaan? Eikös CSS:ää käytetäkään internetissä enää?

Ihan muu ohjelmointi osioon tämä olisi kuulunut mielestäni. Vaikkakin tämä onkin nähtävästi 'ja internet-ohjelmointi'. Silti :P

No kyllä tämä viesti tänne kuuluu.
Ja jos jäi vielä epäselväksi niin tekstin värin saa vaihdettua näin:

.teksti
{
	FONT-SIZE: 8pt;
	COLOR: #F0F0F0;
	FONT-FAMILY: Verdana, Arial
}

Lomakkeiden nappuloita olen joskus muutellut, mutta en nyt juuri tähän hätään muista miten se tehtiin.
Googlella varmaa löytää yhtä sun toista.

lainaus:

FONT-SIZE: 8pt;

Ei käytetä pt-kokoja, eikä varsinkaan noin pieniä.

Miksi ei? Oletko huomannut, että esimerkiksi ohjelmointiputkan fontit ovat kokoa 8pt.

8px on melkoista kärpäsensontaa, 8pt ihan luettavaa kamaa. noille ei kai oo mitään suosituksia kumpaa (tai onhan niitä muitakin kuin nuo) pitäis käyttää px vai pt.

Itse suosin pistekokoa.

Tässä yks lomake, josta on muutettu jotain juttuja.

<FORM ACTION="sivu2.php" METHOD="GET">
Nimi: <INPUT TYPE="Text" NAME="Nimi" STYLE="color: Red;"><BR>
Ikä: <INPUT TYPE="Text" NAME="Ika" STYLE="color: Blue; text-align: Center; background-color: Black;"><BR><BR>
<INPUT TYPE="Submit" VALUE="Lähetä tiedot" STYLE="cursor: Hand;">
</FORM>

Tässä vielä kaikki yleisimmät CSS-tagit:

font-size
font-family
font-weight
font-style
color
font

line-height
text-decoration
text-align
text-indent
text-transform

background
background-color

margin-left
margin-right
margin-top
margin-bottom
margin
padding-left
padding-right
padding-top
padding-bottom
padding
border-left-width
border-right-width
border-top-width
border-bottom-width
border-width
border-color
border-style
float
clear

display
list-style-type
list-style-image
list-style-position
list-style

clip
height
width
left
top
overflow
position
visibility

cursor

Käy katsomassa kunnollinen englanninkielinen CSS-opas: http://www.w3schools.com/css

Ja sitten on sellainen ohjelma kun Topstyle Lite, joka on ilmainen ja jolla saa kätevästi tehtyä css-tiedostoja.

Tarkkaa latauspaikkaa en tiedä, mutta etsi googlella.

Topstyle Liten voi ladata vaikka http://www.javamaster.net/download/CSS/ts25lite.exe

Ihan hyvä ohjelma..

lainaus:

noille ei kai oo mitään suosituksia kumpaa (tai onhan niitä muitakin kuin nuo) pitäis käyttää px vai pt.

On niille, ja vastaus on "ei kumpikaan noista".
% ja em all the way.