[css] syle valideren

[BierPul]

Ik heb in me syle sheet een algemene style voor "input,textarea,select" dit omdat ik geen zin heb om voor elke text field (nogal veel) een class toe te wijzen

Maar nu neemt ook elke "check box" en radio button die style mee (border) kan ik dit uitschakelen of moet ik toch uit me luie stoel en classes toe gaan wijzen ?

[Verwijderd]

Radio boxes zitten binnen die objecten die jij aangeeft.
Maar je kunt toch een subklasse creeeren ?

[BierPul]

Hoe bedoel je dat ?

zoiets als

.radio

die hem dan overroeld

[Verwijderd]

LOST_GUNT: Ik heb in me syle sheet een algemene style voor "input,textarea,select" dit omdat ik geen zin heb om voor elke text field (nogal veel) een class toe te wijzen

Maar nu neemt ook elke "check box" en radio button die style mee (border) kan ik dit uitschakelen of moet ik toch uit me luie stoel en classes toe gaan wijzen ?

CSS:

code:

input[type="radio"], input[type="checkbox"] {
    border: 0;
}

[BierPul]

Hmm ik heb deze code gewoon in me css file geplakt maar het lijkt niet te werken

Ik heb het gewoon als een losse class erin gezet, of mis ik iets

code:

  body   {
      SCROLLBAR-FACE-COLOR: threedlightshadow; 
      SCROLLBAR-HIGHLIGHT-COLOR: threedshadow; 
      SCROLLBAR-SHADOW-COLOR: window; 
      SCROLLBAR-3DLIGHT-COLOR: window; 
      SCROLLBAR-ARROW-COLOR: buttonshadow; 
      SCROLLBAR-TRACK-COLOR: scrollbar; 
      SCROLLBAR-DARKSHADOW-COLOR: threedshadow; 
      SCROLLBAR-BASE-COLOR: threedface;
  }
  
input,textarea,select {
    font-family: Verdana; 
    font-size: 9px; 
    font-style: normal; 
    font-weight: 100; 
    letter-spacing: 0px; 
    color: #122B3F; 
    border-width : 1;
    border-style : solid;
    border-color : #000000;
}

input[type="radio"], input[type="checkbox"] {
    border: 0;
}

a:link   {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #DD0000;
    text-decoration: none
}

a:active     {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none
}

a:visited    {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #888888;
    text-decoration: none
}

a:hover  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #0000ff;
    text-decoration: none
}

.titletext {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}

.maintext {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: Black;
    text-decoration: none;
}

.tdback1    {
    font-family : Verdana;
    font-size :9px;
    font-weight : normal;
    line-height : normal;
    letter-spacing : normal;
    height : auto;
    vertical-align : top;
    background : #D0DFFF;
    border-width : 1;
    border-style : solid;
    border-color : #0000000;
}

.tdback2    {
    font-family : Verdana;
    font-size :9px;
    font-weight : normal;
    line-height : normal;
    letter-spacing : normal;
    height : auto;
    vertical-align : top;
    background : #E0E8F0;
    border-width : 1;
    border-style : solid;
    border-color : #0000000;
}

[Verwijderd]

LOST_GUNT: Hmm ik heb deze code gewoon in me css file geplakt maar het lijkt niet te werken

Werkt zoals het volgens de spec van CSS 2 zou moeten doen voor mij (Mozilla nightly van gisteren):

code:

input {
    border: solid black 1px;
}
input[type="radio"], input[type="checkbox"] {
    border: 0;
}

Maar je zult wel met IE kijken?

[Dennis]

Op dinsdag 09 oktober 2001 12:40 schreef Arien het volgende:
Werkt zoals het volgens de spec van CSS 2 zou moeten doen voor mij (Mozilla nightly van gisteren):

code:

input {
    border: solid black 1px;
}
input[type="radio"], input[type="checkbox"] {
    border: 0;
}

Maar je zult wel met IE kijken?

CSS 2 werd al in 0.9.3 (en misschien al eerder) ondersteunt, net als in Netscape 6, 6.1 en Internet Explorer 6, terwijl Internet Explorer 5.5 een groot deel van het selectors (hoofdstuk 5 van de specificaties) gebruikt.

[Verwijderd]

dennisdotcom: CSS 2 werd al in 0.9.3 (en misschien al eerder) ondersteund, ...

Ik zei alleen waar ik mee keek.

... net als in Netscape 6, 6.1 en Internet Explorer 6, terwijl Internet Explorer 5.5 een groot deel van het selectors (hoofdstuk 5 van de specificaties) gebruikt.

Ehmm...

Standards support. Internet Explorer 6 supports CSS level 1 and DOM level 1, as well as enhances support for HTML 4.0 all recommendations from the W3C.

zie: http://www.microsoft.com/windows/ie/techinfo/overview/designers.asp

[Dennis]

Op dinsdag 09 oktober 2001 12:51 schreef Arien het volgende:
Ehmm...
[..]

zie: http://www.microsoft.com/windows/ie/techinfo/overview/designers.asp

Dat is volledige support, maar selectors (en tja daar draait het in CSS2 allemaal om) wordt ook fantastisch ondersteunt

[Verwijderd]

dennisdotcom: Dat is volledige support, maar selectors (en tja daar draait het in CSS2 allemaal om) wordt ook fantastisch ondersteunD

Ehm... Changes in CSS 2

En als CSS 2 dan allemaal zo mooi ondersteund wordt, waarom staat er dan CSS 1? Bescheidenheid?

[Dennis]

Op dinsdag 09 oktober 2001 13:59 schreef Arien het volgende:
En als CSS 2 dan allemaal zo mooi ondersteund wordt, waarom staat er dan CSS 1? Bescheidenheid?

Nou, dat is jou ook wel duidelijk, IE6 zal het lang niet allemaal ondersteunen (de CSS1 compatibiliteit duurde ook drie versienummers) dus hebben ze het vast daarom er niet bijgezet.

Maar multiple classes wordt iig goed ondersteunt in IE6, en v/d week testte ik het via mijn site in IE5.5, en daar werkt het blijkbaar ook goed in. Best wel vaag, want IE5.5 heeft weinig met CSS2 te maken. Voor de beste compatibiliteit neem ik natuurlijk nog altijd Mozilla

[Verwijderd]

dennisdotcom: Multiple classes wordt iig goed ondersteunt in IE6, en v/d week testte ik het via mijn site in IE5.5, en daar werkt het blijkbaar ook goed in.

IE 5.5? Ik trok net dat voorbeeldje met die wel en niet omrandde controls open in IE 5.5 (5.50.4134.0100) en niet werken dus... Zal zo wel even met IE 6 kijken dan...

[Dennis]

Op dinsdag 09 oktober 2001 14:12 schreef Arien het volgende:
IE 5.5? Ik trok net dat voorbeeldje met die wel en niet omrandde controls open in IE 5.5 (5.50.4134.0100) en niet werken dus... Zal zo wel even met IE 6 kijken dan...

Ik draai 5.50.4522.1800, dus misschien tussendoor update.
Klik eens op mn site, dan zie je links dat menu.

Als je op een item klikt (:focus) dan zie je dat die items een kleurtje krijgen. Dat is gedaan dmv multiple classes, kijk maar in de source bij de <a> tags.

[Verwijderd]

dennisdotcom: Als je op een item klikt (:focus) dan zie je dat die items een kleurtje krijgen. Dat is gedaan dmv multiple classes, kijk maar in de source bij de <a> tags.

Met :active (niet :focus) en volgens dingen die al in CSS 1 konden.

Probeer dit eens in jouw IE:

code:

<html>
<head>
<title>Gaap</title>
<style type="text/css"><!--
input {
    border: solid black 1px;
}
input[type="radio"], input[type="checkbox"] {
    border: 0;
}
--></style>
</head>

<body>
<form action="foo">
<table>
  <tr>
    <td>Text</td>
    <td><input name="a" type="text"></td>
  </tr>
  <tr>
    <td>Checkbox</td>
    <td><input name="b" type="checkbox"></td>
  </tr>
  <tr>
    <td>Radio</td>
    <td><input name="c" type="radio"></td>
  </tr>
  <tr>
    <td>Button</td>
    <td><input type="button" name="foo" value="bar"></td>
  </tr>
</table>
</form>
</body>
</html>

[Dennis]

Op dinsdag 09 oktober 2001 14:28 schreef Arien het volgende:
Met :active (niet :focus) en volgens dingen die al in CSS 1 konden.

Ik bedoelde dit:

code:

<a href="bts/production/" class="linkitem screens">Production</a>

Vallen de twee items in class je op? Dat bedoel ik dus
Dat van IE zal ik nu ff testen

[Dennis]

Op dinsdag 09 oktober 2001 14:28 schreef Arien het volgende:
Probeer dit eens in jouw IE:

code:

flink stude code

Nope, werkt idd niet, en dat was te verwachten.
Zoals gezegd bedoelde ik dat ook niet.