/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tilpasse knapper og tekstfelter, radioknap~
Fra : Peter Kammann


Dato : 11-10-01 15:31

Hej NG!

Kan man ved hjælp af CSS eller anden måde tilpasse knapper, radiobuttons,
checkbox, submit buttons, textfelter, scrollbuttons til at have et bestemt
udseende forskellig fra standard udseendet.

Samme meddelelse er sendt til dk.edb.internet.webdesign.html.

Med venlig hilsen

Peter Kammann



 
 
Carsten Nielsen (12-10-2001)
Kommentar
Fra : Carsten Nielsen


Dato : 12-10-01 22:31

> Hej NG!
>
> Kan man ved hjælp af CSS eller anden måde tilpasse knapper, radiobuttons,
> checkbox, submit buttons, textfelter, scrollbuttons til at have et bestemt
> udseende forskellig fra standard udseendet.

Ja det kan du sagtens... i din CSS-fil skriver du bare følgende:

..input {
background-color: white;
border-bottom: solid 1px;
border-left: solid 1px;
border-right: solid 1px;
border-top: solid 1px;
color: #669999;
height: 20 px;
width: 150 px;
}

..textarea {
background-color: white;
border-bottom: solid 1px;
border-left: solid 1px;
border-right: solid 1px;
border-top: solid 1px;
color: #669999;
height: 200 px;
width: 375 px;
}

..button {
background-color: white;
border-bottom: solid 1px;
border-left: solid 1px;
border-right: solid 1px;
border-top: solid 1px;
color: #669999;
cursor: hand;
font-family: verdana, sans-serif;
font-size: 11px;
height: 20px;
width: 125px;
}

f.eks....

så på din html-side skriver du (hvis du vil lave en flot submit-knap)
følgende:

<input type=submit value="- Log ind -" class=button>
eller til din text-input:
<input type=text maxlength=8 value="Skriv dit telefonnummer" class=input>

de to "Class" hentes så fra din CSS-fil (selføli skal du lige referer til
CSS-filen først) det gør du med:

<link REL="StyleSheet"
href="style.css"
TYPE="text/css">
</link>

HÅber du kan bruge det

/frigsfrogs



Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408879
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste