Veröffentlicht 17. November 200519 j <div style="vertical-align:bottom; height: 100px; border: 1px solid black;"> test </div> Warum funktioniert das nicht ? [iE]
17. November 200519 j Was funktioniert nicht? Was soll dabei rauskommen? Wenn ich es per C&P in ein Textfile packe, speichere und im IE öffne, bekomme ich einen Rahmen mit dem Text "test" angezeigt. MfG PieDie
17. November 200519 j er möchte gerne den text "test" an der grundlinie des mit 100px grossen <div> anzeigen. hab bisschen probiert und folgenden weg gefunden: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- .spacer { font-size: 100px; } .bottom { vertical-align: bottom; } div{ border: 1px solid; } --> </style> </head> <body> <div> <span class="spacer"></span> <span class="bottom">bottom</span> </div> </body> </html>
17. November 200519 j danke, aber für das geplante nicht so sinnvoll. Ging um ein balkendiagramm das per HTML dargestellt wird. habs jetzt mit tabelle gemacht. <table> <tr> <td> <div style=height: (wert)> ... etz. jetzt sind die Zahlenwerte aber zu lang um sie unter den Divs auszugeben. Habt ihr ne Idee, wie ich dem Benutzer per onmouseover, über die Divs den zahlenwert als Tooltip oder so auszugeben ? (kann ein Div ein "Alt" haben ?)
17. November 200519 j meinst du sowas hier? http://www.dyn-web.com/dhtml/tooltips/ das wäre aber dann ein <div> das onmouserover per javascript eingeblendet wird ohne javascript müsstest du dir z.b. aus dem "pop menu" auf folgender seite was basteln: http://www.howtocreate.co.uk/tutorials/testMenu.html
17. November 200519 j Habt ihr ne Idee, wie ich dem Benutzer per onmouseover, über die Divs den zahlenwert als Tooltip oder so auszugeben ? (kann ein Div ein "Alt" haben ?) Was du suchst ist das Title-Attribut, Alt ist nicht für Tooltips... naja, nur im IE halt doch Und title zählt zu den Universalattribute und darf in fast allen HTML-Elementen vorkommen. EDIT: Vertical-align bezieht sich auf die Ausrichtung der Elemente untereinander (und ausserdem nur Inline-Elemente). <div style="height: 100px; border: 1px solid black;"> <span style="font-size:18px;vertical-align:bottom;">Test1 - </span> <span style="font-size:38px;vertical-align:bottom;">Test2</span> </div> Probier es mal so: <div style="height: 100px; border: 1px solid black;"> <div style="position: relative; top: 80%;">test</div> </div>
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.