|
|||
Feedback erwünscht
Hi,
ich beschäftige mich seit einiger Zeit mit responsiver Gestaltung von Internetseiten und habe seither einiges Lernen können. Nun glaube ich genug zu können, um das, was ich bisher nur geübt habe, auch tatsächlich in die Praxis umzusetzen. Würde mich sehr freuen, wenn ihr mal über mein "Übungsgelände" schauen könntet und mir Feedback gebt, bevor sich etwaige Fehler dauerhaft bei mir einbrennen: Unternehmer in Moosach Mit CSS Validator 0 Fehler, aber vielleicht gibt es für einige Dinge ja einen schöneren Stil? Wichtig war mir, dass die Seite mit verschiedenen Browserbreiten und Höhjen gut funktioniert und alle Menüpunkte immer sichtbar bleiben (kein Zusammenklappen des Menüs wie auf vielen mobilen Seiten). Liebe Grüße, Alex |
Sponsored Links |
|
||||
[Invalid] Markup Validation of http://www.moosach.ag/index3.php - W3C Markup Validator
utf-8 verwenden (und auch so speichern im Editor) semantisch schlecht, keine Struktur, du hast die "divititis", lauter h1 Überschriften (SEO Spam?) obere Navigation ist 2x vorhanden?? Navigation gehört in eine Liste ul Navigation zu klein (Smartphone/Tablet --> nicht bedienbar) die linke graue Spalte ist imho zu schmal (nur 4 Worte pro Zeile) was ist das mit den 3 identischen Grafiken oben, nur zur Demo? zuviele unnötige <br>, kann man mit css machen responsive: nur % oder em Breiten verwenden keine font-size in px Navigation li besser in voller Breite |
Sponsored Links |
|
|||||||||||
Danke!
Danke!
Ich hab noch ein paar Rückfragen: Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
DANKE nochmal, bin schon wieder ins Nachdenken gekommen |
|
||||||
Zitat:
Zitat:
Divs sind lediglich semantisch bedeutungslose, leere Container und sollen auch nur als solche verwendet werden. Du verwendest zwar in der Hauptspalte Paragraphen, in der rechten/linken Spalte hast du aber keine solche Textauszeichnung, da fehlt sie komplett, dort gibt es keine Texte und auch keine Überschriften. Auch haben label bei dir kein for-Attribut, welches ein label einem input-Feld zuweist. Zitat:
Du dürftest prinzipiell ein Problem mit Listen haben, auch im Hauptbereich verwendest du diese falsch. Eine Liste ist eine Aufzählung verschiedener Punkte (zB wie bei einer Navigation, das ist auch nur eine Aufzählung verschiedener Seiten) Unsortierte Listen werden so aufgebaut: Code:
<ul> <li> Listenpunkt</li> <li> Listenpunkt 2</li> </ul> Auch die Mitglieder der Aktionsgemeinschaft gehören in eine Liste und nicht jedes Mitglied in eine einzelne Liste. <div style="clear:both;"> brauchst du in deiner Navigation übrigens zu 99% auch nicht Zitat:
Zitat:
Zitat:
Der Vorteil liegt darin, dass die Schriften sich dann an der vom Benutzer voreingestellten Schriftgröße orientieren. Die Schriftgröße kann zB auf Smartphone-Browsern oder Desktop-Browsern unterschiedlich sein. Gibt man die Schriftgröße in PX an, kann man zB im IE nicht mehr die Schriftgröße verändern (außer, das wurde in neuen IE Versionen bereits geändert) |
|
|||||||||
Nochmal danke!
Nochmal danke!
Zitat:
Zitat:
Zitat:
Ich bin mit der Lösung selbst nicht besonders zufrieden, auch im Hinblick auf Google und doppeltem Content. Leider habe ich auch nach sehr viel rumprobieren nix besseres gefunden. Auf JavaScript möchte ich wenn möglich verzichten. Zitat:
Zitat:
Ich befürchte, dass ich, wenn ich eine Liste erstelle, die sowieso schon etwas komplexe Doppelnavigation noch komplexer wird. Zitat:
Zitat:
Zitat:
Zitat:
LG! Geändert von alexa3000 (19.02.2014 um 17:38 Uhr) |
|
|||||||
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Pixel in EM umrechnen* | Calculator.Tobani.com Navilinks oder Buttons im mobile Layout: ca. 40px Höhe (als Richtwert). zur Breite des Inhalts: warum nicht die volle Breite des grossen Bildes (960px) ausnutzen? Dann hat man mehr Platz für die Seitenleiste. Zitat:
|
|
||||||
Gern geschehen
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Aber ich weiß, manchmal muss man mit unschönen Lösungen leben, da diese einfach so gewollt sind. Auch hier der Verweis auf meinen Vorposter: 1 em ist in den meisten Browsern 16px. Es ist auch nicht falsch, die Schriftgröße in pixel anzugeben. Es ist in vielen Fällen auch einfacher, da man es präziser steuern kann. Schriftgrößen in em/% können sich weitervererben, wodurch man plötzlich größere Schriften in verschachtelten Elementen hat als man eigentlich will. Das passiert mit px nicht. |
|
|||
Danke, danke
Danke, danke!
Allgemein: Ich hab heute ganz viel von Euren Tipps umgesetzt. Version von gestern: Unternehmer in Moosach Version von heute: Unternehmer in Moosach Zu UTF-8: Ich hab es schon mal testweise versucht umzustellen, es gab aber riesige Probleme: - Die Inhalte meiner Datenbanken sind alle noch nicht UTF-8. Bisherige Umwandlungsversuche haben nicht einwandfrei funktioniert. - Öffne ich eine auf Windows Notepad++ erstellte Nicht-UTF-8-Datei mit Geany auf Ubuntu werden Sonderzeichen unleserlich. Einlesen mit Nicht-UTF-8-Konvertierung klappt bisher nicht. Zum doppelten Menü und der fehlenden ul/li Auszeichnung: Habe jetzt via Viewport eine Lösung umgesetzt, mit der ich auch gut Leben kann. Menüleiste fixed nur bei breiteren Browsern. ul/li habe ich ebenfalls in die Navigation integriert, ist das so richtig? div clear:both; Das habe ich leider immer noch nicht wegbekommen. Auch wenn es "old-style" ist, der "micro-clearfix-hack" aus dem Link klingt für mich auch nicht gerade nach Standard bzw. durchgängig funktionierender Lösung. Sollte das "div clear both" nicht zu unbedachten Problemen führen, werde ich mich wahrscheinlich erstmal damit abfinden Buttons für mobiles Layout: Ich hab die obere Menüleiste nochmals vergrößert. Ist immer noch nicht 40 px, aber fast @manfred62: Zitat:
Gibt es sonst noch was? |
Sponsored Links |
|
|||
Zitat:
Scriptly: Zeichensatz Korrektor | Bad Langensalza Das Plugin behebt das Problem, das Umlaute und Sonderzeichen falsch dargestellt werden, weil Dateien im ANSI/ASCII Modus geöffnet werden, anstatt im UTF-8 Modus. Beherzigt man meine Ausführung und gibt allen UTF-8 Dateien in der ersten Zeile ein oder mehrer Umlaute mit, erkennt Scriptly diese auch als UTF-8 und Umlaute werden korrekt angezeigt. Falls das nicht der Fall ist können Sie das oben genante Plugin verwenden. Vergessen Sie nicht die Datei auch als UTF-8 zu speichern. Scriptly: FAQ – Unicode (UTF- | Bad Langensalza Scriptly gibt es leider nur für Windows. Grüße |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Feedback erwünscht - Portal | ven | Site- und Layoutcheck | 12 | 25.03.2009 22:06 |
Feedback erwünscht | paracelsus | Site- und Layoutcheck | 10 | 24.08.2008 16:44 |
Feedback zum Design erwünscht | hannes_xxl | Site- und Layoutcheck | 7 | 22.01.2007 16:35 |
erneutes Feedback erwünscht | riot | Site- und Layoutcheck | 10 | 05.09.2005 12:44 |
Feedback erwünscht: http://kisd.de/~klaus/ | crush79 | Site- und Layoutcheck | 11 | 31.01.2005 12:16 |