Buttons mit Rollover-Effekt mit Text umfließen lassen

[Dreamweave]

Hi, also ich hab jetzt das Problem,
ich hab mir eine Anleitung geholt um Buttons mit Rollover-Effekt zu programmieren.
Das klappt auch, nur ich möchte die Buttons an der linken Seite "verankern" und rechts daneben Text stehen haben. Ich hab Beiträge gefunden, in denen erklärt wird, wie man Text umfließen kann. Das weiß ich aber. Doch diese Methode funktioniert hier nicht.

Ich bin fast am Verzweifeln... Wollte eine alte HP auffrischen, also komplett neu schreiben.

Vielleicht weiß ja jemand wie man das machen kann.

Hier ist der Quelltext der Buttons:

Code: Alles auswählen

a.menu { width: 160px; margin-top: 4px; color: #fff; background-color: #666; display: block; font-family: "Verdana, Geneva, sans-serif", sans-serif; font-size: 25px; font-weight: bold; }

a.menu:link    { color:#ccc; background-color:transparent; border:1px solid #000; text-decoration:none; }
a.menu:visited { color:#ccc; background-color:transparent; border:1px solid #000; text-decoration:none; }
a.menu:hover   { color:#fff; background-color:transparent; border:1px solid #fff; text-decoration:none; }
a.menu:active  { color:#fff; background-color:transparent; border:1px solid #fff; text-decoration:none; }

div.menu { color:#000; background-color:#ccc; border:1px solid #000; width:180px; text-align:center; padding:10px; }


mfg und grüße
Dremweave

[sejuma]

Packe die Buttons in eine Liste wie hier http://www.ohne-css.gehts-gar.net/0072.php
und gib dann #navi noch ein

Code: Alles auswählen

float: left;