zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Textumbruch unmöglich auf gleiche Höhe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.04.2012, 10:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2012
Beiträge: 5
Lehrling1991 befindet sich auf einem aufstrebenden Ast
Standard 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:
//Eintrag für Eintrag wird das Array $entries durchlaufen und ausgegeben
foreach ($entries as $entry) {
    if (
$entry['path'] != './Inhalt'){
    echo 
str_repeat(' '$entry['depth'] * 4)
       . 
'<a id=\"nav\" href="./Startseite.php?l=' $entry['path'] . '">' $entry['title'] . '</a><br />';
    }

Und das CSS dazu, hier ist noch zu sagen, das ich bei #nav für die erwähnten Eigenschaften bereits diverse Parameter ausprobiert habe, jedoch ergaben sich keine Änderungen.
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;
}
Liegt das Ganze eventuell am <br> Tag? Hab sonst keine Idee mehr.. :S

Danke euch im Vorraus für die Unterstützung!!
derLehrling
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.04.2012, 10:34
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.04.2012, 10:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2012
Beiträge: 5
Lehrling1991 befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 11.04.2012, 11:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

foreach gibt a & br aus. CSS gibt es nur für Elemente, die wir nicht kennen. Deine Problembeschreibung ist daher unklar. Auch hier gilt: Poste einen Link (siehe meine Sign.).
__________________
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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 11.04.2012, 12:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2012
Beiträge: 5
Lehrling1991 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
foreach gibt a & br aus. CSS gibt es nur für Elemente, die wir nicht kennen. Deine Problembeschreibung ist daher unklar. Auch hier gilt: Poste einen Link (siehe meine Sign.).
Hallo Heiko

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!

Mit Zitat antworten
  #6 (permalink)  
Alt 11.04.2012, 12:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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 &nbsp; 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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 11.04.2012, 14:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2012
Beiträge: 5
Lehrling1991 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
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 &nbsp; vor die Links schreibt und sie damit einrückt.

Und jetzt keine weiteren Fragen ohne Link!
Ok ich glaub ich seh das problem: ich hab nirgends eine Liste..
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!
Mit Zitat antworten
  #8 (permalink)  
Alt 11.04.2012, 15:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Lehrling1991 Beitrag anzeigen
Da du sagst ich soll str_repeat rauswerfen, hab ich dann keine Einrückung mehr.
Zumindest keine per &nbsp;, 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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 11.04.2012, 18:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2012
Beiträge: 5
Lehrling1991 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Zumindest keine per &nbsp;, was auch gut ist, denn sowas ist ein No-Go Einrücken kannst Du z.B. per padding-left.
also hier die lösung, zuerst der PHP-Ausgabe(entspricht dem PHP-Schnipsel welches ich vorhin gepostet habe)
PHP-Code:
foreach ($entries as $entry) {
    if (
$entry['path'] != './Inhalt'){
        echo 
'<ul class="t1">';
        if (
$entry['depth'] == 1) {        
            echo 
'<li><a href="./Startseite.php?l=' $entry['path'] . '">' $entry['title'] . '</a></li>';
            }
        echo 
'<ul class="t2">';
        if (
$entry['depth'] == 2) {        
            echo 
'<li><a href="./Startseite.php?l=' $entry['path'] . '">' $entry['title'] . '</a></li>';
            }
        echo 
'<ul class="t3">';
        if (
$entry['depth'] == 3) {
            echo 
'<li><a href="./Startseite.php?l=' $entry['path'] . '">' $entry['title'] . '</a></li>';
            }
        echo 
'</ul>';
        echo 
'</ul>';
        echo 
'</ul>';

    }

Das Ganze wird jetzt in eine Liste ausgegeben.

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;
}
und zu guter letzt noch die ansicht, so siehts jetzt aus


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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 11.04.2012, 18:50
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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>
  • 1
  • 2
    • 2.1
    • 2.2
    • 2.3
  • 3

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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:02 Uhr.