[michi]

Hallo,
Ich will eine <h4> links bündig und einen <div>-Block rechts bündig darstellen.
Beide sollen in einer Zeile stehen und dazwischen soll nix stehen.

<div class="myGroup">
 <h4><a name="Stern">-Stern</a></h4>
 <div>
Links:
  <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu">
    <img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
  <a href="http://www.http://www.astronomia.de/index.htm?http://www.astronomia.de/start.htm" class="nu">
    <img src="astronima.gif" alt="Astronima" title="Astronima: Sternentstehung"></a>
  <a href="http://www.zum.de/Faecher/A/Sa/STERNE/st1.htm" class="nu">
    <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Sternentstehung"></a>
  <a href="http://www.zum.de/Faecher/A/Sa/STERNE/nachhauptreihe.htm" class="nu">
    <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Der Tod eines Sternes"></a>
 </div>
</div>

im Head:
<style type="text/css">
<!--
  a.nu { text-decoration:none; color:#ffffff }
  .myGroup { }
  .myGroup h4 {float: left; 
  .myGroup div {float: right; }
-->
</style>

Das geht aber nicht, wie schafe ich es das es trotzdem geht?

Danke,
Michi

PS: Bitte nur antworten wie es geht nicht warum es so nicht geht, dafon hab ich schon genug: Bin kurz form Nervenzusamenbruch!

[Guradia]

Float nur im Zusammenhang mit Breiten

[Homepagespeicher]

Du könntest
- eine Tabelle verwenden
- die <div> Position als absolut angeben
...wenn ich richtig verstanden habe was Du machen möchtest.

Bin da aber nicht so der Freak, ...

mfg

[michi]

(@Guradia Und wie?

  .myGroup h4 {float: left; width: 20em; display: inline;}
  .myGroup div {float: right; width: 20em; display: inline; }

[michi]

Danke! Hab's jetzt wie du's vorgeschlagen hast mit ner Tabelle gemacht:

<table border=0 width=100%>
 <tr>
  <td><h4><a name="Stern">-Stern</a></h4></td>
  <td ALIGN=RIGHT>
Links:
  <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu">
    <img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
  <a href="http://www.http://www.astronomia.de/index.htm?http://www.astronomia.de/start.htm" class="nu">
    <img src="astronima.gif" alt="Astronima" title="Astronima: Sternentstehung"></a>
  <a href="http://www.zum.de/Faecher/A/Sa/STERNE/st1.htm" class="nu">
    <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Sternentstehung"></a>
  <a href="http://www.zum.de/Faecher/A/Sa/STERNE/nachhauptreihe.htm" class="nu">
    <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Der Tod eines Sternes"></a>
  </td>
 </tr>
</table>

Jetzt noch die Frage: wie schaf ich es das die Überschrift, der Text "Links" und die Icons auf eine höhe sind?
Mit <tr VALIGN=middle> sind zwar Icons und h4 auf einer Höhe, nicht aber der Text "Links"...

[WarrenFaith]

machste div auf 50 % breite und gut ist... tabellen werden abgelöst durch divs und sind eher als altmodisch anzusehen...

[Jojo]

Kannst du nicht per CSS die firstline frei konfigurieren?

also praktisch:

#myGroup {text-align: right }
#myGroup:first-line { text-align: left}

[Lars]

Zitat von Jojo

Kannst du nicht per CSS die firstline frei konfigurieren?

Ja.

http://www.css4you.de/first-line.html