[CSS/HTML]

Pagina: 1
Acties:

  • Blaise
  • Registratie: Juni 2001
  • Niet online
Ik heb een hele zooi aan forms op mijn website, dus heb ik besloten om de tag "style: border: 1px solid #000000;"
ook in mijn stylesheet te dumpen. Probleem is alleen: hoe?

Ik heb al een werkende stylesheet, geleend van een andere site, en naar eigen smaak aangepast:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body       { background-color: #667799; text-decoration: none; color: #ffffff; font-family: Arial, 'sans serif'; font-style: normal; font-variant: 
           normal; font-weight: normal; font-size: 9pt; scrollbar-face-color: #667799; scrollbar-shadow-color: #667799; scrollbar-highlight-color:
           #667799; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #667799; scrollbar-arrow-color: #ffffff }
a:link   { text-decoration: overline underline; color: #ffffff; font-family: Arial, 'sans serif'; font-style: normal; font-variant: 
           normal; font-weight: normal; font-size: 8pt }
a:visited    { text-decoration: overline underline; color: #ffffff; font-family: Arial, 'sans serif'; font-style: normal; font-variant: 
           normal; font-weight: normal; font-size: 8pt }
a:active     { text-decoration: overline underline; color: #ffffff; font-family: Arial, 'sans serif'; font-style: normal; font-variant: 
           normal; font-weight: normal; font-size: 8pt }
a:hover { text-decoration: none; color: #ffffff; font-family: Arial, 'sans serif'; font-style: normal; font-variant: 
           normal; font-weight: normal; font-size: 8pt }
a.title:link    { text-decoration: none; color: #ffffff; font-weight: bold; font-family: Arial; font-size: 8pt; text-align: center; font-style: normal; }
a.title:visited { text-decoration: none; color: #ffffff; font-weight: bold; font-family: Arial; font-size: 8pt; text-align: center; font-style: normal; }
a.title:active  { text-decoration: none; color: #ffffff; font-weight: bold; font-family: Arial; font-size: 8pt; text-align: center; font-style: normal; }
a.title:hover   { text-decoration: none; color: #ffffff; font-weight: bold; font-family: Arial; font-size: 8pt; text-align: center; font-style: normal; }

en daar moet die "style: border: 1px solid #000000;" dus nog bij op 1 of andere manier... Ik zelf dacht zoiets als

form { "style: border: 1px solid #000000;" } of
form style {border: 1px solid #000000;} eronder ofzo, maar dat werkt helaas niet.

[sorry voor verneuken van layout]

  • Blaise
  • Registratie: Juni 2001
  • Niet online
oh #@%, vage topictitel...

Verwijderd

wat dacht je van speciale classes in je sylesheet:
.bla {border: 1px solid #000000}

en dan heb je je form tag (of n andere die ook die shit moet hebben) <form class="bla"> d8 ik zo

//edit class zonder puntje ervoor :)

Verwijderd

form {border: 1px solid #000000;}

maak gelijk kans van de mogelijkheid om even vlug CSS te leren...

denki_akira: het moet class="bla" zijn. De punt moet je weglaten, net zoals je bij een id de # weglaat, en bij een anchor de # :)

Verwijderd

Ben ik nou gek of bedoel je gewoon.
code:
1
input,textarea { border: 1px solid #000000; }

Ik weet niet of
code:
1
form { border: 1px solid #000000; }

werkt maar het zou kunnen.
t: ja dus, ^^

Ik zou Topstyle even downloaden is imo de beste CSS editor en dan had je hier niets hoeven vragen.

Edit2: foutje in css

  • Blaise
  • Registratie: Juni 2001
  • Niet online
Op woensdag 23 januari 2002 21:13 schreef denki_akira het volgende:
wat dacht je van speciale classes in je sylesheet:
.bla {border: 1px solid #000000}

en dan heb je je form tag (of n andere die ook die shit moet hebben) <form class="bla"> d8 ik zo

//edit class zonder puntje ervoor :)
ehm... maar dan moet ik weer extra tags maken.
anders hoef ik alleen de CSS aan te passen.

toch?

Verwijderd

Extra attributes in Denki zijn oplossing ja, maar in die van Cheatah en ikke dus niet.

Maar ik heb net ff snel een testje gedaan en geloof dat
code:
1
form {}

werkt, maar die oplossing met input en textarea wel.

  • Blaise
  • Registratie: Juni 2001
  • Niet online
hoe bedoel je? waar moet ik dat dumpen?
Overigens ben ik bezig met topstyle, en dat gaat wel lukken... :D

Verwijderd

Op woensdag 23 januari 2002 21:17 schreef Blaise het volgende:

[..]

ehm... maar dan moet ik weer extra tags maken.
anders hoef ik alleen de CSS aan te passen.

toch?
nee man!
je heb dus allemaal van die input fields (ok Thick? ;) ) daar gooi je class="bla" bij die bla komt terug in je stylesheet als .bla {border: 1px solid #000000}
E-Z, vooral handig als je niet alle inputfields zo wil hebben en andere atributen ook zo :)

  • Blaise
  • Registratie: Juni 2001
  • Niet online
waarom wordt een textarea niet tot "input" gerekend? :?

Verwijderd

Op woensdag 23 januari 2002 21:38 schreef Blaise het volgende:
waarom wordt een textarea niet tot "input" gerekend? :?
Omdat het geen <input> is, zoals bij een textfield, passwordfield, checkbox of radio button.

  • Blaise
  • Registratie: Juni 2001
  • Niet online
gelukt!

code:
1
2
INPUT     {border: 1px solid #000000;}
TEXTAREA     {border: 1px solid #000000;}

best wel |:( eigelijk... :P

  • Shagura
  • Registratie: Augustus 2001
  • Laatst online: 12-09 23:01
Op woensdag 23 januari 2002 21:41 schreef Blaise het volgende:
gelukt!

code:
1
2
INPUT     {border: 1px solid #000000;}
TEXTAREA     {border: 1px solid #000000;}

best wel |:( eigelijk... :P
Waarom maak je daar niet gewoon
code:
1
input,textarea    {border: 1px solid #000000;}

van?
En even voor de duidelijkheid, dit werkt volgens mij niet met netscape 4 en 6. Voor 6 moet je de border:1px; border-color:#000000; en de border-style:solid; apart doen. (netscape 4 laat gewoon geen borders zien, maar dat is niet zo heel erg)

Verwijderd

En ik denken dat ik de oplossing al in mijn eerste reply gaf :?
;)

Verwijderd

Op woensdag 23 januari 2002 22:11 schreef Shagura het volgende:

[..]

Waarom maak je daar niet gewoon
code:
1
input,textarea    {border: 1px solid #000000;}

van?
En even voor de duidelijkheid, dit werkt volgens mij niet met netscape 4 en 6. Voor 6 moet je de border:1px; border-color:#000000; en de border-style:solid; apart doen. (netscape 4 laat gewoon geen borders zien, maar dat is niet zo heel erg)
of .bla { border: 1px; border-color:#000000; border-style:solid}
:)
kbijf gewoon doordrammen hoor :P

Verwijderd

INPUT, TEXTAREA.bla {border: 1px; border-color:#000000; border-style:solid

}

Compromisje ;)

Verwijderd

Op woensdag 23 januari 2002 23:09 schreef Thick het volgende:
INPUT, TEXTAREA.bla {border: 1px; border-color:#000000; border-style:solid

}

Compromisje ;)
gaat ook zo heerlijk werken :Y)

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

denki_akira:

gaat ook zo heerlijk werken :Y)
ja hoor. werkt best. waarom niet :?

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

Pagina: 1