dey: Zufallsefekt geht nicht unter IE6

Hallo,

beim rumspielen an meiner Nabigation habe ich unter FF zufällig einen Efekt gefunden, der mir gut gefällt.
Der Link der Seite, auf der ich mich befinde wird auf der unteren Kante des umgebenden Div dargestellt. Dadurch erscheint dieser Linktext durchgestrichen.
Unter IE6 bleibt bleibt der Linktext mit seinem Div immer innerhalb des Eltern-Div.

http://deynews.cjb.cc/?link=1&sty=3

Hat jemand eine Idee wie ich den Efekt auch IE beibringe?

<div class="navi_pos">
<div class="navi">

<div class="navi-but"<?php if ($link==1) {echo " id='navi-activ1'>";} else {echo " id='navi-1'>";}?>

<img src="img/space2x2.gif" class="navi-space" alt="space"><br>

<?php echo "<a href='?link=1&amp;sty=$sty'><span>bilder</span></a>"?>
</div>

div.navi_pos {
    width:100%;
    overflow:auto;
    border: 0px solid white;
}

div.navi {
        text-align: center;
        width: 32em;
        height: 4em;
        margin: auto;
        padding-left: 1em;
        margin-bottom: 1em;
        overflow:visible;
        border-bottom: 3px solid #f1c90e;
}

div.navi-but {
float:left;
margin: 1em;
}

div.navi-but a{
        font-size: 1.2em;
        font-style: normal;
        font-weight: bold;
        text-transform: capitalize;
}

#navi-activ1 a, #navi-activ2 a, #navi-activ3 a, #navi-activ4 a{
        font-size: 1.4em;
        color: #f1c90e;
        text-transform: uppercase;
        text-decoration: none;
   cursor: default;
}

#navi-activ1, #navi-activ2, #navi-activ3, #navi-activ4{
        padding: 1em 0em 0em 0em;
}

bydey

--
-- noch immer ein erfolgloser <DIV> Jünger --
  1. Hallo,

    » Der Link der Seite, auf der ich mich befinde wird auf der unteren Kante des umgebenden Div dargestellt. Dadurch erscheint dieser Linktext durchgestrichen.
    Also wenn es nur um das durchgestrichen geht gibt es da doch einen
    extra CSS-Befehl:

    line-through

    Hoffe das hilft Dir!
    Lutz

    1. […] gibt es da doch einen extra CSS-Befehl:

      Lutz,
      Nein, es gibt in CSS keine Befehle. Es gibt Regeln. [CSS2 §4.1.7]

      line-through

      Warum gibts du dem Link diesen Titel, wenn die CSS-Eigenschaft anders heißt?

      Live long and prosper,
      Gunnar

      --
      „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
      1. line-through

        Warum gibts du dem Link diesen Titel, wenn die CSS-Eigenschaft anders heißt?

        Weil der Wert so heißt.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
  2. Hi,

    beim rumspielen an meiner Nabigation habe ich unter FF zufällig einen Efekt gefunden, der mir gut gefällt.

    da dieser Tippfehler mehrfach vorgekommen ist: "Effekt" schreibt man mit zwei "f".

    Der Link der Seite, auf der ich mich befinde wird auf der unteren Kante des umgebenden Div dargestellt. Dadurch erscheint dieser Linktext durchgestrichen.

    Du meinst so wie bei text-decoration: line-through?

    Unter IE6 bleibt bleibt der Linktext mit seinem Div immer innerhalb des Eltern-Div.

    Ja, die verschiedenen Möglichkeiten der Positionierung gehören zu den Dingen, die der IE nicht bzw. kaum beherrscht.

    Hat jemand eine Idee wie ich den Efekt auch IE beibringe?

    Nicht mit Floating, das kann er nicht richtig. Bei anderen Positionierungsmethoden schwächelt er evtl. etwas weniger.

    <div class="navi-but"<?php if ($link==1) {echo " id='navi-activ1'>";} else {echo " id='navi-1'>";}?>

    Das ist kein gültiger HTML-Code.

    <img src="img/space2x2.gif" class="navi-space" alt="space"><br>

    Bist Du sicher, dass Deine Struktur angemessen ist?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo,

      da dieser Tippfehler mehrfach vorgekommen ist: "Effekt" schreibt man mit zwei "f".

      Ich dachte, dass gilt nur bei Effekten im FireFox ;oP

      Der Link der Seite, auf der ich mich befinde wird auf der unteren Kante des umgebenden Div dargestellt. Dadurch erscheint dieser Linktext durchgestrichen.

      Du meinst so wie bei text-decoration: line-through?

      Nein, es geht wirklich um den Effekt mit der Positionierung

      Unter IE6 bleibt bleibt der Linktext mit seinem Div immer innerhalb des Eltern-Div.

      Ja, die verschiedenen Möglichkeiten der Positionierung gehören zu den Dingen, die der IE nicht bzw. kaum beherrscht.

      Hat jemand eine Idee wie ich den Efekt auch IE beibringe?

      Nicht mit Floating, das kann er nicht richtig. Bei anderen Positionierungsmethoden schwächelt er evtl. etwas weniger.

      Wenn ich es mit Inline versuche setzt IE nie etwas horizontal.
      Was ausser floating kann man da noch versuchen?

      <div class="navi-but"<?php if ($link==1) {echo " id='navi-activ1'>";} else {echo " id='navi-1'>";}?>

      Das ist kein gültiger HTML-Code.

      Warum?

      <img src="img/space2x2.gif" class="navi-space" alt="space"><br>

      Bist Du sicher, dass Deine Struktur angemessen ist?

      Da ich auf meiner Seiten mit etlichen Styles parallel rum experimentiere habe ich mir das am Anfang als Hilfmittel eingebaut. Vermutlich bräuchte ich die Krücke nicht mehr!?

      bydey

      --
      -- noch immer ein erfolgloser <DIV> Jünger --
      1. hi,

        <div class="navi-but"<?php if ($link==1) {echo " id='navi-activ1'>";} else {echo " id='navi-1'>";}?>

        Das ist kein gültiger HTML-Code.

        Warum?

        Na warum wohl - weil innerhalb eines Elementes (div) kein <?php ...?> stehen darf.

        Nein, kein "ja, aber ..." - du wolltest ein clientseitiges Problem diskutieren, also poste in solchen Fällen bitte auch nur ausschließlich den Code, der beim Client ankommt. Mit deinem PHP kann in so einem Falle niemand etwas anfangen.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo,

          Nein, kein "ja, aber ..." - du wolltest ein clientseitiges Problem diskutieren, also poste in solchen Fällen bitte auch nur ausschließlich den Code, der beim Client ankommt. Mit deinem PHP kann in so einem Falle niemand etwas anfangen.

          Sie wünschen wir spielen:

          <div class="navi_pos">

          <div class="navi">

          <div class="navi-but" id='navi-activ1'>
          <img src="img/space2x2.gif" class="navi-space" alt="space"><br>

          <a href='?link=1&amp;sty=3'><span>bilder</span></a></div>

          Dessen war ich mir nicht bewusst.

          bydey

          --
          -- noch immer ein erfolgloser <DIV> Jünger --
  3. keine Ahnung, ob dir eine der antworten unten geholfen hat...

    ich habe das mal mit verschachtelten span´s hinbekommen
    erste span border-bottom
    zweite span line-height.

    bei mir ging es aber darum dass die linie erstens keine linie sondern z.b. dotted, dashed...sein soll und ausserdem, dass sie länger als das wort ist weiterlaufen soll, und nicht nur das wort durchstreichen soll...siehe line-through in den anderen postings

    1. Hallo,

      keine Ahnung, ob dir eine der antworten unten geholfen hat...

      ich habe das mal mit verschachtelten span´s hinbekommen
      erste span border-bottom
      zweite span line-height.

      Ehrlich gesagt, will ich das HTML nicht mehr stark ändern, weil ich ja auch andere Styles auf der Seite pflege und diese in Mitleidenschft gezogen würden.
      Es muss denn irgendwie mit den vorhandenen Divs gehen.

      bydey

      --
      -- noch immer ein erfolgloser <DIV> Jünger --
  4. Hallo dey

    Der Link der Seite, auf der ich mich befinde wird auf der unteren Kante des umgebenden Div dargestellt. Dadurch erscheint dieser Linktext durchgestrichen.

    #navi-activ1, #navi-activ2, #navi-activ3, #navi-activ4{
            padding: 1em 0em 0em 0em;

    Wie wäre es mit position:relative?

    #navi-activ1, #navi-activ2, #navi-activ3, #navi-activ4{  
      position:relative;  
      top: 1em;  
    }
    

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!