|
|||
Textumbruch unmöglich auf gleiche Höhe
Guten Morgen zusammen
Seit geraumer Zeit versuche ich jetzt, beim Textumbruch den Text auf gleicher Höhe weiterzuführen. Hab diverse CSS Eigenschaften ausprobiert, jedoch ohne Erfolg. Um noch die Funktion des ganzen zu erklären: Das Ergebnis einer rekursiven PHP Funktion wird in ein Array gefüllt, und mit foreach ausgegeben. Das Skript schaut in einem Verzeichnis welche Ordner und Dateien vorhanden sind, aus diesen Einträgen wird dann meine Navigation erstellt. Ich poste jetzt mal nur den Teil wo der Link ausgegeben wird, das sollte eigentlich reichen. PHP-Code:
Code:
#navigation { position:fixed; left:0; top:0; height:100%; width:200px; background:#aaa; color:#fff; z-index:4; } #nav { white-space:baseline; text-align:right; list-style-position:outside; } Danke euch im Vorraus für die Unterstützung!! derLehrling |
Sponsored Links |
|
||||
Wieso ein Textumbruch?
Sind das nicht eigentlich eigene Elemente?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Also Textumbruch weil, es gibt längere Dateinamen. Und da mein Skript die Navigation nach Ordnern und Dateien erstellt, werden diese dann auch angezeigt. Da aber mein Navigationsbereich nicht unentlich breit ist, werden die Namen nach einer bestimmten länge "gebrochen".
Die Einrückung nach diesem Umbruch ist immer ganz zuvorderst. Brauchst du evtl den ganzen Code der Funktion um es nachzuvollziehen? Und ja ich denke jeder Link ist ein Element für sich. |
|
|||
Zitat:
Nun ich versteh dein Problem nicht. Folgendes sollte klären: - Für a und br habe ich keine CSS-Eigenschaften definiert. - Beim foreach echo gebe ich a eine id="nav" mit, welche ich nachher mit #nav anspreche - #navigation ist einfach der div-Bereich welcher die Navigation Alle Codeteile welche mit mit der Ausgabe in Verbindung stehen hab ich gepostet.. Was ist denn jetzt noch nicht klar? Zu verbildlichung hab ich mal schnell ein Bild gemacht und hochgeladen, ihr seht das Problem! |
|
||||
Im CSS steht u.a. list-style-position - wo ist die Liste in Deinem ungeparsten PHP-Code? Was bekommt der Browser genau? Ist a etwa Kind von ul? Oder stecken alle in einem li?
Aber okay, dann spiele ich das Ratespiel ausnahmsweise mal mit... Wirf str_repeat raus, das Dir vor die Links schreibt und sie damit einrückt. Und jetzt keine weiteren Fragen ohne Link!
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Zitat:
Da du sagst ich soll str_repeat rauswerfen, hab ich dann keine Einrückung mehr. Ich muss wohl die Ausgabe der <a href...> in eine Liste packen.. Da muss ich den Code ziemlich umbauen, das wird nen moment dauern.. Werd die Lösung dann posten! |
|
||||
Zumindest keine per , was auch gut ist, denn sowas ist ein No-Go Einrücken kannst Du z.B. per padding-left.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Zitat:
PHP-Code:
hier noch der css-teil welcher geändert hat: Code:
#navigation { position:fixed; left:0; top:0; height:100%; width:230px; background:#aaa; color:#fff; z-index:4; } li { list-style:none; } .t1 { padding-left:2px; } .t2 { padding-left:12px; } .t3 { padding-left:22px; } Was ich nun gerade probiere, aber nichts rausbekomme, wie verkleinere ich den Abstand zwischen den Punkten?? also in der höhe? habs mit padding-bottom probiert, hat aber nicht geklappt. danke für deine bisherige unterstützung. |
Sponsored Links |
|
|||
Dein PHP scheint ungültigen Code zu erzeugen, ul-Elemente dürfen nicht innerhalb von anderen ul-Elementen vorkommen (sie dürfen aber innerhalb von li-Elementen vorkommen):
HTML-Code:
<ul> <li>1</li> <li>2 <ul> <li>2.1</li> <li>2.2</li> <li>2.3</li> </ul> </li> <li>3</li> </ul>
Von daher wird der von dir unerwünschte Abstand der Außenabstand (margin) des ul-Elements sein. Aber woher soll man das ohne reinen HTML-Code wissen?
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe | danoman | CSS | 5 | 24.04.2011 19:38 |
3 DIVs - dynamische Höhe | fire90de | CSS | 2 | 02.06.2009 14:39 |
Divv 100% Höhe mit Hintergrundbild | Gsicht | CSS | 0 | 24.03.2009 09:30 |
Tablle mit 100% Höhe in IE | Be1er0ph0r | CSS | 4 | 03.03.2007 17:15 |
3 spalten layout - immer auf gleiche höhe "auffüllen&qu | dimension | CSS | 2 | 22.09.2004 13:02 |