Zufallsefekt geht nicht unter IE6
dey
- css
0 Lutz Fechner0 Cheatah0 Norbert0 dey
0 Detlef G.
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&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
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:
Hoffe das hilft Dir!
Lutz
[…] gibt es da doch einen extra CSS-Befehl:
Lutz,
Nein, es gibt in CSS keine Befehle. Es gibt Regeln. [CSS2 §4.1.7]
Warum gibts du dem Link diesen Titel, wenn die CSS-Eigenschaft anders heißt?
Live long and prosper,
Gunnar
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
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
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
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
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&sty=3'><span>bilder</span></a></div>
Dessen war ich mir nicht bewusst.
bydey
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
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
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