css layout

[TNS]Joker · 1. Juni 2012

Hallo,

ich bin grade dabei ein ucp zu machen und habe da folgendes Problem.

Undzwar habe ich auf der Linken seite meine Navigations leiste und dann kommt daneben der Text und wenn die die navigationsleiste zuende ist dann wird der Text darunter sofort etwas nach links gesetzt und das sieht nicht wirklich gut aus.

Kann mir einer sagen was ich da machen kann??

MFG

TutNichts · 1. Juni 2012

kannst mal ein Screen machen, kp was du meisnt.

Nikolas-Mrak · 1. Juni 2012

Ja, ich kann dir sagen was du da machen kannst.

Code posten und Bilder, bin gerade nämlich zu faul mich in deinen PC zu hacken um zu wissen was du gebastelt hast.
[ironie off]

[TNS]Joker · 1. Juni 2012

Das meine ich.

Nikolas-Mrak · 1. Juni 2012

Zitat von Nikolas-Mrak

Code posten und Bilder

Muss ich mich selber zitieren? :O

Zeig doch bitte den Code von der Navileiste.

TutNichts · 1. Juni 2012

Erstell dir 'ne class, da setzt du Position und dann die div's für die einzelnen Dinger.

[TNS]Joker · 1. Juni 2012

Code

#navigation {
	float: left;
	width: 140px; 
	padding: 7px 20px 7px 17px;
}


#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#navigation li {
  display: block;
	margin: 0;
	padding: 0;
}


#navigation li ul {
	margin: 0px 0px;
	padding-bottom: 20px;
}


#navigation li li {
	padding-left: 5px;
	line-height: 25px;
}


#navigation li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}


#navigation h2 {
	height: 30px;
	margin-bottom: 20px;
	padding: 12px 0 0 0px;
	border-bottom: 1px solid #B6BFD0;
	/*text-transform: uppercase;
	letter-spacing: -1px;*/
	font-size: 20px;
	color: #FFB105;
}


#navigation p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}


#navigation a {
  text-decoration: none
	border: none;
}


#navigation a:hover {
	text-decoration: none;
	color: #ffffff;
}

Alles anzeigen

TutNichts · 1. Juni 2012

Ja und nun mal den Code zu dem, was da unten ist, also die Tabelle die links ist.

Nikolas-Mrak · 1. Juni 2012

Noch als kleiner Tipp. Installier dir mal für den Firefox das Plugin FireBug, das ist für sowas ziemlich genial und hilfreich. Damit findet man den Fehler sehr schnell!

[TNS]Joker · 1. Juni 2012

ok
ja aber ich weiß ja nicht was ich da jetzt ändern muss.
weil ich finde da kein fehler

[vR]Fabian · 5. Juni 2012

Guten Abend,

ich habe leider das Gleiche Problem wie [GGR]JoKer .

Zitat von Vincent Petritz

Erstell dir 'ne class, da setzt du Position und dann die div's für die einzelnen Dinger.

Damit weiß ich leider nicht genau was du meinst ?
Vielen Dank für eure Hilfe.

Mit freundlichen Grüßen,
[TNS]Fabian

TutNichts · 5. Juni 2012

Code

<div class="main">
	<div id="mainLink">Baum</div>
</div>

Weißt was der Unterschied ist?

[TNS]Joker · 5. Juni 2012

ne nicht direkt

[vR]Fabian · 6. Juni 2012

Also ich kenne auch nicht Direkt diesen Unterschied.

Mit freundlichen Grüßen,
[TNS]Fabian

[TNS]Joker · 6. Juni 2012

Das ist jetzt der Code aus der Navi.php datei vielleicht hilft das besser um mir zuhelfen.

Code

echo'<div id="navigation">
	<li>


		<h2>Navigation</h2>


		<ul>';		
		echo '<li><a href="index.php?page=login" '.$login.'>Login</a></li>';
		echo '</ul>
		</li></div>';
	}

	else
	{


		echo'<div id="navigation">
		<li>
			<h2>Navigation</h2>
			<ul>';
		echo '<li><a href="index.php?page=home" '.$home.' >Home</a></li>';
		echo '<li><a href="index.php?page=stats" '.$stats.' >Statistiken</a></li>';
		echo '<li><a href="index.php?page=fverwaltung" '.$fraks.' >Fraktions Panel</a></li>';
	echo '<li><a href="index.php?page=tanken" '.$tanken.'>Tankstellen</a></li>';
	echo '<li><a href="index.php?page=top10" '.$top10.' >Top 10</a></li>';
		echo '<li><a href="index.php?page=bank" '.$bank.' >Zentral Bank</a></li>';
		echo '<li><a href="index.php?page=shop" '.$shop.' >Shop</a></li>';
		echo '<li><a href="index.php?page=autohaus" '.$ah.' >Autohaus</a></li>';
		echo '<li><a href="index.php?page=pverwaltung" '.$pver.' >Verwaltungs Panel</a></li>';
		if($adminrang >= 5){
		echo '<li><a href="index.php?page=admin" '.$asite.' >Admin Panel</a></li>';}
	echo '<li><a href="index.php?page=regeln" '.$regeln.'>TNS-Regeln</a></li>';
		echo '<li><a href="index.php?page=logout">Logout</a></li>';
		echo'</div>';
		if($page == "pverwaltung"){
		echo'<div id="undernav">';
		echo '<li><a href="index.php?page=pverwaltung&pver=cp" '.$cp.' >User Panel</a></li>';
		echo '<li><a href="index.php?page=pverwaltung&pver=beschwerde" '.$bs.' >Beschwerde Panel</a></li>';
		echo '<li><a href="index.php?page=pverwaltung&pver=supbw" '.$supp.' >Supporter Bewerbung</a></li>';
		echo'</div></span>';}
		elseif($page == "fverwaltung"){
		echo'<div id="undernav">';
		if($ffrak >= 1 && $frank >= 0){
		echo '<li><a href="index.php?page=fverwaltung&fver=frak" '.$frak.' >Fraktion</a></li>';}
		//if($ffrak == 0)
	echo '<li><a href="index.php?page=fverwaltung&fver=memberbw" '.$memberbw.' >Member Bewerbung</a></li><br>';
		echo '<li><a href="index.php?page=fverwaltung&fver=leaderbw" '.$leaderbw.' >Leader Bewerbung</a></li><br>';//}
		if($frank >= 3){
		echo '<li><a href="index.php?page=fverwaltung&fver=leaderp" '.$leaderp.' >Leader Panel</a></li>';}
		echo'</div>';}
		elseif($page == "private_message"){
		echo'<div id="undernav">';
		echo '<li><a href="http://www.forum.tns-reallife.de/index.php?page=PMList&" '.$eingang.' >Posteingang</a></li>';
		echo '<li><a href="http://www.forum.tns-reallife.de/index.php?page=PMList&folderID=-1" '.$ausgang.' >Postausgang</a></li>';
		echo '<li><a href="http://www.forum.tns-reallife.de/index.php?form=PMNew" '.$pnwrite.' >Neue Nachricht</a></li>';
		if($frank >= 3){
		echo '<a href="index.php?page=private_message&fach=bewerbungen" '.$pnbw.' >Bewerbungen</a></li>';}
		if($adminrang >= 5){
		echo '<li><a href="index.php?page=private_message&fach=lbw" '.$pnbw.' >Leader Bewerbungen</a></li>';
		echo '<li><a href="index.php?page=private_message&fach=supportbw" '.$pnbw.' >Supporter Bewerbungen</a></li>';}
		echo'</ul>
			</li>
			</ul>
		</div>';}			
	}

Alles anzeigen

breadfish.de 11. März 2022