|
|||
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"> <div style="float: right; width: 100%"> <picture> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="templates/IndivCandy_Violet/img/sn/schlafend_boden.png" media="(min-width: 768px)"> <source srcset="templates/IndivCandy_Violet/img/sn/schlafend_boden_klein.png" media="(min-width: 480px)"> <!--[if IE 9]></video><![endif]--> <img srcset="none.png" alt="Leleli - Dein online Shop für Stoffe und Nähzubehör in der Schweiz (Logo)"> </picture> </div> <ul class="nav navbar-nav-oben"> <li....> </ul> </div> Benny P.S. Ich benutze zur dynamischen Anzeige des zur Auflösung passenden Bild ein js -> <picture> |
Sponsored Links |
|
|||
Hallo,
weil nur Chrome und Opera das picture-Element kennen. Can I use... Support tables for HTML5, CSS3, etc Gruss MrMurphy |
|
|||
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> <head> <title> Test</title> </head <body> <div style="width: auto"> <div style="float: right; width: 100%"> <img src="templates/IndivCandy_Violet/img/sn/Snoopy_schlafend_boden.png"> </div> <ul> <li>Eins</li> <li>Zwei</li> </ul> </div> </bod> </html> |
Sponsored Links |
|
|||
Hallo,
mangels eines Bildes von dir musste ich ein anderes einfügen. Zitat:
HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <title>Bild anordnen</title> <style> * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } html { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; border: 2px solid red; margin: 0; } body { border: 2px solid blue; } body>div { display: flex; flex-direction: column; } body>div>div { text-align: right; } img { } ul { display: flex; justify-content: space-between; } li { display: block; } </style> </head> <body> <div> <div> <img src="http://upload.wikimedia.org/wikipedia/commons/8/8a/CTB-CTW_Port_of_Hamburg-Waltershof.jpg"> </div> <ul> <li>Eins</li> <li>Zwei</li> </ul> </div> </body> </html> MrMurphy |
Sponsored Links |
Stichwörter |
bild, div, image, liste |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Positionierung einer List rechts oben | DiHo | CSS | 4 | 16.07.2010 23:04 |
Grösse der div-Box nach oben dynamisch ändern | ThreeDude | CSS | 2 | 29.10.2009 14:14 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 14:06 |
Bildergalerie preload und Co. | Sarah14 | Javascript & Ajax | 12 | 05.11.2007 09:10 |
3 Divs, links u. rechts dynamisch - mitte feste breite | donhoolio | CSS | 3 | 04.04.2005 15:59 |