Text verschiebt sich links unter Navigation

AlphaVoice · 17. Dezember 2010

Hey, ich habe ein zur Zeit ein kleines Problem mit meiner Navi, weil ich mich mit CSS nicht so oft beschäftige. Also folgender Quelltext bereitet mir Probleme:

HTML

<html>
<head>
<link rel="icon" href="favicon.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script language="JavaScript" type="text/javascript" href="js/java.js">
</script>
<title>ManuWorld - Startseite</title>
</head>
<body>
<h2>Willkommen bei ManuWorld!</h2>


<table style="float:left; margin:10px;" border="1px">


<?php include('menu.php'); ?>


</table>


<div class="newsbox">
<h3>STICKMAN (GTR) - 16.12.2010</h3> 
<p>Wenn ihr einen GTR (Grafiktaschenrechner) besitzt, k&ouml;nnt ihr euch schonmal auf ein Spiel freuen, dass demn&auml;chst erscheinen wird. <br/>
Es handelt sich hierbei um das Programm STICKMAN, welches sich zur Zeit noch in Entwicklung befindet und selbstverst&auml;ndlich in GTR BASIC programmiert wurde. <br/> 
Mehr will ich dazu noch nicht verraten. Eine Beta Version wird bald im VIP Bereich zum Download bereitstehen.</p>
</div>


<div class="newsbox">
<h3>"&Uuml;ber" Bereich - 14.12.2010</h3> 
<p>Der Bereich mit Informationen &uuml;ber mich und ManuWorld ist jetzt online. Ihr k&ouml;nnt ihn <a href="about.php">hier</a> besuchen.</p>
</div>


<div class="newsbox">
<h3>ManuWorld ist online! - 14.12.2010</h3> 
<p>Heute ist die neue Webseite von mir endlich online gegangen. Ihr werdet hier demn&auml;chst Informationen zu diversen Games finden, aber auch zur Musik.</p>
<p>Lasst euch &uuml;berraschen und schaut immer mal wieder vorbei. ;)</p>
</div>


</body>
</html>

Alles anzeigen

In der style.css habe ich eigentlich nichts, was die Navigation betrifft drin stehen. Lediglich die Hintergrundfarben,... sind da drin gespeichert.
Aber mein Problem ist jetzt, dass sich der Text links unter die Navigation schiebt, sobald die Länge des Texts die Länge der Navi überschreitet. Wenn das nicht der Fall ist, bleibt der Text schön zentriert rechts neben der Navi. Und ich weiß jetzt nicht, wie ich den CSS-Code gestalten soll, sodass der Text auch noch so rechts mittig bleibt, wenn er die Länge der Navi überschreitet.

~ *Anima*

kurtextrem · 17. Dezember 2010

Eine Online Demo wäre toll :D

AlphaVoice · 17. Dezember 2010

Speicher den Quellcode einfach als .html - Datei ab und geh mit Firefox drauf, dann siehst du was ich meine. Wenn das nicht klappt, dann geh halt auf die Online Demo ( ) *Klick*.
Ist aber noch nicht viel drauf zu sehen und das Layout ist auch noch recht einfach gehalten, weil mir CSS irgendwie nicht so liegt. : S

**TimWolla** · 17. Dezember 2010

Pfui Tabelle. Wenn du schon CSS benutzt dann bitte richtig. Das Menu zum Beispiel als Liste. Der Text geht unter die Navigation, weil du dem das so gesagt hast. Lies dir mal durch, was float macht ;)

kurtextrem · 17. Dezember 2010

Lets fix it dirty :>
zu "style" von der table noch "height: 17em;" hinzu... *rennt schonmal vor allen anderen weg*

AlphaVoice · 27. Dezember 2010

Ich hab das Problem jetzt behoben und die Navigation mal wo ganz anders hingepackt. Jetzt versuche ich gerade mit meinen bisherigen Kenntnissen ein ACP für dieselbe Seite zu programmieren, bekomme aber jetzt folgenden Fehler:

Parse error: syntax error, unexpected $end in /users/XXX/www/admin/index.php on line 72

PHP

<?php
session_start();
function Salt($passd,$salt)
{
return sha1($salt.sha1($salt.sha1($passwd)));
}
?>


<html>
<head>
<link rel="icon" href="favicon.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script language="JavaScript" type="text/javascript" href="js/java.js">
</script>
<title>ManuWorld - Administration</title>
</head>
<body>
<img src="http://manuworld.square7.ch/header.jpg" title="ManuWorld" alt="ManuWorld" height="150" width="800" border="1"/>
<h2>Administration</h2>


<?php include('http://manuworld.square7.ch/menu.php'); ?>


<div class="newsbox">
<form action="<?php echo $_SERVER["PHP_SELF"]; ?>">
Benutzername:<br/>
<input type="Text" name="name"><br/><br/>
Passwort:<br/>
<input type="Password" name="passwd"><br/>
<input type="Submit" value="Login" name="submit">
</form>
</div>


<?php
include("http://manuworld.square7.ch/config.php");


if(isset($_SESSION["name"]))
{
echo '<meta http-equiv="refresh" content="; URL=intern.php"/>';
}
else
{
if(isset($_POST["submit"]))
{
$name = mysql_real_escape_string(htmlspecialchars($_POST["name"]));
$passwd = mysql_real_escape_string(htmlspecialchars($_POST["passwd"]));


if(empty($name) || empty($passwd))
{
echo "Du musst alles ausf&uuml;llen!";
}
else
{
$abfrage = "SELECT name, password FROM adminlogin";
$ergebnis = mysql_query($abfrage)OR die(mysql_error());
$row = mysql_fetch_object($ergebnis);
if($row->name == $name AND $row->password == $passwd)
{
echo "Du hast dich erfolgreich eingeloggt.<br/><a href='intern.php'>Weiter zum ACP...</a>";
$_SESSION["name"] = $name;
}
else
{
echo "Die eingegebenen Daten waren nicht korrekt.";
}
}
?>


<hr/>
<small>CMS &copy; by Manuel J. &bull; <a href="http://manuworld.square7.ch/index.php">Startseite</a> &bull; <a href="http://manuworld.square7.ch/contact.php">Kontakt</a> &bull; <a href="http://manuworld.square7.ch/admin/index.php">Administration</a>
</body>
</html>

Alles anzeigen

Was isz jetzt konkret am Ende der Datei falsch? Habe den PHP-Teil ja wieder mit ?> beendet und weiter unten gibts nicht mal eine Zeile 72. : s

~ *Anima*

**TimWolla** · 27. Dezember 2010

~~Eine~~Zwei schließende geschweifte Klammern vergessen. Mit gescheiten Editor und gescheiten Einrückungen erkennt man das auch direkt.

kurtextrem · 28. Dezember 2010

Notepad++ mit AutoIdent Plugin oder NetBeans würde ich empfehlen (ich habe 7.0 Beta ;))

AlphaVoice · 28. Dezember 2010

Notepad++ hab ich auch schon, aber noch nicht als Standartprogramm für .php - Dateien ausgewählt. Hab da halt den ganz einfachen Windows Editor benutzt. :p

~ *Anima*

NowNewStart · 30. Dezember 2010

Schon mal dran gedacht das der Width Wert zu Groß ist? Du brauchst deswegen nicht die Nav wo änderst hinpacken schick mir mal den Quellcode

Dragophine · 10. Juni 2011

du könntest die navi mit float: left formatieren und dann den text daneben mit margin-left: anpassen;

AlphaVoice · 10. Juni 2011

Das Thema ist ein halbes Jahr alt... Trotzdem danke, obwohl ich das mittlerweile selbst weiß.

Dragophine · 10. Juni 2011

Sry xD