schlubber: margin-top funktioniert nicht richtig

SELF-Forum

margin-top funktioniert nicht richtig

schlubber
– Informationen zu den Bewertungsregeln

Hallo

ich versuche, eine Navigationsleiste wie unter
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal
hinzukriegen, das klappt auch, aber nur mit IE erhalte ich das gewünschte Resultat: der obere Rand ist sichtbar.Alle anderen browser (Netscape, Opera, firefox) zeigen zwar die seitlichen Ränder an, aber nicht den oberen:

http://www.uploadagent.de/files/1141504426/problem_border-top_nicht_sichtbar.GIF

Quelltext CSS:

ul#Navigation {
  margin: 0; padding: 0;
  text-align: left;
}
ul#Navigation li {
  list-style: none;
  display: inline;
  padding: 0; margin-right: -5px;
  border-right: 1px solid silver;
  border-left: 1px solid silver;
  >> border-top: 1px solid silver; <<

ul#Navigation a, ul#Navigation span {
  padding: 3px 10px 0px;
  text-decoration: none; font-weight: bold;
  color: #FF6600; background-color: white;
}

* html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;
}

ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    color: white; background-color: #FF9933;
}

Leider kann ich die homepage momentan nicht publizieren, aber vielleicht ist das Problem ja bekannt? Erbitte Hilfe, dann würde diese site vielleicht sogar in 10 statt in 20 Jahren fertig.
viele Grüsse

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. margin-top funktioniert nicht richtig

    schlubber
    – Informationen zu den Bewertungsregeln

    tschuldigung, das sollte heissen: BORDER-top funktioniert nicht richtig.

    Hallo

    ich versuche, eine Navigationsleiste wie unter
    http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal
    hinzukriegen, das klappt auch, aber nur mit IE erhalte ich das gewünschte Resultat: der obere Rand ist sichtbar.Alle anderen browser (Netscape, Opera, firefox) zeigen zwar die seitlichen Ränder an, aber nicht den oberen:

    http://www.uploadagent.de/files/1141504426/problem_border-top_nicht_sichtbar.GIF

    Quelltext CSS:

    ul#Navigation {
      margin: 0; padding: 0;
      text-align: left;
    }
    ul#Navigation li {
      list-style: none;
      display: inline;
      padding: 0; margin-right: -5px;
      border-right: 1px solid silver;
      border-left: 1px solid silver;
      >> border-top: 1px solid silver; <<

    ul#Navigation a, ul#Navigation span {
      padding: 3px 10px 0px;
      text-decoration: none; font-weight: bold;
      color: #FF6600; background-color: white;
    }

    * html ul#Navigation a, * html ul#Navigation span {
        width: 1em;    /* nur fuer IE 5.0x erforderlich */
        w/idth: auto;
    }

    ul#Navigation a:hover, ul#Navigation span {
        border-color: white;
        color: white; background-color: #FF9933;
    }

    Leider kann ich die homepage momentan nicht publizieren, aber vielleicht ist das Problem ja bekannt? Erbitte Hilfe, dann würde diese site vielleicht sogar in 10 statt in 20 Jahren fertig.
    viele Grüsse

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. margin-top funktioniert nicht richtig

      Mick
      – Informationen zu den Bewertungsregeln

      Hi,

      ul#Navigation li {
        list-style: none;
        display: inline;
        padding: 0; margin-right: -5px;
        border-right: 1px solid silver;
        border-left: 1px solid silver;
        >> border-top: 1px solid silver; <<

      hier fehlt am ende doch auch noch ein "}" ??? ansonsten versuche mal die farbe in HEX anzugeben...
      oder einfach mal

      border: 1px solid COLOR;
      border-bottom: 0px;

      Grüsse,
      Mick

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. margin-top funktioniert nicht richtig

        schlubber
        – Informationen zu den Bewertungsregeln

        Hallo Mick,

        Das fehlende "}" war ein Flüchtigkeitsfehler, werde den Tipp mit der Farbe mal ausprobieren.
        vielen Dank für die Antwort.

        Grüsse

        Schlubber

        Hi,

        ul#Navigation li {
          list-style: none;
          display: inline;
          padding: 0; margin-right: -5px;
          border-right: 1px solid silver;
          border-left: 1px solid silver;
          >> border-top: 1px solid silver; <<

        hier fehlt am ende doch auch noch ein "}" ??? ansonsten versuche mal die farbe in HEX anzugeben...
        oder einfach mal

        border: 1px solid COLOR;
        border-bottom: 0px;

        Grüsse,
        Mick

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln