Beiträge von The Scout

The Scout

Genau, wolf hat dir schon das HTML geliefert, CSS Basis sieht dann ungefähr so aus:

CSS

/* Um brwoserspeifische Lücken zu unterdrücken */
* {
    margin: 0;
    padding: 0;
}




/* Die Unterseiten verstecken */
nav ul ul {
    display: none;
}
nav ul ul li {
    display: none;
}




/* Beim hovern der Überseite anzeigen */
nav ul li:hover > ul {
    display: block;
    position: absolute;
}
nav ul li:hover li {
    display: block;
}

Alles anzeigen

Keine Garantie auf Erfolg

The Scout

Also, nichts gegen dich: Aber ist nicht ein essentieller Punkt von SEO auch korrekter HTML Code? Und korrekte Rechtschreibung?

Zitat

Unsere Agentur für SEO in Hannover schenkt jeden neuen Kunden die Hälfte der anfallenden Kosten.

Müsste es da nicht eigentlich [...]schenkt jedem neuen Kunden [...] heißen?

Ich will dir wirklich nicht in Pläne reden, ich finde es nur seltsam, dass du eine SEO Agentur starten möchtest, ohne aber selbst HTML sicher zu beherrschen. Würdest du das tun, müsstest du nämlich hier nicht nachfragen...

Ansonsten, technisch: HTML Validator und CSS Validator
Design: gut, bin ich kein Profi, aber auf mich wirkt die ganze Seite eher melancholisch, weil halt nur Graustufen genutzt werden. Bastle ein Kreuz in die Ecke und die Webseite des Bestattungsunternehmens wäre komplett, finde ich.
Nimm doch einfach ein paar Farben. Flat-Design ist doch grade so in, wegen dem Mobile First, lass dich da einfach inspirieren, das arbeitet ganz extrem mit Abgrenzen durch Farbhintergründe.

Außerdem, zumindest im FF 29 hast du oben und unten noch weißen Rand. Kommt meist daher, dass im CSS kein

CSS

* {
    margin: 0;
    padding: 0;
}

genutzt wird. Einfach ganz am Anfang der .css Datei einfügen.
Und wenn du das CSS als Datei einbindest, brauchst du in der .css keinen <style> Tag mehr.

Also nochmal, wir sind hier um zu helfen, deshalb mäkle ich so rum, aber ich finde eine Seite eines SEO Unternehmens einfach wirklich ein seltsames Übungsprojekt

The Scout

Sollte theoretisch möglich sein. Guckst du hier: jQuery Bilder- und Videoboxen.

The Scout

CSS

text-decoration: blink;

Nicht dein Ernst, oder? Augenkrebs ...

Und immer noch, dein Doctype (erste Zeile im HTML) ist falsch.

HTML

<!-- Das hast du (XHTML 1 Transitional): -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<!-- Das ist der für HTML 5 -->
<!doctype html>

Und guck mal hier: W3C Validator. Der gibt immer gute Ansatzpunkte, was noch zu ändern ist.

The Scout

Dann würde ich wie gesagt entweder nochmal die Einstellungen durchsuchen, ob es da eine Möglichkeit zum Ändern gibt, oder (meine Empfehlung) den Editor wechseln.

Und das mit Code hier im Forum wird doch im von wolf verlinkten Thread erklärt?! Das hat nichts mit den Reitern des Foreneditors zu tun, das sind BB-Codes. Lies dir am Besten den Thread noch mal durch

The Scout

Hier nochmal ein Artikel auf Webbausteine.de: Schriftzeichen richtig darstellen. Der erklärt, wie man in allen möglichen Bereichen die Kodierung ändern kann, damit die Zeichen überall korrekt interpretiert werden.

The Scout

Das liegt an Scriptly, das tauscht die Umlaute selbstständig aus, "um Arbeit abzunehmen". Das Programm wurde halt schon länger nicht mehr aktualisiert, da war UTF 8 noch nicht so verbreitet.

Nimm zB Notepad++ oder Sublime Text. Sind beide aktuell und auch super für Webseiten und andere Programmierung geeignet.

The Scout

Also, ich hätte zwei Tipps:
Nr 1: Rechtschreibung, Zeichensetzung, Redegewandtheit verbessern, Schule eignet sich hervorragend Das hilft uns zu verstehen, was du überhaupt willst...
Nr 2: https://www.html-seminar.de/www.html-seminar.de und https://www.html-seminar.de/www.php-kurs.com. Die zwei Seiten zeigen dir die Grundlagen der modernen Webgestaltung (z.B. KEINE Frames), einfach mal durcharbeiten und gucken, ob du danach dein Problem lösen kannst...

The Scout

Hi,
bei Bildern ist das immer ein bisschen tricky in der Frage, ob via HTML und CSS einbinden.

Faustregel, die für alles gilt: Inhalt = HTML, Design = CSS, auch bei Bildern; Sind sie für Inhalt da, zB bei der Visualisierung eines Artikels (Wikipediabilder zB), als Inhalt einer Galerie (so wie bei dir vermute ich mal),dann HTML, dienen sie nur dem Design (zB zur Verdeutlichung des Homelinks, als Hintergrundbild, ...) dann via CSS content oder background-Einbindung.

Und wie man Bilder im HTML anspricht hat ja Wolf schon schön kurz und gut erklärt. Ansonsten, via CSS einbinden:

CSS

#html-content {
    background: url(pfad/zum/hintergrund.bild); /* als Hintergrundbild */
}




#htmlcontent:before { /* es geht natürlich auch :after um es danach einzufügen */
    content: url(pfad/zum/verdeutlichungs.bild); /* zB für ein Haus beim Homelink */
}

The Scout

Hi,
was du im Endeffekt moechtest, sind zwei verschiedene Befehle: einmal moechtest du einen neuen Nutzer anlegen, ein anderes mal moechtest du Daten eines Nutzers aendern.
Fuer beides brauchst du unterschiedliche SQL Befehle.

Hier zum neu anlegen (man kann auch spalten ueberspringen ^^):

SQL

INSERT INTO `tabellenname` SET `spalte1` =  'wert1', `spalte2` = 'wert2', `spalte4` = 'wert4'

Und hier zum aendern:

SQL

UPDATE `tabellenname` SET `spalte1` = 'wert1' ... WHERE `spalteX` = 'wertX'

Hier muss man also eine bestimmte Spalte auf einen Wert pruefen, sonst werden ALLE Spalten geandert!

Werte validieren, uebergeben und Befehl ausfuehren wie gewohnt mit PHP. PDO ist dafuer am besten (schliesst SQL Injections aus), aber du kannst natuerlich auch weiter mit mysqli arbeiten, nur muss man da auf saubere Validierung und Maskierung achten. Ist aber fuer Uebung wahrscheinlich sogar besser

Und fuer das Verknuepfen: Logisch gesehen hast du zwei grundverschiedene Befehle. Trenne sie doch einfach auch im Code logisch! Ein Formular mit eigener Funktion fuer das Neu erstellen, und ein anderes fuer das Aktualisieren.
Dann brauchst du in jeder Funktion nur eine SQL Variante. Das Validieren ist dann nochmal was eigenes, dass kann wieder in eine eigene Funktion ausgelagert werden (DRY Coding).

Natuerlich geht auch sowas (Pseudocode):

Code

Nimm Formularfeld1;
Nimm Formularfeld2;
Nimm Actionvalue;




Valiediere Formularfelder;




Wenn actionvalue = neu anlegen dann
  SQL INSERT INTO 
sonst wenn actionvalue = aktualisiere eintrag dann
  SQL UPDATE WHERE
sonst
  schrei nach richtiger Action
ende wenn

Alles anzeigen

Viel Spass!

The Scout

Hallo im Forum.
Ja, für Style gibt es verschiedene Möglichkeiten, zum Rumprobieren bietet sich das direkte Schreiben in die HTML Datei am Besten an.
Hier mal eine Idee, wie man das umsetzen könnte, keine Garantie auf Erfolg:

HTML

<!doctype html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <title>Seitentitel</title>




    <style>
      * { /* Universalzeiger, um die browserspezifischen Abstände zu elimieren */
          margin: 0;
          padding: 0;
      }
      video#background {
          position: fixed; /* Wird nicht von Scrollen beeinflusst */
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
      div#content {
          position: absolute; /* Wird nicht und beeinflusst keine anderen Elemente */
          z-index: 2; /* 1 ist Standard, kann man sich als Ebenenmodell vorstellen */
          width: 80%;
          margin: 0 auto; /* Mittig ausrichten */
      }
    </style>
  </head>




  <body>
    <video id="background" preload="auto" autoplay="autoplay" loop="loop">
      <source src="pfad/zum/video.webm" type="video/webm" /> <!-- WebM da kleine Datei, für Chrome, FF, Opera -->
      <source src="pfad/zum/video.mp4" type="video/mp4" /> <!-- Für Safari und Internet Exploder -->




      <p>Das hier wird angezeigt, falls der Video-Tag nicht unterstützt wird.</p>
    </video>




    <div id="content">
      <!-- Dein Seiteninhalt -->
    </div>
  </body>
</html>

Alles anzeigen

The Scout

Nicht, soweit ich weiss.
Typo3 out-of-the-box hat auch das ?id=... drankleben. Zumindest bisher, wie das mit 6.2 aussieht, kA

Es gibt halt nur genug Anleitungen fuer Typo3, wie man das htaccess dafuer entsprechend einrichtet.

The Scout

Das hast du toll gemacht, kriegst nen Daumen

Und darum liebe Kinder: Spielt nicht mit Dingen, die ihr nicht versteht

The Scout

Also, dynamisch umschreiben ist meines Wissens nach nicht moeglich (also, dass der Nutzer server.tld/home/ sieht, der Server aber server.tld/id=3).
Und das ist es ja, was du im Grunde haben willst, oder?

The Scout

CSS 3 hilft:

CSS

#deinbereich {
    background-image: url(pfad/zum/hintergrund.bild) no-repeat; /* no-repeat für keine Wiederholung */
    background-size: 1500px 600px; /* Erst Breite, dann Höhe, mit Lücke dazwischen */
}

The Scout

Wenn du das als jpeg erstellst, dann musst du Die Zeile 10 folgendermaßen ändern:

PHP: 10

// Dem Browser mitteilen, dass ein JPEG Bild kommt
header("Content-type: image/jpg");

The Scout

wolf: Wo ist denn deiner Meinung nach da ein Fehler? Das Skript captcha.php liefert doch am Anfang den image/png Mimeheader, damit passt das auch

Matt: Probier erstmal, die Originalgroesse des Hintergrundbildes als width und height im HTML zu setzen. Wenn dann immer noch nichts angezeigt wird, dann wird es seltsam.

Und wenn es hilft, dann ist das Problem folgendes: Du gibst deinem HTML die angebliche Hoehe und Breite des Bildes (128) mit, darauf verlaesst sich HTML dann. Es hat also die Startecke des Bildes (da wo der Code sitzt) und geht von 128px nach unten und schreibt da dann das naechste Element hin (das Eingabefeld). Da das Bild aber in Echt groesser ist, liegt es ueber dem naechsten Element.
Ergo: Entweder Hintergrundbild in GIMP/Photoshop/whatever skalieren, oder im PHP Skript. Letzteres ist aufwaendiger, aber lohnender, da die Werte dynamisch sein koennen.

Wenn es NICHT hilft, dann habe ich ein Problem, weil erstmal keine Ahnung was falsch sein koennte

The Scout

Hallo und willkommen im Forum!
Bitte, lies dir mal das hier durch, das hilft ungemein beim Helfen

Was genau ist dein Fehler? Es soll doch das fertige Bild erscheinen?! Das Bild mitsamt Zeichen drauf wird komplett im Server generiert und dann erst an den Nutzer gesendet. Probleme mit deinem PHP Skript hättest du, wenn KEINE Buchstaben auftauchen würden.
Width und height des Bildes werden beim PHP Code direkt aus dem Hintergrundbild übernommen, entweder du skalierst dieses direkt, mit GIMP oÄ, oder du guckst (zB bei https://www.html-seminar.de/PHP.net) nach Funktionen, um in PHP geladene Bilder zu skalieren. Gibt es auch

Wenn es darum geht, dass das Validieren des Skripts nicht klappt, dann ist dein fehler dein action:

HTML

<form enctype="multipart/form-data" method="post" action="Captcha.php" />

Captcha.php sieht vermutlich ähnlich wie hier aus: Captcha Lösung. Wenn du dir das Skript aber mal ansiehst, dann merkst du, dass da keinerlei Eingabedaten verarbeitet werden!

Hier mal eine Idee, wie dein Einloggskript aussehen könnte:

HTML

<form action="validate.php" method="post"> <!-- kein < />, denn es kommt ein schliessender Tag -->
  <div>
    <img src="captcha.php" alt="Captcha" width="128" height="128" /> <!-- HIER brauchst du das < /> -->
  </div>
  <label>Gib die im Bild zu sehenden Zeichen ein:
    <input type="text" name="verification" size="5" maxlength="5" />
  </label><br />
  <input type="submit" name="submit" value="Captcha lösen" />
</form>

Natürlich ist auch wichtig, welche HTML Version du nutzt, bei HTML 5 ist das < /> sowieso nur optional.

The Scout

Hmm, man sollte doch meinen, dass ein =, ein ; oder ein ` auch so gefiltert werden könnten. Macht das nicht PDO von selber? Schließlich sollte den Erstellern von PDO das System bekannt sein, wenn es sogar hier hin findet

The Scout

Dein Mauszeiger wandert? Schon mal an einen Virenscan oder Linux gedacht?

Und Scriptly hatte ich auch, bin dann aber aufgrund von zunehmenden Problem zu Notepad++ umgestiegen. Im Großen und Ganzen wirklich eine Verbesserung, lässt sich auch sehr leicht durch einen eingebauten Addon Installateur erweitern, Addons werden hierbei von der Community entwickelt.

Hat alle wichtigen Features dabei, unter anderem kann man auch einen FTP Client nachrüsten, der eine vom Server geladene Datei automatisch auf dem Sever überschreibt, wenn man sie speichert, das Feature vergöttere ich
Auch einen Auto-Speicher bietet ein Addon, sehr nützlich, einmal am Anfang Speicherort und Namen wählen, und im BG wird dann immer nach einer einstellbaren Periode die Datei gespeichert...

Nur ein Manko nervt mich grad enorm, bin grade auf Fehler/-Verbesserungsuche, Projektverwaltung geschieht nämlich (zumindest ohne Adminrechte) nur virtuell.

Beiträge von The Scout

Zusätzliche Nav Leiste anzeigen lassen

Höhe Webseite verkleinern

Video mit Text verknüpfen

Höhe Webseite verkleinern

Plötzlich wieder keine Umlaute möglich, trotz UTF-8

Plötzlich wieder keine Umlaute möglich, trotz UTF-8

Plötzlich wieder keine Umlaute möglich, trotz UTF-8

ganze seite als iframe / pupop in einer grösse wie der betreffene es brauch für seine auflösung :)

Bilder von CSS mit Lightbox

Adresse hinzufügen und bearbeiten ?

Code für Hintergrund-Video korrekt?

mit PHP Mod Rewrite spielen

Mein Localhost hat ne verdammt lange Scriptlaufzeit

mit PHP Mod Rewrite spielen

Wie kann man Hintergrundbild im Body Bereich einsetzten ohne daß daß bild dupliziert wird

Captcha - wie im HTML integrieren?

Captcha - wie im HTML integrieren?

Captcha - wie im HTML integrieren?

Was muss aus Benutzereingaben alles gefiltert werden,

Anzeigeprobleme mit Scriptly (F9) in HTML 5.0