Hi
Ich habe versucht mein Layout mit divs zu machen, da hier so viel auf die Tabellen geschipft wird. Ist mir aber nur in wenigen Fällen gelungen die Tabellen zu verbannen, da sie oft das schönere Ergebnis liefern.
Nun zu meinem Problem:
http://mitglied.lycos.de/albufeira02/
Im Menüpunkt Filme bei On the edge, habe ich die Tabelle durch 6 divs ersetzt. Bei der Tabelle wurde der erklärende Text -damals nur rechts-, der nun rechts bzw. links steht, weshalb mir hier die divs besser gefallen, automatisch mittig neben dem Video ausgerichtet. Bei den divs aber wird der Text ganz oben nebens Video gesetzt. Dieser würde mir aber besser mittig gefallen. Habe es auch schon in beiden divs mit valign="middle" versucht, brachte aber keinen Unterschied.
Wie kann ich mein Problem lösen?
Problem mit Ausrichtung von Text neben floatendem div Elemen
-
-
HILFE
Wo ist denn jetzt die "Leute die ihr Layout mit Tabellen machen können nicht richtig coden"-Fraktion?
Ihr könnt mir doch bestimmt helfen. -
Deine Fragestellung ist etwas wirr: Wo hättest du denn gerne genau den Text: unter dem Player oder rechts/links daneben?
Bei der seitlichen Platzierung ist für längeren Text zu wenig Platz, so dass der ggf. mauell umgebrochen werden müsste. -
Sorry, mein erklärender Satzt ist echt etwas verschachtelt.
Der Text soll rechts vom Video bleiben, aber nicht ganz oben kleben, sondern mittig (mittig bezüglich oben-unten) neben dem Video stehen. Ist das etwa nur mit vielen
vor dem eigentlichen Text möglich? -
Du könntest es nach meinem Wissen auch mit padding leicht machen !
Infos dazu gibt es hier: http://www.css4you.de/paddingproperty.htmlMFG Martin
-
-
In diesem Fall müsstest du abhängig von der Texthöhe einen margin-Wert definieren, z.B. so:
Code<div style="float:left;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="380" height="406" id="FLV" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="wmode" value="transparent"> <param name="movie" value="http://www.myvideo.de/movie/1330499" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed wmode="transparent" src="http://www.myvideo.de/movie/1330499" quality="high" bgcolor="#000000" width="470" height="380" name="FLV" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> <div style="background-color:red;margin-top:140px;">[b]Teaser:[/b] Ein schnell geschnittenes Actionfeuerwerk, das einen guten Eindruck vom Film vermittelt.</div> <br clear="all">
Dabei habe ich den Filmcontainer etwas verschälert, so dass für den Text mehr Breite bleibt. Dieses Verfahren ist aber recht umständlich, da die Textlänge variieren kann.
Da es sich hier eher um eine Gliederung als um ein Layout handelt, würde ich ausnahmsweise bei einer reinen Tabelle bleiben. -
hm
ist wirklich alles recht umständlich.
Bei Tabellen müsste ich aber auch 3 Tabellen machen, da ja der Text mal rechts und mal links stehen soll und somit die Spaltenbreite nicht einheitlich ist. Ist irgendwie auch keine befriedigende Lösung.Warum gibt es denn bei divs kein valign="middle"? Wäre doch echt ne Überlegung wert, das bei der nächsten html/css Verison mit aufzunehmen.
-
es gibt kein "valign" weil es ausgeschrieben wird und "vertical-align" heißt
edit: lösungsansatz entfernt ... zu kurzsichtig getippt -.-