HTML und CSS

Ich habe bei Safari geguckt und Sage: "Alles OK"

Zitat von electrofreak

Ich glaube, du musst für wegen IE keine Sorgen machen. Den benutzt keiner mehr. Spätestens bei Win 8 merkt man, dass der ******* ist.

selbst auf dem Tablet mit einem namenlosen Browser passt das......

LG

Das ist einfach so. Ich hatte mal die Testversion von Win 8 und ich habe nicht einmal verstanden, wie ich die URL-Zeile aufrufen kann. Das war lustig, da musste ich den PC ausschalten, Win 7 auswählen, Chrome-Installer runterladen, PC ausscchalten, Win 8 auswählen, Chrome-Installer starten...

Setze die Bilder doch über normale Links rein, z.B. wie hier das Logo:

Code:

<a href="https://www.eforum.de/"><img id="logo_image" src="images/eforum-hintergrund.jpg" border="0" alt="Computerforum" /></a>

Die CSS-Lösung von dir erzeugt einfach zu viel Code für 2 Bilder. Das ist das Gleiche wie wenn man versucht eine Tabelle über CSS zu erzeugen - viel zu aufwändig.

Zitat von electrofreak

Ich glaube, du musst für wegen IE keine Sorgen machen. Den benutzt keiner mehr. Spätestens bei Win 8 merkt man, dass der ******* ist.

Das stimmt leider nicht:
https://de.wikipedia.org/wiki/Webbro..._deren_Messung
Grob geschätzt also etwas weniger als ein viertel der Leute nutzen noch den Internet Explorer. Wobei die Versionen größer als 6 schon wesentlich besser geworden sind.

Zitat von Holger

Setze die Bilder doch über normale Links rein, z.B. wie hier das Logo:

Code:

<a href="https://www.eforum.de/"><img id="logo_image" src="images/eforum-hintergrund.jpg" border="0" alt="Computerforum" /></a>

Die CSS-Lösung von dir erzeugt einfach zu viel Code für 2 Bilder. Das ist das Gleiche wie wenn man versucht eine Tabelle über CSS zu erzeugen - viel zu aufwändig.

Das hab ich versucht, das hat nicht funktioniert, ich teste das morgen noch mal...

LG

Das hab ich versucht, das hat nicht funktioniert

Stimmt, irgendwie schreibt Wordpress die Bilder um.

Der Link zu dem Bild führt im Browser zu einer Fehlerseite:
https://www.ntb-spiele.de/images/jm-werbung.png

Kopiere das Bild mal in einen anderen Ordner, z.B. nach
https://www.ntb-spiele.de/wp-content/uploads/

Du musst es direkt im Browser aufrufen können

passt....jetzt stimmts auch im IE

LG

Freut mich

Das style="..." kann du jetzt wo alles funktioniert noch in die style.css auslagern und anstatt dem <br> solltest du <br /> schreiben, sonst ist der Code nicht "valide".

Es gibt übrigens ein Addon für den Firefox "Html Validator". Das zeigt die Fehler an, sobald man auf "Quelltext anzeigen" klickt.

[edit]
Ein target="_blank" könntest du auch noch in die beiden Links einbauen, sonst sind eure Besucher weg, sobald sie auf den Partnerlink klicken
Das Attribut ist etwas umstritten, aber ich finde es aus dem genannten Grund schon sinnvoll.

alles erledigt

jetzt schaue ich mir mal das ADD ON vom Firefox an.

LG

Muss ich mir wegen der Fehleranzeige Gedanken machen?

Beziehungsweise welche sind als relevant zu betrachten?

LG

Moin,
alles was die Tags betrifft sollte fehlerfrei sein wegen der Darstellung.

Zu jedem Starttag muss ein Endtag existieren, sonst passieren merkwürdige Dinge.
"</br>" hast du jetzt falsch geschrieben, muss "<br />" heissen.
Das "/" schliesst den Tag wieder.

Ich denke, danach verschwinden auch die anderen Fehler. Ohne den Validator sind solche Fehler aber fast nicht zu finden. Die Browser sind da doch recht tolerant.

das mit dem br-Tag war mir schon aufgefallen, ich wollte das nur nicht ungefragt ändern, weil ich diese Variante nicht kannte.

LG

Wie sieht's denn mit den Videos aus?

was ist mit den Videos??

LG

Moin,
zähle noch die <div> und </div> im Quelltext durch.

Das scheinen laut Validator ein paar </div> zu viel zu sein.

Zitat von Q-Max

was ist mit den Videos??

LG

Die, die ich dir am Anfang empfohlen hatte.

@electrofreak: ich lese und mache in den letzten Tagen so viel....kommt alles..

@Holger: das gestaltet sich ein bisschen schwierig. Es werden in den php-Dateien divs geöffnet, die erst in ganz anderen php-Dateien wieder geschlossen werden. Hast du da ne praktikable Idee, außer nacktem Zählen?

Erschwerend hinzu kommt ja auch noch das nicht alle php-Dateien z.B. bei Ansicht der Startseite "angefasst" werden.

Und wenn einer fehlt, muss ich den ja auch noch finden....

LG

Hallo Q-Max,
sieh dir einfach den Quelltext über den Html-Validator im Firefox an.

Danach lädst du dir einfach den kompletten "Primepress"-Order auf den PC und lässt die Stelle in den PHP-Dateien suchen.

Ich benutze das Tool hier zum Suchen, ist besser als die Windows Suche für Textdateien:
Agent Ransack - Free File Searching Utility

Ich find da nichts, scheinbar steckt das entweder in Wordpress selbst, beziehungsweise in den Plugins. Ich hab auch nur noch Warnungen.

LG

Wenigstens wird ja alles richtig dargestellt.

Ich schaue mir den Quelltext in den nächsten Tagen mal an. Man muss einfach "nur" nachzählen welches DIV wo geöffnet und wieder geschlossen wird und da ist sicher auch nur ein </div> zu viel.

Im Posting Nr. 20 hatte ich kurz geschrieben, wie man am einfachsten einen statischen Code zum Testen bekommt.

Mit dem Firefox kannst du auch über "Speichern unter ..." eine Seite direkt auf den PC laden und dort dann einfach den HTML-Code ändern und sehen was passiert.

[edit 11.06 11:30 Uhr]
Ich habe mir den Code nun fast eine Stunde lang angesehen. Es sind mindestens ein </div> und mehrere </span> zu viel. Diese werden auch vom Validator-Plugin in ROT dargestellt.
Da alles aber richtig dargestellt wird, würde ich es so lassen - zu aufwendig das zu korrigieren.

Ich hab mir auch die php-Dateien angeschaut. Fakt ist das bei einigen ungerade Zahlen an Divs sind. Das scheint aber irgendwie so gewollt, die werden dann in einer anderen Datei geschlossen.

Warum hast du noch Fehler? Bei mir sind es nur Warnungen und die beziehen dann auf Gleichheitszeichen und ähnliches, das durchschaue ich gar nicht.

Da mit dem Code werde ich wohl tatsächlich so machen müssen. Ich krieg Phase 5 nicht dazu mir das vernünftig anzuzeigen. Parallel dazu habe ich noch eine Xaamp-Installation der Webseite, damit sollte das doch auch machbar sein, nur da spielt natürlich Wordpress gleich wieder mit.

LG

Hallo Q-Max,
um den HTML-Code zu Hause zu verifizieren benötigst du kein PHP. Der im Browser angezeigte Code ist ja schon reines HTML.

Warum hast du noch Fehler? Bei mir sind es nur Warnungen und die beziehen dann auf Gleichheitszeichen und ähnliches, das durchschaue ich gar nicht.

Das liegt wahrscheinlich an der Einstellung vom Validator-Plugin. Beim Algorithmus muss "nacheinander" ausgewählt sein, sonst macht er nur den Tidy-Check (Prüfung auf Syntax)

Ok, dann hab ich 12 Fehler....

Und wenn ich das richtig sehe kommen die alle aus Plugins. Soll ich da wirklich drin rumspielen?

LG

Moin Q-Max,
schau dir mit dem Tool mal den Quelltext an. Es sind laut Zähler 2 DIVs zu viel geschlossen. Zur Not zum Zählen den Text in einen Texteditor laden und alles rauslöschen bis auf die DIVs

Page Scanner Tool @ Jhousemedia.com

-> View source: with uneven tag types highlighted

DIV:
open 98
closed 100

Ok, die span-Tags hab ich gefunden - die sind im Kalenderplugin....da muss ich suchen gehen....

aber warum um Himmels Willen zeigt mir der Validator urplötzlich 854 Fehler an?

ist ja zum verrückt werden....

LG

Wenn du möchtest, kannst du mir per Mail die Codes schicken, dann kann ich die durchsuchen. Die Mail kannst du als Moderator ja sehen .

Hier noch ein ganz hilfreiches Tool zur Anzeige der kompletten Struktur der Seite mit Einrückungen:
HTML DIV Checker - see if your page div map | www.tormus.com

Code:

aber warum um Himmels Willen zeigt mir der Validator urplötzlich 854 Fehler an?

Bei mir ist die Anzeige noch wie früher.

[edit 18:21 Uhr]
Ich habe endlich etwas gefunden. Die Fehler mit den DIVs scheinen in den einzelnen Posts zu liegen.

Code:

 
<div id="post-7555" class="post-7555 post type-post status-publish format-standard hentry category-korball tag-bergrheinfeld tag-deutsche-meisterschaft tag-korball entry">
  <div class="entry-byline">
  </div>
  <div class="entry-content">
     <div class="twoclick_social_bookmarks_post_7555 social_share_privacy clearfix 1.5 locale-de_DE sprite-de_DE">
     </div>
     <div class="twoclick-js">
     </div>
   </div>
   <div class="entry-byline">
   </div>
</div>

Im Java-Code vom "twoclick-js" muss es am Ende "/*]]>*/" heissen und nicht "/* ]]&gt; */"
Wenn ich das so teste, dann sind bei mir die schwerwiegenden Fehler im Validator weg und er geht in den Tidy-Check mit weiteren Fehlern

nach einem Rechnerneustart hab ich jetzt auch wieder nur 12 Fehler, jetzt mach ich mich mal auf die suche nach dem falschen Code.....

LG

Jetzt sieht es schon deutlich besser aus, nur noch normale Fehlermeldungen

Schau mal im Footer. Das scheint hier doppelt zu sein:

Code:

...
        </div><!--#footer-->
        </div><!--#footer-->
...

Hab ich einmal gelöscht....

das war so groß, dass hätte ich auch sehen können....

LG

Moin,
jetzt scheint alles zu stimmen.
Ich habe folgendes gezählt:
69 <DIV>
69 </DIV>

Das Page-Scanner-Tool zählte übrigens falsch. Es hatte durch die Kommentare einen kompletten Block an Code (sidebar-2) einfach ignoriert.

Den Rest kannst du so lassen, sind alles kleinere Fehler wie z.B. DIVs in den H3-Tags.
Lösche noch die Kommentare, die Tags enthalten. Dort sollte nur ein beschreibender Text stehen und nichts mit <>.
Bei Tags kann trotz <!-- --> so einiges durcheinander kommen.

Hab ich erledigt...

Danke schön..

dann kann ich ja das nächste Problemchen angehen

LG

Hallo Q-Max,
es ist nun zwar schon ein paar Tage her, aber ich habe das Thema hier zum Anlass genommen und eine kleines Tool programmiert, das bei solchen Problemen wie hier helfen soll.

Hier der Link zur Seite:
HTML Tools - TAG Counter und DIV Tree

Also der Code von eurer Seite sieht nun schon mal gut aus