Avatar billede udvikler Nybegynder
08. august 2005 - 15:23 Der er 4 kommentarer og
1 løsning

Kan man forkorte denne kode ?

Jeg fandt en kode på en tysk hjemmeside som ændre udseendet på input'sene, men kan man ikke forkorte koden lidt ?
Har selv forkortet en del, men jeg kan ikke mere.. det ser ikke specielt overskueligt ud..

<input class="textinput" style="color:white; font-size:9px; border: 1px solid rgb(18, 30, 44); background: rgb(170, 70, 70) none repeat scroll 0%; height: 18px; width: 86px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" type="text">

<input class="textinput" style="color:white; font-size:9px; border: 1px solid rgb(18, 30, 44); background: rgb(170, 70, 70) none repeat scroll 0%; height: 18px; width: 76px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" type="password">

<input value="Login" style="border: 1px solid #000000; background: rgb(170, 70, 70) none repeat scroll 0%; font-size: 10px; color: #FFFFFF; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" type="submit">
Avatar billede udvikler Nybegynder
08. august 2005 - 15:43 #1
Fandt selv ud af det..

Har også ændret lidt på farverne

<input value="user" type="text" size="12" style=" border: 1px solid #6699FF; font-size: 9px;">
<input value="pass" type="password" size="12" style=" border: 1px solid #6699FF; font-size: 9px;">
<input value="Submit" type="submit" style=" border: 1px solid #6699FF; font-size: 9px;">
Avatar billede udvikler Nybegynder
08. august 2005 - 15:43 #2
Svar
Avatar billede schwarz84 Nybegynder
08. august 2005 - 15:46 #3
For eksempel:
Et sted i head-delen:
<style type="text/css">
input {
background: rgb(170, 70, 70) none repeat scroll 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}

input.textinput {
color:white;
font-size:9px;
border: 1px solid rgb(18, 30, 44);
height: 18px;
width: 86px;
}

input.Login {
border: 1px solid #000000;
font-size: 10px;
color: #FFFFFF;
}
</style>

I body (form) delen:
<input class="textinput" type="text">
<input class="textinput" type="password">
<input value="Login" type="submit">
Avatar billede schwarz84 Nybegynder
08. august 2005 - 15:48 #4
-aco-: Det er en dårlig "forkortelse" da det ikke giver samme resultat som som den oprindelige. Min løsning er helt magen til den fra den tyske hjemmeside, men struktureret bedre og mere effektivt.
Avatar billede udvikler Nybegynder
08. august 2005 - 17:01 #5
Ok, tror jeg så bruger din istedet :)
Tænkte slet ikke på at blande det sammen på den måde..

Tror dog at jeg putter det i et stylesheet istedet for i head delen, men jo.. tak :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester