nicht angemeldet
Hintergrundbild als Link
Dies ist wahrscheinlich eine Frage, die schon mal gestellt wurde, aber ich habe sie nicht im Archiv gefunden: Wie macht man ein Hintergrundbild zum Link? Und: Wie kann man das Hintergrundbild nach oben rechts ausrichten?
MfG
Inselchef
-
Nabend, <- dies ist eine Begrüßung.
Wie macht man ein Hintergrundbild zum Link?
AFAIK gar nicht, wozu auch?
Wie kann man das Hintergrundbild nach oben rechts ausrichten?
Stichwort CSS, background-position.
Bis denne,
-
Nabend, <- dies ist eine Begrüßung.
Entschuldige bitte, das hatte ich vergessen.
Guten Abend, liebe Forumbesucher <- dies ist ebenfalls eine BegrüßungWie macht man ein Hintergrundbild zum Link?
AFAIK gar nicht, wozu auch?Zum folgenden Zweck: Ich habe einen längeren Text, wo oben das Inhaltsverzeichnis ist. Zum größeren Komfort will ich es so machen, dass der Benutzer jederzeit wieder nach oben kommen kann. Wenn nun jede zweite Zeile ein [nach oben] steht, ist das nicht unbedingt schön. Daher hab' ich mir gedacht, dass man ein mitscrollendes Hintergrundbild oben rechts in die Ecke positioniert, worauf man klickt und man wieder nach oben springt.
Wie kann man das Hintergrundbild nach oben rechts ausrichten?
Stichwort CSS, background-position.Aber da gibt's ja nur numerische Werte, die sind ja relativ. Und bei den Begriffen ist das Bild mitten im Bild, außer in der Standardeinstellung.
Bis denne,
'' ''
Inselchef-
Nabend, <- dies ist eine Begrüßung.
Entschuldige bitte, das hatte ich vergessen.
Guten Abend, liebe Forumbesucher <- dies ist ebenfalls eine Begrüßungdas ist doch alles Kinderkram!
Aber da gibt's ja nur numerische Werte, die sind ja relativ. Und bei den Begriffen ist das Bild mitten im Bild, außer in der Standardeinstellung.
wei wärs denn mal mit der angabe 0px ???
zu dem Link:
<body onclick=" ">-
Nabend,
Aber da gibt's ja nur numerische Werte, die sind ja relativ.
Wie schon gesagt ist dies falsch, wie du http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#numerische entnehmen kannst.
zu dem Link:
<body onclick=" ">Was machst du ohne JS? Ich vertraue da lieber auf die tollen Funktionen meines Browsers; ein Tastendruck und dann bin ich immer wieder oben. Das werden auch die anderen Besucher schaffen.
Bis denne,
-
Hallo,
Aber da gibt's ja nur numerische Werte, die sind ja relativ.
Wie schon gesagt ist dies falsch, wie du http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#numerische entnehmen kannst.Guck bei meinem anderen Beitrag, da hab' ich das schon geklärt.
zu dem Link:
<body onclick=" ">
Was machst du ohne JS? Ich vertraue da lieber auf die tollen Funktionen meines Browsers; ein Tastendruck und dann bin ich immer wieder oben. Das werden auch die anderen Besucher schaffen.Okay, du hast Recht, eine Website soll nicht von JS abhängig sein. Das ist sie in meinem Beispiel aber auch nicht! Es ist lediglich eine Erweiterung.
Bis denne,
MfG
Inselchef
-
-
Hallo,
das ist doch alles Kinderkram!
Entschuldige bitte...
wei wärs denn mal mit der angabe 0px ???
Dann ist das Bild aber links und nicht rechts oben.
zu dem Link:
<body onclick=" ">Gilt das dann wirklich nur für das Bild?
Inselchef
-
-
Hi,
Wie kann man das Hintergrundbild nach oben rechts ausrichten?
Stichwort CSS, background-position.
Aber da gibt's ja nur numerische Werte, die sind ja relativ.Nein, es gibt nicht nur numerische Werte:
Zitat aus http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position'background-position'
Value: [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inheritcu,
Andreas--
MudGuard? Siehe http://www.mud-guard.de/-
Hallo,
Nein, es gibt nicht nur numerische Werte:
Zitat aus http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-positionDie Begriffe hatte ich auch erwähnt. Doch wie gesagt ist das Bild in keinem der Fälle rechts oben.
Inselchef-
hi,
Nein, es gibt nicht nur numerische Werte:
Zitat aus http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position
Die Begriffe hatte ich auch erwähnt. Doch wie gesagt ist das Bild in keinem der Fälle rechts oben.sag mal, kannst du _lesen_?
was meinst du wohl, warum auf der seite als beispiel
"right top" bzw. "top right"
angegeben ist?könnte das unter umständen "rechts oben" bedeuten, wenn du dir mal die winzige mühe machst, dass zu übersetzen?
gruss,
wahsaga-
Hallo.
was meinst du wohl, warum auf der seite als beispiel
"right top" bzw. "top right"
angegeben ist?könnte das unter umständen "rechts oben" bedeuten, wenn du dir mal die winzige mühe machst, dass zu übersetzen?
That's right, you're top!
MfG, at
-
-
-
-
-
-
Hallo !
<style type="text/css">
<!--
body {background-image:url(Bild.jpg);
background-repeat:no-repeat;
background-position:right 0px; }
-->
</style>So is das Bild oben rechts.
MFG
zimbo-
Hallo!
Das funktioniert bei mir irgendwie nicht...
Ausschnitt:
body {background-color:rgb(255,255,200); background-image:url(Pfeil.JPG); background-repeat:no-repeat; background-attachment:fixed; background-position:right 0px;}
MfG
Inselchef-
Hallo,
body {background-color:rgb(255,255,200); background-image:url(Pfeil.JPG); background-repeat:no-repeat; background-attachment:fixed; background-position:right 0px;}
Lies dir mal die Seite durch: http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap14.html#heading-14.2.1
Dine URI muss in Anführungszeichen stehen.
Grüße
Jeena Paradies-
Hi,
Lies dir mal die Seite durch: http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap14.html#heading-14.2.1
Dine URI muss in Anführungszeichen stehen.Nein, muß sie nicht.
The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.
(siehe http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-uri)
single- oder double-quote ist __optional__.
cu,
Andreas--
MudGuard? Siehe http://www.mud-guard.de/-
Hallo,
Nein, muß sie nicht.
The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.
(siehe http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-uri)
single- oder double-quote ist __optional__.Tatsächlich. Hm Ok ich lasse mich immer sehr gerne eines besseren belehren, danke schön.
Grüße
Jeena Paradies
-
-
Hallo
Dine URI muss in Anführungszeichen stehen.
was ist damit:
http://www.selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image
?
MfG
Inselchef
-
-
-
Hallo,
background-position:right 0px; }
So etwas sollte man vermeiden.
http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap14.html#heading-14.2.1
Schlüsselwörter dürfen nicht mit Prozentwerten oder Längenwerten kombiniert werden.
Grüße
Jeena Paradies
-
-
Hallo,
Wie macht man ein Hintergrundbild zum Link?
Überlege doch mal, das kann gar nicht gehen.
Wie kann man das Hintergrundbild nach oben rechts ausrichten?
background: white url('bild.png') 100% 0% no-repeat;
Grüße
Jeena Paradies-
Hallo
Überlege doch mal, das kann gar nicht gehen.
warum nicht?
Wie kann man das Hintergrundbild nach oben rechts ausrichten?
background: white url('bild.png') 100% 0% no-repeat;wohin muss ich das eingeben?
MfG
Inselchef-
Hallo,
Überlege doch mal, das kann gar nicht gehen.
warum nicht?Schon mal aus einem ganz Praktischen Grund. Was machen die Leute die keine Bilder anzeigen lassen können? Kann man für ein Hintergrundbild einen Alternativtext angeben? - Nein.
wohin muss ich das eingeben?
Wohin kommen CSS angaben? - Genau am besten in die externe CSS Datei.
Grüße
Jeena Paradies-
Hallo,
Schon mal aus einem ganz Praktischen Grund. Was machen die Leute die keine Bilder anzeigen lassen können? Kann man für ein Hintergrundbild einen Alternativtext angeben? - Nein.
Dann haben diejenigen halt Pech gehabt. Es ist ja auch nicht lebensnotwendig, lediglich eine Erweiterung!
MfG
Inselchef-
Hallo,
Dann haben diejenigen halt Pech gehabt. Es ist ja auch nicht lebensnotwendig, lediglich eine Erweiterung!
Ja in deinem Konkreten fall, aber sieh das doch mal allgemeiner. Außerdem verstehe ich überhaupt nicht was gegen Pos1 oder Home auf der Tastatur spricht.
Wolltest du das wirklich so haben wie zimbo es vorgeführt hat? Was hat das eigentlich für einen Zweck? Hast du dir das so gedacht, dass das Hindergrundbild immer im Blickfeld ist, auch wenn man scrollt? Wenn ja dann wird zimbos Ansatz - und auch nur wenn man ihn erweitert - nur in neueren Browsern funktionieren also nicht im IE. Ich persönlich würde dir eher dazu raten nach ein paar Absetzen einfach einen ganz normalen link auf #top zu setzen, dann können ihn alle nutzen und es sieht auch nicht schlecht aus, im gegenteil.
Grüße
Jeena Paradies-
Hallo !
Dann haben diejenigen halt Pech gehabt. Es ist ja auch nicht lebensnotwendig, lediglich eine Erweiterung!
Ja in deinem Konkreten fall, aber sieh das doch mal allgemeiner. Außerdem verstehe ich überhaupt nicht was gegen Pos1 oder Home auf der Tastatur spricht.Wolltest du das wirklich so haben wie zimbo es vorgeführt hat? Was hat das eigentlich für einen Zweck? Hast du dir das so gedacht, dass das Hindergrundbild immer im Blickfeld ist, auch wenn man scrollt? Wenn ja dann wird zimbos Ansatz - und auch nur wenn man ihn erweitert - nur in neueren Browsern funktionieren also nicht im IE. Ich persönlich würde dir eher dazu raten nach ein paar Absetzen einfach einen ganz normalen link auf #top zu setzen, dann können ihn alle nutzen und es sieht auch nicht schlecht aus, im gegenteil.
Kann diese Meinung nur unterstützen und könnt mich wo reinbeißen,
das ich mich damit befasst habe!
MFG
zimbo-
Hallo,
Kann diese Meinung nur unterstützen und könnt mich wo reinbeißen,
das ich mich damit befasst habe!Nein nein, es ist immer gut sich mit anderen Sachen zu befassen, vieleicht hilft dir oder mir das mal in einer anderen Situation. Wer weiß. Ich hatte mir nämlich auch schon immer gedanken gemacht, sie ich es schaffen könnte ohne JS einen Bild Link zu machen, der bei :hover wechselt ohne vorne einen Text zu haben (text soll in Bild intergriert sein), sozusagen ein klassisches JS hover mittels css.
Durch deinen Ansatz habe ich es schon fast. Ich könnte nämlich einen solchen Link so machen wie du es getan hast, und bei hover das Hintergrundbild wechseln. Den Text könnte ich ja trotzdem reintun und mit einem span umschließen und per display: none verstecken. Textbrowser kriegen dann den Text mit einem Lehrzeichen davor und die die das packen kriegen halt das Bild.
Danke für die Änsätze.
Grüße
Jeena Paradies-
Hallo.
Durch deinen Ansatz habe ich es schon fast. Ich könnte nämlich einen solchen Link so machen wie du es getan hast, und bei hover das Hintergrundbild wechseln. Den Text könnte ich ja trotzdem reintun und mit einem span umschließen und per display: none verstecken. Textbrowser kriegen dann den Text mit einem Lehrzeichen davor und die die das packen kriegen halt das Bild.
Auf Grund von Schwierigkeiten, die einige Vorlese-Browser mit dieser Methode haben -- sie lesen Elemente mit "display:none;" nicht vor -- gibt es inzwischen eine Verfeinerung, die mit einem übergroßen "padding"-Wert arbeitet, der den Text aus dem sichtbaren Bereich herausschiebt. Ergänzend sind natürlich die Bildlauflaufleisten dieses Elementes abzuschalten. Die HTML-Struktur wird von dieser Änderung im Vergleich zu der von dir geschilderten (sog. "FIR") nicht angetastet.
Näheres zu diesem Thema findest du im Archiv oder bei zum Beispiel http://www.mezzoblue.com/.
MfG, at-
Hallo,
sie lesen Elemente mit "display:none;" nicht vor
Das war mir nicht bewusst. Ich habe auch immer Navigation überspringen und so per display: none versteckt. Habe es sogar extra mit Jaws ausprobiert und es hat wunderbar funktioniert. Ich weiß das wäre so wie wenn ich was mit dem IE ausprobiere, es funktioniert und ich dass dann für alle anderen Browser annehme. Wie soll man dass denn sonst verstecken? Irgendwo beim W3C habe ich gelesen dass man das so machen soll, es dann per CSS verstecken soll. Und eigentlich dachte ich dass display: none unter anderem genau dafür gedacht war. Wie machst du das persönlich?
Näheres zu diesem Thema findest du im Archiv oder bei zum Beispiel http://www.mezzoblue.com/.
Danke werde mich mal gleich schlau machen.
Grüße
Jeena Paradies-
Hallo.
Das war mir nicht bewusst. Ich habe auch immer Navigation überspringen und so per display: none versteckt. Habe es sogar extra mit Jaws ausprobiert und es hat wunderbar funktioniert.
Jaws verhält sich korrekt, ja. Leider stehen einem ja nicht alle Browser kostenlos zur Verfügung, so dass man auf den einen oder anderen dann doch lieber verzichtet.
Ich weiß das wäre so wie wenn ich was mit dem IE ausprobiere, es funktioniert und ich dass dann für alle anderen Browser annehme.
Davon dachte ich auch ausgehen zu können, wurde aber eines Besseren belehrt.
Wie soll man dass denn sonst verstecken? Irgendwo beim W3C habe ich gelesen dass man das so machen soll, es dann per CSS verstecken soll. Und eigentlich dachte ich dass display: none unter anderem genau dafür gedacht war. Wie machst du das persönlich?
Das steht in dem Beitrag, auf den du offenbar geantwortet hast, ohne ihn vollständig gelesen und verstanden zu haben. Was ist los, schlecht geschlafen, nicht gefrühstückt, irgendwelcher anderer Ärger?
Näheres zu diesem Thema findest du im Archiv oder bei zum Beispiel http://www.mezzoblue.com/.
Danke werde mich mal gleich schlau machen.Von dort habe ich meine Methode mit dem Padding.
MfG, at-
Hallo,
Davon dachte ich auch ausgehen zu können, wurde aber eines Besseren belehrt.
Woher kriegst du solche Informationen?
Das steht in dem Beitrag, auf den du offenbar geantwortet hast, ohne ihn vollständig gelesen und verstanden zu haben.
Nein zum Zeitpunkt der Antwort hatte ich nur nicht verstanden dass du das mit padding machst, keine Ahnung warum.
Was ist los, schlecht geschlafen, nicht gefrühstückt, irgendwelcher anderer Ärger?
Nein im gegenteil, gestern bin ich schon um 23:00 Uhr ins Bett gegangen, heute früh um 9:00 Uhr hat mich meine Frau mit einem frisch gebrühten Kefee und einem Schokohörnchen geweckt, welches mir beides ans Bett gebracht wurde :-) Also keine Ahnung warum ich das nicht verstanden habe.
Ärger habe ich aber jetzt zur Zeit, da meine Domain nicht erreichbar ist, und die Typen nicht antworten wollen. Das blöde dabei ist halt das ich in letzter Zeit Bewerbungen weggeschickt habe und dort auch die Domain angegeben habe. Wenn die genau jetzt da draufgehen dann habe ich schon verloren :-.
Von dort habe ich meine Methode mit dem Padding.
Du schriebst in deinem anderen Posting dass man Scrollbalken ausschalte muss. Ich verstehe noch nicht ganz welche(n) Scrollbalken. Vieleicht werde ich schlauer wenn ich mir das CSS der Seite angesehen habe.
Grüße
Jeena Paradies-
Hallo.
Nein im gegenteil, gestern bin ich schon um 23:00 Uhr ins Bett gegangen, heute früh um 9:00 Uhr hat mich meine Frau mit einem frisch gebrühten Kefee und einem Schokohörnchen geweckt, welches mir beides ans Bett gebracht wurde :-) Also keine Ahnung warum ich das nicht verstanden habe.
Ich bin beruhigt :-)
Ärger habe ich aber jetzt zur Zeit, da meine Domain nicht erreichbar ist, und die Typen nicht antworten wollen. Das blöde dabei ist halt das ich in letzter Zeit Bewerbungen weggeschickt habe und dort auch die Domain angegeben habe. Wenn die genau jetzt da draufgehen dann habe ich schon verloren :-.
Oh, das ist in der Tat schlecht. Vielleicht solltest du doch über einen zuverlässigeren Anbieter nachdenken.
Du schriebst in deinem anderen Posting dass man Scrollbalken ausschalte muss. Ich verstehe noch nicht ganz welche(n) Scrollbalken. Vieleicht werde ich schlauer wenn ich mir das CSS der Seite angesehen habe.
Auf den Hinweis in http://home.datacomm.ch/mariomangold/file/fahrschule/index.html hin habe ich mich umgesehen und http://www.mezzoblue.com/archives/2003/12/12/accessible_i/ gefunden. -- der Artikel liegt übrigens drei Klicks von der genannten Startseite entfernt. Dort sollten eigentlich alle noch offenen Fragen geklärt werden. Und falls nicht, weißt du ja, wo du mich finden kannst :-)
MfG, at-
Hallo,
Oh, das ist in der Tat schlecht. Vielleicht solltest du doch über einen zuverlässigeren Anbieter nachdenken.
Das Problem scheint behoben so 20 min nach dem Posting ging es wieder. Ich weiß aber nicht so richtig wer der schuldige ist. Der Domainanbieter, der mit einem virtual host arbeitet und dann so zu sagen weiterleitet, oder der Hoster.
Der Domainanbieter sagt, dass sie gar keine Fehlerseiten anzeigen können, da sie nur die anderen Seiten einbinden, und deshalb die Fehlerseiten vom Hoster kommen. Beim Hoster habe ich noch eine andere Seite, und die war die ganze zeit gut erreichbar. Außerdem konnte ich mit der direkten URL die Seite auch wunderbar besuchen. Leider habe ich nicht nachgeguckt woher die Fehlerseite kam. Auf jeden fall war das keine direkte Fehlerseite von den beiden, sondern noch irgendeine andere Firma. So dass ich das jetzt im nachhinein nicht mehr nachvolziehen kann. Wenn ich jetzt den einen von beiden wechseln würde dann war es vieleicht der andere und ich habe es sinnlos gemacht. Und beide zu wechseln ist mir jetzt wegen den 20 Minuten doch zuviel Arbeit.
Auf den Hinweis in http://home.datacomm.ch/mariomangold/file/fahrschule/index.html
Ich weiß ja nicht vieleicht stehe ich heute irgendwie auf dem Schlauch, aber was hat diese Seite mit dem Problem überhaupt zu tun?
hin habe ich mich umgesehen und http://www.mezzoblue.com/archives/2003/12/12/accessible_i/ gefunden. -- der Artikel liegt übrigens drei Klicks von der genannten Startseite entfernt. Dort sollten eigentlich alle noch offenen Fragen geklärt werden. Und falls nicht, weißt du ja, wo du mich finden kannst :-)
Jo das weiß ich :-). Zur Zeit kämpfe ich zwar mit meinem selbstgemachten (PHP)CMS wenn ich das fertig habe dann werde ich mich diesem Problem zuwenden. Das wird zwar noch eine weile dauern aber ich weiß ja mittlerweile wie man die SELFSuche bedient ;-).
Und weil du die Frage geschickt ausgelassen hast hier noch mal direkter gefragt - woher weißt du dass manche Screenreader Probleme mit display: none haben, und welche wären das?
Grüße
Jeena Paradies-
Hallo.
Auf den Hinweis in http://home.datacomm.ch/mariomangold/file/fahrschule/index.html
Ich weiß ja nicht vieleicht stehe ich heute irgendwie auf dem Schlauch, aber was hat diese Seite mit dem Problem überhaupt zu tun?*lol* ...
Und weil du die Frage geschickt ausgelassen hast hier noch mal direkter gefragt - woher weißt du dass manche Screenreader Probleme mit display: none haben, und welche wären das?
... Wenn man in mehreren Threads unterwegs ist, sollte man bei der Verwendung der Zwischenablage Vorsicht walten lassen. Ich meinte http://forum.de.selfhtml.org/archiv/2003/12/67153/#m384282.
Entschuldige bitte die Verwirrung -- und Danke für die unterstellte Geschicklichkeit ;-)
MfG, at-
Hallo,
*lol* ...
Jetzt verstehe ich kein *lol* :-)
Ich meinte http://forum.de.selfhtml.org/archiv/2003/12/67153/#m384282
... aah jetzt ja, ok dann verstehe ich jetzt so einiges.
Entschuldige bitte die Verwirrung -- und Danke für die unterstellte Geschicklichkeit ;-)
Nachdem ich jetzt stundenlang http://www.mezzoblue.com/ gelesen habe, habe ich viel gelernt, den JS IE <abbr> Hack in meine Seite eingefügt und weiß mittlerweile was du meinst. Bisher habe ich so was noch nicht gebraucht, aber in Zukunft werde ich mir das auch noch näher angucken. Die Seite an sich ist aber auch sehr lesenswert.
Leider sehr schweer lesbar durch die kleine Schrift (das Vergrößern hat irgendwie nicht funktioniert und nur einen 404 Fehler ergeben) und ich musste das schöne Design ausschalten um nicht nach ner halben Stunde vom Stuhl zu kippen. Mittlerweile habe ich aber die /lite/ Version gefunden die mir auch gut gefällt.
Grüße
Jeena Paradies-
Hallo.
Die Seite an sich ist aber auch sehr lesenswert.
Leider sehr schweer lesbar durch die kleine Schrift (das Vergrößern hat irgendwie nicht funktioniert und nur einen 404 Fehler ergeben) und ich musste das schöne Design ausschalten um nicht nach ner halben Stunde vom Stuhl zu kippen. Mittlerweile habe ich aber die /lite/ Version gefunden die mir auch gut gefällt.
Das Schöne ist ja, dass man durch den Einsatz -- oder das Abschalten -- von CSS einiges an der Darstellung drehen kann, ohne Gefahr zu laufen, wichtige Informationen nicht zu erhalten. Und dass die Inhalte lesenswert sind, hast du ja bereits festgestellt :-)
MfG, at -
Hallo,
*lol* ...
Jetzt verstehe ich kein *lol* :-)Es sollte natürlich _d_ein *lol* heißen. :-)
Grüße
Jeena Paradies-
Hallo.
*lol* ...
Jetzt verstehe ich kein *lol* :-)
Es sollte natürlich _d_ein *lol* heißen. :-)Ach so, ich dachte schon, dass du die Beiträge wirklich Absatz für Absatz beantwortest, ohne sie insgesamt gelesen zu haben ;-)
MfG, at
-
-
-
-
-
-
-
-
-
-
-
Abend,
Kann diese Meinung nur unterstützen und könnt mich wo reinbeißen,
das ich mich damit befasst habe!Dann beiß dich halt wo rein. Dann mach ich's halt so. Und entschuldigt bitte den Trubel. Aber man wird doch nach neuen Möglichkeiten im Design suchen dürfen...? Trotzdem, vielen Dank für eure Antworten.
MfG
Inselchef-
Hallo,
Dann beiß dich halt wo rein. Dann mach ich's halt so. Und entschuldigt bitte den Trubel. Aber man wird doch nach neuen Möglichkeiten im Design suchen dürfen...? Trotzdem, vielen Dank für eure Antworten.
Nein nein ich finde dein Problem wirklich interessant - sonst würde ich nicht so oft antworten - und du solltest nicht aufgeben. Es kommt ja auch darauf an welche Zielgruppe deine Seite hat.
Wie gesagt mit position: fixed geht es in den neuen Browsern aber im IE nicht, aber da das sowieso nur ein zusätzliches feature ist versuche es doch einzubauen.
Grüße
Jeena Paradies
-
-
-
-
-
-
hi,
Überlege doch mal, das kann gar nicht gehen.
warum nicht?weil es das gleiche ist, als wenn du _hinter_ dein spiegelbild fassen willst.
du wirst beim versuch immer mit der hand _an_ den spiegel stossen.gruss,
wahsaga
-
-
Hallo nochmals !
Wie macht man ein Hintergrundbild zum Link?
Überlege doch mal, das kann gar nicht gehen.Hat mir nun doch keine Ruhe gelassen, und siehe da es geht doch.
Ist halt nicht sehr schön und ich würde es so auch nie verwenden.<style type="text/css">
<!--
body {background-image:url(Bild1.jpg);
background-repeat:no-repeat;
background-position:right 0px;}
.li {position:absolute; right:0px; top:0px; width:300px; height:225px;
font-size:225px;}
a {text-decoration:none; }
-->
</style>
<body>
<div class="li">
<a href="http://web.de"> </a>
</div>Mfg
zimbo-
Hallo,
ich hab's nicht ganz verstanden, aber so in etwa. Kann man bei .li auch Prozentwerte benutzen?
MfG
Inselchef-
Hallo,
ich hab's nicht ganz verstanden, aber so in etwa. Kann man bei .li auch Prozentwerte benutzen?
MfG
InselchefHallo !
.li und das Bild sind genau an der selben Position und haben die
die selbe Größe. Die Leerzeichen sind so hoch wie das Bild bzw.
wie .li
Mit Prozentwerten hab ich nicht versucht.
Zudem war es wie schon gesagt, nur ein Versuch ob es auf irgendeine Art möglich ist.
Auch wenn ich mich wiederhole, verwenden würde ich es nie!!
Mfg
zimbo-
Hallo,
Auch wenn ich mich wiederhole, verwenden würde ich es nie!!
Warum denn nicht? Wenn es doch funktioniert? Es ist zwar nicht die schönste Art und Weise, aber es geht totzdem.
MfG
Inselchef-
Hallo,
Ämmm... Es funktioniert doch nicht. Habt ihr es schon ausprobiert, und ist es vielleicht ein Tippfehler von mir?
MfG
Inselchef-
Hallo !
Ämmm... Es funktioniert doch nicht. Habt ihr es schon ausprobiert, und ist es vielleicht ein Tippfehler von mir?
Also bei mir hats geklappt.
MFG
zimbo-
Hallo!
Also bei mir hats geklappt.
Auch mit Prozentwerten? Ich seh' noch mal nach Tippfehlern...
MfG
Inselchef
-
-
Hallo,
Ämmm... Es funktioniert doch nicht. Habt ihr es schon ausprobiert, und ist es vielleicht ein Tippfehler von mir?
Erzähl uns doch bitte noch einmal die Funktion die der Link erfüllen soll. Soll der mitscrollen oder nicht? Wenn ja dann verstehe ich nicht wozu er überhaupt da ist, wenn nicht ist position:absolute; fehl am Platz, müsste dann fixed heißen. Das funktioniert aber im IE nicht.
Grüße
Jeena Paradies-
Hallo,
Erzähl uns doch bitte noch einmal die Funktion die der Link erfüllen soll.
Das habe ich bereits getan:
http://forum.de.selfhtml.org/?t=68212&m=390988
Willst du eine genauere Erklärung?
MfG
Inselchef-
Hallo,
Willst du eine genauere Erklärung?
dass man ein mitscrollendes Hintergrundbild oben rechts in die Ecke positioniert,Ich weiß nicht ob ich das jetzt immer missverstanden habe aber ein mitscrollenden Hintergrundbild scrollt doch aus dem sichtbaren Bereich wenn man es oben positioniert und dann nach unten scrollt. Ist das so gedacht? Ne kann nicht sein.
Grüße
Jeena Paradies-
Hallo,
Ich weiß nicht ob ich das jetzt immer missverstanden habe aber ein mitscrollenden Hintergrundbild scrollt doch aus dem sichtbaren Bereich wenn man es oben positioniert und dann nach unten scrollt. Ist das so gedacht? Ne kann nicht sein.
Da kann es immer Missverständnisse geben. Ich meine, dass das Bild relativ zum Bildschirm fest stehen bleibt. Aber es ist ja jetzt alles geklärt.
MfG
Inselchef
-
-
-
-
-
-
-
-
Hallo,
Hat mir nun doch keine Ruhe gelassen, und siehe da es geht doch.
Ist halt nicht sehr schön und ich würde es so auch nie verwenden.Ich auch nicht. Wenn man es aber ganz streng sieht sind nur die ein Link nicht das Hintergrundbild selbst, obwohl es in vielen Browsern so aussieht.
Grüße
Jeena Paradies
-
-
-
Die Position hab' ich so gemacht:
background-position: 100% 0%
Fehlt nur noch der Link.
MfG
Insechef -
Hallo Chefken,
(..) Wie macht man ein Hintergrundbild zum Link?
Garnicht. Aus dem ganz einfachen Grund: Ein Hintergrundelement ist kein
aktives Element, auf das man klicken oder das man irgend interagieren
kann.Was Du bräuchtest, wäre ein permanent oben rechts positioniertes Element,
daß einen Link beinhaltet, auf den man klicken kann. Das dieser Link dann
ein Bild beinhaltet, ist nur marginal.Und: Wie kann man das Hintergrundbild nach oben rechts ausrichten?
Ich formuliere mal um: Wie kann man ein Element ständig sichtbar oben
rechts ausrichten, auch beim scrollen?Das geht mit der CSS-Eigenschaft samt Wart position:fixed.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
Dummerweise funktioniert das nicht im verbreitesten Browser, dem Internet
Explorer. Und Du willst diesen Effekt ja anscheinend nicht nur den Benutzern
anderer Browser wie Mozilla, Opera, Konquerer, Safari vorbehalten, da Du
laut Deiner Äußerungen hier im Thread nur auf die Masse zu achten scheinst.(Du könntest mal nach den diversen Ersatzlösungen für position:fixed für
den Internet Explorer suchen. Da gibt es diverses, aber meiner Meinung
nach nichts wirklich befriedigendes.)Die Alternative wäre ein Javascript, das dieses Element immer nach einem
Scrollvorgang an die richtige von Dir gewünschte Stelle rückt. Dies ist
durchaus möglich, durch die Natur der Sache aber ein recht kompliziertes
Script, recht langsam und kann dadurch zu unschönen Ruckeln führen. Um Dir
zu verdeutlichen, wie kompliziert das ist, hier eine Auflistung der Schritte,
die das Script im einzelnen tun müßte:
1. Bei einem Scrollvorgang in Tätigkeit treten.
2. Die Länge des Scrollvorgangs erfragen
3. Diese Länge mit der derzeitigen Position des vorher schon positionierten
Elementes zu einem neuen Wert zusammenrechnen.
4. Das Element neu positionieren.
Das ganze sollte dann auch noch recht fehlertolerant und browserübergreifend
programmiert werden, das heißt weitere Möglichkeiten und Problemfelder.Noch eine Alternative wäre ein seitlicher, nicht auffallender Frame in
dem das Element positioniert ist. Das hat den Vorteil, daß das Element
ständig in Sicht ist. Bei einem Klick auf den Link in diesem Frame müßte
dann ein Javascript in der Seite des anderen Frames auf einen obig
positionierten Anker springen. (Die Existenz eines generellen Ankers #top
kann nicht vorausgesetzt werden, haben wir hier neulich herausgefunden.)
Ganz abgesehen von der offensichtlichen Absurdität dieser Lösung (Eine
extra Frames-Navigationsstruktur nur für einen Nach-Oben-Hüpfen-Link
ist einfach unangemessener Overkill) kann es hier diverse Schönheitsprobleme
geben, von Platzproblemen angefangen bis hin zu für den Normalbenutzer
verwirrend angeordneten Scrollbalken mitten in der Seite, nachdem Du den
Link offensichtlich oben rechts positioniert haben willst.Was würde ich machen? Es lassen. Meiner unmaßgeblichen Erfahrung nach
nutzt kaum jemand diese Nach-Oben- bzw. Nach-Unten-Links, man ist einfach
schon aus anderen Anwendungen mit grafischer Benutzeroberfläche den
Scrollbalken als Navigationsinstrument gewöhnt und nutzt diesen intuitiv
für über den Bereich des Scrollrades hinausgehende Sprünge. Und wenn, würde
ich einfache Textlinks wie hier auch in SELFHTML auf den Einzelseiten
vorhanden benutzen. Allerdings würde ich diese nicht so aufdringlich
balkenhaft gestalten. ;)Tim
-
Hallo,
danke für deine ausführliche Antwort. Ich habe mich dazu entschlossen, einzelne Verweise im Text nach oben einzubauen. Danke für eure Hilfe und Meinung!
Mit freundlichen Grüßen
Inselchef
-