Image über ul dynamisch oben rechts, wie?
Hoi zäme,
ich haben eine Navigations-Liste (ul) horizontal ganz oben auf meiner Seite. Diese varriert, da je nach Benutzer da Punkte hinzu kommen. Nun möchte ich ein Bild über die Liste drüber, das immer rechts bündig mit dem letzten Punkt in der Liste ist. Aber entweder habe ich ein Denkfehler oder nicht den richtigen Befehl, aber es entweder immer links oder rechts daneben: HTML-Code:
<div style="float: left; width: auto"> Benny P.S. Ich benutze zur dynamischen Anzeige des zur Auflösung passenden Bild ein js -> <picture> |
Hallo,
soll die Seite nur unter Chrome und Opera funktionieren? Gruss MrMurphy |
Nein, eigentlich unter allen Browsern, wieso?
|
Hallo,
weil nur Chrome und Opera das picture-Element kennen. Can I use... Support tables for HTML5, CSS3, etc Gruss MrMurphy |
Wie schon erwähnt, nutze ich dafür eine javascript, weil ich weiss, dass das Picture-Element oft noch theorie ist.
|
Hallo,
und was ist mit den Besuchern die JavaScript blockieren haben? Gruss MrMurphy |
Spielt das für meine gestellt Frage bzw. das Thema eine Rolle?
|
Hallo,
da du uns die entscheidenden Informationen zur Klärung des eigentlichen Problems vorenthälst kann ich dir leider nur bei den erkennbaren Problemen weiterhelfen. Und da scheinst du noch Defizite bei der besucherfreundlichkeit deiner Seite zu haben. Erstelle doch mal bitte aus deinem Quellcodeschnipsel eine HTML-Datei. Dann erkannst du vielleicht was du uns zur Verfügung stellst. Nämlich nix. Wir kennen weder die Bilder noch das Javascript noch den Aufbau der Seite noch das weitere CSS noch ... Gruss MrMurphy |
Aber das spielt doch gar keine Rolle . . . ersetze in Gedanken das <picture> durch ein effes <img src""> . . . und dennoch ist mein Problem das Gleiche, ich bekomme es nicht hin, dass es rechts bündig mit dem letzten List-Eintrag ist.
Das ist aus einer Datei, die includiert wird, da kann ich Dir keine ganze HTML Datei liefern, da die nur aus dem Div mit der Liste besteht & ich jetzt eben das Bild entsprechend dynamisch positioniert haben will. Aber auch da kannste Dir in Gedanken gerne <head> tags und Co dazu denken ;) Und das Du mich über "eingeschränkte" Benutzerfreundlichkeit meiner Seite hinweist ist zwar löblich, aber an der Stelle doch irrelevant. Wer hat denn gesagt, dass ich ich da nicht noch ein <noscript> drum packe? Aber was soll ich denn hier den Thread voll hauen mit Code, der zum Problem nichts beiträgt? Machen wir es so: HTML-Code:
<html> |
Hallo,
mangels eines Bildes von dir musste ich ein anderes einfügen. Zitat:
HTML-Code:
<!DOCTYPE html> MrMurphy |
Danke für dein Input :)
Jedoch sorgt das ja dafür, dass das Bild immer rechts klebt & nur die Listen-Punkte je nach Anzahl weniger oder mehr Platz dazwischen haben. Wenn Du z.B. mal auf Leleli - Dein Shop für Stoffe und Nähzubehör in der Schweiz guckst, da ist oben die Top Navigation. Diese varriert, je nach Benutzergruppe in der Anzahl & damit auch in der "länge"/breite. Mein Ziel ist es, ein Bild so zu setzen, dass es immer Rechtsbündig mit dem Warenkorb ist, egal wie viele Elemente davor sind (und egal ob der Warenkorb das letzte Element ist). Daher war meine Idee, ich packe die Navigation selber noch Mal um ein DIV, dass nur so breit ist wie die Liste "breit" ist & klebe dann mit dem div float: right & width: 100% das Bild eben rechts an. Und irgendwoe da scheint ja mein Denkfehler zu sein :) |
Hi,
du kannst es doch mittels Hintergrundbild lösen oder mit absoluter Positionierung. Dann schließt das Bild immer rechtsbündig mit dem letzen Element in der Navi ab. |
Habs geschafft . . . das Image musste direkt nach dem UL-Tag im DIV eingebettet gesetzt werden und schon wandert es brav mit dem letzten LI-Element mit :)
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 16:12 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023