Beiträge von NeoAramis

NeoAramis

Könntest Du mir den Link auch noch schicken?

NeoAramis · Webocton Scriptly 0.8.95.5 NeoAramis 23. Juli 2010 um 18:29

Zitat von "hume"

z.B. beim Webhoster bplaced meine ich dass da eine Hauptdomain dabei ist wie z.B. <a class="postlink" href="http://www.test.blaced.de">http://www.test.blaced.de</a> da es ja nur ein Beispiel ist weiß ich aber nicht ob der Aufbau korrekt ist. Meines Wissens hat man nur eine Hauptdomain also ist sie begrenzt also kann nur einmal angemeldet werden, es sei denn man macht einen neuen Account auf und dann hat man wieder eine Hauptdomain (Webhosting)

Irgendwie macht diese Aussage keinen Sinn. Der Webhoster bplaced vergibt bloss Subdomains die unter einer Second-Level Domain laufen.

NeoAramis

Das ist dir überlassen. Meistens wird im title-Tag die URL plus die Überschrift der aktuellen Seite eingefügt. Die Tags h1-h6 dienen zur Gliederung jeder einzelnen Seite. h1 erhält die Hauptüberschrift, h2 leitet bspw. das erste Kapitel ein u.s.w.. Denk einfach am Besten an ein Referat, da gibt es ja auch verschieden wichtige Überschriften.

NeoAramis

Ich habe mir den Code einmal angeschaut und ich meine, dass du unbedingt mehr Wert auf eine sauberere Darstellung legen musst. Und das gesamte Formular kann nicht funktionieren. Wie ich sehe, gehört das ganze Formular in eine Nachricht. Da kann es nicht sein, dass du mehrere "form"-Tags hast. Und ich rate Dir dich einmal genau mit Formularen zu beschäftigen, denn es ist ein relativ schwieriges Thema. Vor allem spielen folgende Elemente im Zusammenhang mit dem Design und der Technik eine wichtige Rolle, also besonders darauf ein Auge werfen:

fieldset

legend

label

for

id

NeoAramis

Ich sehe kein Problem in der Verwendung des neuen Doctypes von HTML5. Was du einfach vergessen hast, ist die Festsetzung des Zeichensatzes, wahrscheinlich deshalb hat der Validator bei den Sonderzeichen Fehler ausgespuckt. Weitere Fehler war, dass du vergessen hast, den "form"-Tag zu schliessen:

Code

<form action="simulation.php">
...
</form>

So sieht das Grundgerüst bei HTML5 aus:

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="content-language" content="de" />
<link rel="stylesheet" type="text/css" href="#" />
<link rel="shortcut icon" type="image/x-icon" href="#" />
</head>
<body>




</body>
</html>

Alles anzeigen

NeoAramis

Zitat von "Tina"

Stimmt, von php hab ich keine Ahnung :roll:

Also, hab beide Codes kopiert (kann also kein Schreibfehler drin sein), im Webocton eine php Datei erstellt, als Index Datei in bplaced hochgeladen und es geht nicht. Scheinbar ist das bei mir nicht aktiviert oder sonstwas.
Werde die Navi halt auf jeder Seite einbauen. Wieso einfach, wenn es umständlich auch geht.... :twisted:

Danke Euch trotzdem.

Tina

Also du weisst schon dass du schlussendlich zwei Dateien hast, und beide auf dem Webserver sein müssen?

NeoAramis

Zitat von "lauras"

Dann vielleicht nächstes Mal direkt erklären warum du da Mehrcode produzierst.
Ich hatte als ich angefangen habe, deinen Beitrag zu lesen, an etwas ähnliches gedacht.

Das verwirrt allerdings - in die Datei darf man selbstverständlich auch noch etwas anderes schreiben, ohne dass es Auswirkungen hat.

Tina:
Wenn du beide PHP-Dateien hochlädst und dein Webspace PHP unterstützt (und aktiviert ist) MUSS es funktionieren - sonst ist irgendwo ein Fehler im Code

LG

Mit nichts meinte ich kein zusätzlicher HTML Code, da ich denke, dass Tina wahrscheinlich nicht viel von PHP weiss.

NeoAramis

Meistens ist es so, jedenfalls bei mir, dass ich nicht nur die Navigation per PHP einfüge. So kann ich auch andere Elemente in der Datei "include.php" platzieren um diese ebenfalls an einem gewissen Platz meiner Seite einzufügen.

NeoAramis

Also, an der Stelle an der Du Deine Navigation einfügen möchtest, kommt dieses PHP-Script hin:

PHP

<span class="syntaxdefault"><?php include </span><span class="syntaxstring">"include.php"</span><span class="syntaxkeyword">;</span><span class="syntaxdefault"> echo </span><span class="syntaxstring">"$nav"</span><span class="syntaxkeyword">;</span><span class="syntaxdefault"> ?></span>

Bemerke, dass diese Datei mit diesem Script auch eine PHP-Datei (Endung .php) sein muss!

Dann erstellst Du eine weitere Datei namens "include.php" mit folgendem PHP-Script und sonst nichts:

PHP

<?php $nav = '<ul><li><a href="#">Link</a></li><li><a href="#">Link</a></li></ul>'; ?>

So musst Du dann lediglich den Inhalt von $nav ändern.

NeoAramis

Nein das ist mir schon klar, aber du hast vorher ein bisschen darüber gesprochen. Aber ich weiss was du meinst und ich habe mir darüber schon einige Gedanken gemacht.

NeoAramis

Ja habe es durchgelesen und ich muss sagen ich habe ein bisschen Angst dass ich ziemlich lange brauchen werde, denn ich weiss sehr wenig von PHP und ich gemerkt habe, dass es schon ein bisschen mehr braucht. Aber wir können es trotzdem einmal besprechen.

NeoAramis

Bitte sehr!

NeoAramis

Du verwendest zwei unterschiedliche Benutzernamen.

NeoAramis

...Benutzernamen Avandos mit Passwort...

...Access denied for user 'Andavos'@'localhost'...

Vielleicht?

NeoAramis

Zitat von "lauras"
Huhu

die ersten beiden Fehler: du darfst innerhalb von <pre> einfach kein <div> benutzen.

dritter Fehler plus Warnung: Du hast zweimal die ID "footer". Liegt daran, dass du einmal den Codeschnipsel mit #footer hast und einmal den #footer, der zu deinem Seitenaufbau gehört. Das erkennt der Validator natürlich nicht.

vierter Fehler:
Code
<a href="http://web-technik.org"> - <a href="impressum.php">Impressum</a>
Du packst einen Link in einen Link... Das kann ja nicht gut gehen

Steht übrigens alles in den Fehlermeldungen^^

LG
Alles anzeigen

Danke, jetzt habe ich es auch kapiert. Das ist aber ziemlich schlecht von diesem Syntax-Highlighter, naja, muss mir in dem Fall etwas anderes überlegen.

Das mit dem vierten Fehler war eine Änderung, die aber wieder behoben ist.

NeoAramis

Liebe Forengemeinde

Auf folgender Seite habe einmal den Validator benützt: <a class="postlink" href="http://web-technik.org/css_a_5.php">http://web-technik.org/css_a_5.php</a>

Vor kurzem habe ich einen neuen Syntax-Highlighter implentiert und seitdem kommen diese Fehlermeldungen: <a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fweb-technik.org%2Fcss_a_5.php">http://validator.w3.org/check?verbose=1 ... ss_a_5.php</a>

Ich bin gerade ein bisschen ratlos und möchte wissen was der Fehler ist. Hier noch der Code:

PHP

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title><?php include "_php/inc.php"; echo "$title"; ?></title>
    <meta name="content-language" content="de" />
    <link rel="stylesheet" type="text/css" href="_css/core.css" />
    <link rel="shortcut icon" type="image/x-icon" href="fav/favicon.ico" />
    <script type="text/javascript" src="scripts/shCore.js"></script>
    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>
    <script type="text/javascript" src="scripts/shBrushXml.js"></script>
    <script type="text/javascript" src="scripts/shBrushCss.js"></script>
    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    <script type="text/javascript">SyntaxHighlighter.all();</script>
</head>
<body >
<div id="pageWrapper">
    <div id="branding">
        <div class="branding">
            <?php include "_php/inc.php"; echo "$branding"; ?>
        </div>
    </div>
    <div id="topNav">
        <div class="topNav">
            <?php include "_php/inc.php"; echo "$topNav"; ?>
        </div>
    </div>
    <div id="content">
        <div id="mainContent">
            <div class="mainContent">
                <h2>Footer Stick</h2>
                <p>Footer Stick heisst eine Technik bei der die Fusszeile einer Seite bis ans untere Ende des Bildschirmes gelangt, unabh&auml;ngig davon
                wie lang der Inhalt ist. Die Technik wird sehr gerne mit JavaScript angewendet, was aber nicht n&ouml;tig ist. Mit wenigen Zeilen ist dies auch mit CSS m&ouml;glich.</p>
                <p>Wir fangen mit folgender Grundstruktur an:</p>
                <pre class="brush: xhtml;">
                <div id="wrapper">
                    <p>Inhalt #wrapper</p>
                    <div class="push"><!-- --></div>
                </div>
                <div id="footer">
                    <p>#footer</p>
                </div></pre>
                <p>Dem Container <span class="code">push</span> wird kein Inhalt hinzugef&uuml;gt. Als erstes setzen wir alle Aussen- und
                Innenabst&auml;nde auf 0. Als n&auml;chstes vergeben wir den beiden Elementen <span class="code">html</span> und <span class="code">body</span>
                eine 100-prozentige H&ouml;he.</p>
                <pre class="brush: css;">
                * {
                    padding: 0;
                    margin: 0;
                }
                
                html, body {
                    height: 100%;    
                }</pre>
                <p>Der <span class="code">wrapper</span>-Bereich wird mit folgenden CSS-Zeilen versehen:</p>
                <pre class="brush: css;">
                #wrapper {
                    min-height: 100%;
                    height: auto !important;
                    height: 100%;
                    margin: 0 auto -4em;    
                }</pre>
                <p>Nun fehlt lediglich noch das CSS f&uuml;r die beiden letzten Elementen <span class="code">footer</span> und <span class="code">push</span>.
                Hier muss man dringend beachten, dass die H&ouml;he des <span class="code">footer</span>-Elements gleich ist wie der negative Wert f&uuml;r das
                <span class="code">margin</span> des <span class="code">wrapper</span>-Elements:</p>
                <pre class="brush: css;">
                #footer, .push {
                    height: 4em;    
                }</pre>
                <p>Als letztes wird der Inhalt der beiden Elementen noch gecleart:</p>
                <pre class="brush: css;">
                #footer, .push {
                    clear: both;    
                }</pre>
                <p>So haben wir eine Footer Stick-Technik die valid ist und zugleich, ausschliesslich mit CSS, in praktisch allen Browsern funktioniert.</p>
                <?php include "_php/inc.php"; echo "$top_button"; ?>
            </div>
        </div>
        <div id="secondaryContent">
            <div class="secondaryContent">
                <!-- no content -->
            </div>
        </div>
    </div>
    <div id="mainNav">
        <div class="mainNav">
            <?php include "_php/inc.php"; echo "$cssNavlay"; ?>
        </div>
    </div>
    <div id="footer">
        <div class="footer">
            <?php include "_php/inc.php"; echo "$footer"; ?>
        </div>
    </div>
</div>
</body>
</html>

Alles anzeigen

Hoffe mir kann jemand helfen!

NeoAramis

Okay wir haben ein bisschen einander vorbei geredet. Aber ich lag schon richtig, danke timtim. Es ist eben kein Syntax-Highlighter, da möchte ich halt schon den "Generator" sehen, sonst kann sich ja keiner ein Bild machen.

Und, lauras, er muss sich halt schon genauer ausdrücken, deshalb musst du jetzt nicht meckern...

NeoAramis

Er schreibt einfach den Code selber, das heisst er gibt jedem Element die benötigte Farbe. Ein Syntax-Highlighter merkt in welcher Sprache der Code geschrieben wurde und gibt dann einen überarbeiteten Code aus, sprich mit Farbe.

NeoAramis

Eben, dann ist es kein Syntax-Highlighter.

NeoAramis

Was ich meine ist, dass ein Syntax Highlighter einen Code generiert der eine farblich gekennzeichnete Syntax hat. Das heisst, dass man einen Code entweder markiert und der über ein Programm ausgegeben wird oder man direkt einen Code über ein Textfeld eingibt und dieser bearbeitet wiedergegeben wird. Meine Frage ist nun, wie wurde dein Code generiert?

Tut mir leid, mit der Validierung war ich zu voreilig...

Beiträge von NeoAramis

Design begutachten

Webocton Scriptly 0.8.95.5

title tag und h1, h2 korrekt beschreiben

Formularfelder

Formularfelder

Navibereich

Navibereich

Navibereich

Navibereich

Entwicklung einer Suchfunktion hier im Forum

Entwicklung einer Suchfunktion hier im Forum

Verbinden mit Datenbank bei XAMPP

Verbinden mit Datenbank bei XAMPP

Verbinden mit Datenbank bei XAMPP

Validator - unverständliche Fehlermeldungen

Validator - unverständliche Fehlermeldungen

Syntax Highlighter

Syntax Highlighter

Syntax Highlighter

Syntax Highlighter