hawkmaster: border oder border-widht?

Hallo zusammen,
ich habe in einer Navigation einmal Input type=image Felder drin und auch normale Bilder (img)

<input name="image_nav1" type="image" class='imgborder' id="image_na1"  title="Navi1" src="../image/nav.gif" />

oder Bilder:

<img src="../image/note.gif"  title="Notiz" onClick="window.open('opmsg.php','Absolut','width=600,height=450')" />

Ich hätte gerne einen dünnen Rahmen um die Bilder.
Wenn ich es mit dieser Angabe versuche gibt es einen relativ dicken schwarzen Rahmen:
.imgborder { border-style: solid; border-width: 1px; }

Mit dieser CSS Angabe sieht es schöner aus;
.imgborder { border:solid black 1px; }

Es gibt um alle Bilder einen feinen dünnen Rahmen so wie ich es mit vorstelle.

Ist die zweite Angabe denn erlaubt. Ich habe bei Self in der Rubrik CSS immer nur die erste Variante mit border-width: 1 gesehen.

vielen Dank und viele Grüße
hawk

  1. Hallo nochmals,
    eben habe ich entdeckt das ich die "px" Angabe vergessen hatte.

    .imgborder { border-style: solid; border-width: 1; }

    so machte es einen dicken Rahmen, klar weil ja die numerische Angabe nicht ok war.
    so ist es ok.
    .imgborder { border-style: solid; border-width: 1px; }

    Bleibt die Frage:
    ist das auch erlaubt?
    .imgborder { border:solid black 1px; }

    Gruss und danke
    hawk

    1. ist das auch erlaubt?
      .imgborder { border:solid black 1px; }

      Schaust doch einfach mal in der Spezifikation nach.

      1. Hallo
        danke nochmals für die Infos.

        Etwas anderes ist mir unklar. Ich möchte aber kein neues Post aufmachen deswegen.

        Eine Tabelle wie:
        <TABLE width="600" cellpadding="3" cellspacing="3" bgcolor="#FFFFFF">

        Ein HTML Validator in Firefox der auch auch W3C basiert bringt keine Fehler.

        Ein Validator im IE der WAT oder auch AIC Web Accibillity Toolbar bringt jedoch folgende Fehlermeldung:

        Line 39, Column 13: there is no attribute "width" .
        <TABLE width="600" cellpadding="3" cellspacing="3" bgcolor="#FFFFFF">
        Line 39, Column 31: there is no attribute "cellpadding" .
        <TABLE width="600" cellpadding="3" cellspacing="3" bgcolor="#FFFFFF">

        ebenso für cellspacing.

        Das verstehe ich nun nicht. ISt das denn nicht mehr erlaubt?
        Welcher Validator hat nun recht?

        viele Grüße
        Hawk

        1. Yerf!

          Das verstehe ich nun nicht. ISt das denn nicht mehr erlaubt?
          Welcher Validator hat nun recht?

          Das hängt davon ab, ob der Doctype "Strict" oder "Transitional" ist.

          Gruß,

          Harlequin

          --
          <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
          1. hallo

            sorry das habe ich vergessen.
            ich verwende.

            Transitional

            Gruss
            hawk

            1. Yerf!

              Transitional

              Dann irrt sich das Teil aus dem IE (war ja klar ;-)

              In Transitional sind diese Attribute noch erlaubt (sollten aber trotzdem nicht mehr verwendet werden, dafür gibts ja CSS)

              Wobei ich gerade sehe: nur bgcolor ist in strict nicht erlaubt. cellpading, cellspacing und width sind auch in strict erlaubt.

              Gruß,

              Harlequin

              --
              <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
              1. Hallo  Harlequin,

                ne das Teil hat sich nicht geirrt :-))
                Es ruft ja auch direkt den W3C Validator auf.
                Das Problem war das Wort
                <TABLE> in Großbuchstaben war.

                Die Fehlermeldung war nur sehr irreführend.

                vielen Dank und viele Grüße
                hawk

                1. Yerf!

                  ne das Teil hat sich nicht geirrt :-))
                  Es ruft ja auch direkt den W3C Validator auf.
                  Das Problem war das Wort
                  <TABLE> in Großbuchstaben war.

                  XHTML?

                  Die Fehlermeldung war nur sehr irreführend.

                  Ja, in diesem Fall hätte er eigentlich <TABLE> anmeckern sollen...

                  Gruß,

                  Harlequin

                  --
                  <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
  2. Ja ansich ist die 2. Variante erlaubt, ist sozusagen eine kurze insg. Fassung für border

    so wie man padding-left: 1px; schreiben kann, kann man auch padding: 0px 0px 0px 1px; schreiben, hiermit kann man zB sofort alle 4 Innenabstände angeben

    nähere Info dazu findest du auch unter:
    http://www.css4you.de/border.html

    lg
    Sarah