negativer Zeileneinzug bei langen Texten im Navigationsmenue

[Friedrich Schütz]

Hallo liebe Leute,

gestern Abend habe ich das Problem schon mal geschildert, auch 2 gute Antworten bekommen, die aber das Problem nicht gelöst haben. Deshalb schreib ich das nochmal in das Forum

Ich habe in einem Frameset links ein Navigationsmenue mit teilweise recht langen Texten, die dadurch in die nächste Zeile umgebrochen werden, und rechts die Texte, die davon angesprungen werden.
Ich möchte die einzelnen Texte voneinander absetzen, und zwar mit einem negativen Einzug der ersten Zeile.
Hab ich auch gelöst, siehe:
http://www.fritzje.de/allgemein/fragen_f.htm
(diese Seite gehört nicht zu meiner Homepage, sie ist nur zur Demo dort zeitweise zu Gast, deshalb auch der falsche Kopf)

Das Ergebnis ist in Opera 6.05 ok, IE 5 und IE 6 zeigen es nicht richtig. Andere Browser (Z.B. jeweils aktuelle Mozilla und Netscape) habe ich im Moment nicht installiert, hole ich noch nach.

Weis jemand eine Lösung, das Menue auch für den IE sauber darzustellen.

Herlichen Dank im Voraus

Friedrich Schütz
www.fritzje.de

[Axel Richter]

Hallo,

Weis jemand eine Lösung, das Menue auch für den IE sauber darzustellen.

Herlichen Dank im Voraus

?? Herrlich!!! ;-))

/* FAQ-Navigationsmenue */

div.menukl
   { margin-top:0px; margin-bottom:0px; text-align:left;
     width:160px; margin-left:10px; text-indent:-10px; }

Ja, scheinbar macht hier aber diesmal nicht der IE, sondern Opera was falsch (ausnahmsweise). Margin ist der äußere Rand des divs. Mit margin-left:10px; und text-indent:-10px; muss der Text eigentlich links aus dem div rausragen.

Mach draus:
div.menukl
   { margin-top:0px; margin-bottom:0px; text-align:left;
     width:160px; padding-left:10px; text-indent:-10px; }

Padding ist der Innenrand, innerhalb des div. So bleibt der Text drinnen.

a.menukl
   { font-family:"Comic Sans MS", "Tahoma", "Arial", "Helvetica", sans-serif;
     line-height:16pt; font-size:8pt; font-weight:bold; display:block;
     background-color:transparent; text-decoration:none; }

Hinweis: display:block; ist hier gar nicht nötig. Es gibt doch Tags, die von sich aus Blockelemente sind. Was Du hier hast ist eine Liste von Links. Machs doch als Liste:

<div style="width:160px; padding-left:10px;">
<ul style="list-style-type:none; padding:0; margin:0; text-indent:-10px;">
<li><a href="#">Was ist Sucht</a></li>
<li><a href="#">Grenzen zwischen normalem Gebrauch, Mißbrauch und Sucht</a></li>
<li><a href="#">Wer ist süchtig?</a></li>
<li><a href="#">Woran kann man erkennen, ob jemand abhängig ist?</a></li>
<li><a href="#">Welche Mittel können süchtig machen? Was ist "Suchtpotential"?</a></li>
<li><a href="#">Was ist Suchtverlagerung</a></li>
</ul>
</div>

Gruß

Axel

[Friedrich Schütz]

Hallo Axel

Herzlichen Dank - beinahe schon wieder "herlichen" Dank -

Deine Hinweise haben mich zu folgender Lösung gebracht:

im 0_jederman.css:

/* Verweise als FAQ-Menue */

div.faq
   { width:160px; padding-left:10px; text-indent:-10px; }

ul.faq
   { list-style-type:none; padding:0; margin:0; }

a.faq
   { font-family:"Comic Sans MS", "Tahoma", "Arial", "Helvetica", sans-serif;
     line-height:14pt; font-size:9pt; font-weight:bold;
     background-color:transparent; text-decoration:none; }

a.faq:link
   { color:#009900; }

a.faq:visited
   { color:#669966; }

a.faq:hover
   { color:#CC6600; }

a.faq:active
   { color:#FF3300; }

/* Ende der Verweise als FAQ-Menue */
/***********************************/

und in der fragen_n.htm:

<div class="faq">
<ul class="faq">
<LI><A CLASS="faq" HREF="../allgemein/fragen_i.htm#f1"  target="Inhalt">Was ist Sucht</A></LI>
<LI><A CLASS="faq" HREF="../allgemein/fragen_i.htm#f2"  target="Inhalt">Grenzen zwischen normalem Gebrauch, Mißbrauch und Sucht</A></LI>
<LI><A CLASS="faq" HREF="../allgemein/fragen_i.htm#f3"  target="Inhalt">Wer ist süchtig?</A></LI>

usw
Das Ergebnis ist kurzfristig in der angegebenen URL zu sehen.
Kopf passt nicht dazu, da diese dateien in der Homepage fritzje.de nur Gast sind.

gruß Friedrich Schütz
http://www.fritzje.de