Erstellen einer Webseite - Brauche Hilfe

[dexter]

Blocksatz geht ganz gut in Zeitungen bei kleinen Spalten. (davon ab, dass das da ein ganz anderer Blocksatz ist, im Web gibt es nur wenige Optionen Blocksatz automagisch irgendwie "schön" zu machen (Buchstabenweite/abstände etc automatisch nach den Gegebenheiten nahezu unsichtbar verringern/erhöhen etc.))
Blocksatz im Web ist in aller schönen Regel Murx und schlecht lesbar. Brauchen tut man den auch nicht, wozu?

Zusätzlich: line-height, ich finde 1.5 allerorten schon zuviel, aber ist halt überall Standard. Hier wurden die Zeilen- und Wort/Buchstabenabstände künstlich durch letterspacing&co übermässig aufgeweitet. (zu allem Überfluss auch noch durch Pixelangaben, Pixel machen Dir jedes Design kaputt, wenn der Enduser an irgendeiner Schraube dreht)

 

[Steev]

Good Morning,

Ich habe auch mal das Entwicklertool von G Chrome benutzt und wie ihr auf dem Screenshot sieht sind da die "body" Maße mit Länge 1120. Diese möchte ich reduzieren, aber finde nirgends dazu Einträge in der css. Könnt ihr mir da nochmal helfen?

You do not have permission to view link please Anmelden or Registrieren

Hier nochmal die css

You do not have permission to view link please Anmelden or Registrieren

Wenn ich bei "über mich" auf das Foto klicke werde ich zum Beispiel auf die Hauptseite geleitet. Sieht für mich zusammengeklickt aus.

Beide Bilder haben keine Links mehr

Alles freetemplate, habe ich aber immer erwähnt und habe auch kein Problem damit.

Edit: Ich habe den Footer und den Body und will beides oben unten näher zusammenrücken. finde aber gerade keine Lösung :-(

 

[RedlightX]

Schon allein aus SEO-Gründen und der eigenen Editierbarkeit, hätte ich hier zum Kundenwohl WordPress eingesetzt.

 

[drfuture]

Und wer pflegt die Anwendung dann?
Die Seite sieht nun nicht sonderlich dynamisch aus, die eine Änderung sie 2 Jahre rentiert das nicht.
Und SEO? Wordpress wird nicht automatisch besser gelistet?

 

[Steev]

Kann das jmd nachvollziehen mit den 1120 länge? Den Body verkleinern?

 

[Steev]

Nein, ich bekomme es nicht weiter hin. Wer es weiss wie und es mir verraten kann, wäre schön, muss aber nicht, ich verstehe auch dass das das hier kein Wünsch dir was ist. Ich habe selbst am Chrome Entwicklertool gerumwerkelt und mache alles kaputt (Backup). Mal sehen irgendwann. Kunde ist zufrieden. Ende erstmal.

 

[dexter]

Kann das jmd nachvollziehen mit den 1120 länge? Den Body verkleinern?

Wozu?

 

[Steev]

Ich möchte den Abstand verringern zwingen der E-Mail und Phone-Nr unten und der dem letzen geschriebenen

 

[dexter]

Ich möchte den Abstand verringern zwingen der E-Mail und Phone-Nr unten und der dem letzen geschriebenen

Das kommt nich von der Grösse des Body, sondern von (siehe auch oben) übermässig gesetzter line-height und grosszügigem padding (und wahrscheinlich diversen anderen Sachen, wo ich grad nicht geschaut hab).

Übrigens ist das Foto auf der Startseite viel zu gross (2832 × 4256 Pixel - über 1MB)

 

[LadyRavenous]

Unabhängig davon: Expires Headers helfen dir, dass Elemente (besser) gecacht werden können.

 

[RedlightX]

Und SEO? Wordpress wird nicht automatisch besser gelistet?

Bringt aber die richtigen Werkzeuge dafür mit. OG-Meta und vieles mehr. Und nicht selten entschließen sich die Besitzer, dann doch irgendwann, einen Blog draus zu machen.
So, wie es jetzt ist, ist es halt woe in den 90ern. Einen Blumentopf gewinnt man damit nicht, aber das ist wohl auch nicht Sinn der Sache.

Wäre ich Kunde, würde ich anderes erwarten.

 

[Steev]

Übrigens ist das Foto auf der Startseite viel zu gross (2832 × 4256 Pixel - über 1MB)

Ja das mache ich kleiner

Oder allgeim gucke ich mir mal die Bilder an, ich will sie teils verkleinern (bzw. Pixel runterschrauben)

Edit: jetzt alle in der Länge maximal 1280px.

Unabhängig davon: Expires Headers helfen dir, dass Elemente (besser) gecacht werden können.

Da verstehe ich leider nur Bahnhof

Das kommt nich von der Grösse des Body, sondern von (siehe auch oben) übermässig gesetzter line-height und grosszügigem padding (und wahrscheinlich diversen anderen Sachen, wo ich grad nicht geschaut hab).

Das muss ich für mich erstmal übersetzen und dann kann ich vllt was machen

Da verstehe ich leider nur Bahnhof

Also ja, ich checke das iwie

helles Gelb auf weißem Untergrund. Ich würde den "text-shadow" rausnehmen oder zumindest die Farbe für den Hover auf ein mittleres Grau oder etwas ähnlichem setzen.

ich finde das helle Gelb nicht in der css , suche schon den ganzen morgen (also seit meiner Begrüßung heute in der Kneipe)

 

[theSplit]

Nimm dir mal Firefox zum Debuggen, vielleicht fällt dir das leichter. Mit F12 kommst du in die Developer Tools, das was du suchst ist der "Hover" Style für die Elemente. Einfach mit dem Inspektor auf einen der aktiven Navigationspunkte klicken (Maus mit Auswahl ganz links in den Developer Tools) und dann bei ":hover" und ".active" den Style verändern.

Edit sagt: Ich hab dir dazu ein kurzes Video gemacht.

You do not have permission to view link please Anmelden or Registrieren

 

[Steev]

Danke Wie speichert er das in die css? Also wenn ich veränderungen mache, werden die dann in die ccs geschrieben? Geht es nicht doch auch mit Chrome?

--- ---

Edit ok Nein, ich nehme den Firefox


Edit2: Oh Hilfe ist der mittlerweile überladen

Ich bleibe mal bei Chrome, da ich auch ein frisches System W10 gerade so belassen will

 

[drfuture]

da gehts ja auch quasie 1:1 genauso.
In der .css steht es natürlich auch mit ....:hover

 

[Steev]

Nein, sry, da brauche ich ein Chrome Webdesign Kurs. So schön wie beim Firefox ist es nicht. Also so dynamisch wie in Splits Video. Aber Firefox will ich nicht. Das klingt wie ein Kind, was seinen Milchreis nicht essen will, aber ich habe meine Gründe.

Alles ok erstmal, ich brauche etwas Zeit.

 

[dexter]

Nein, sry, da brauche ich ein Chrome Webdesign Kurs.

das hat mit Chrome oder FF überhaupt nichts zu tun, offenbar fehlen Dir die grundlegensten Kenntnisse.
Wie hast Du denn die Seite zusammengeklöppelt? Ist das eine Vorlage irgendwoher?

 

[Steev]

Ja habe ich doch von Anfang an so kommuniziert hier, dass es ein

You do not have permission to view link please Anmelden or Registrieren

ist, was ich abändere oder für mich individualisiere. Richtiges Webdesign habe ich nicht gelernt (Lehrberuf).

Sie ist auch fertig, eben noch mit diesen Kleinigkeiten Änderungen. Ich sehe das, oder die Optionen, wie sie in Splits Firefox dargestellt sind, nicht bei Chrome, leider.

 

[Jester]

Hey,

im Chrome kannst Du genau wie im Firefox mit F12 die Entwicklerkonsole öffnen, die hat exakt (?) die gleichen Werkzeuge wie beim FF.

 

[Steev]

Ah Danke jetzt hat es Klick gemacht im wahrsten Sinne. Ich habe mir Splits Video nochmal angeschaut und oben Links dieser Button bewirkt, dass man auf der Seite links die einzelnen Elemente sichtbar hat. Das war der Kniff. Mich hat der FF "Inspektor" irritiert.

Zu meiner Entschuldigung. Split klickt den Button kurz an.

--- ---

helles Gelb auf weißem Untergrund

Bekomme ich nicht hin mit dem Entwicklertool, finde da kein Gelb und bin mir sicher ich suche an der falschen Stelle, aber ok

--- ---

Wenn es markiert ist, ist zumindest auf Schwarz gestellt, das finde ich so ganz passend.

Zu meiner Entschuldigung. Split klickt den Button kurz an.

Jetzt verstehe ich auch deinen Text

You do not have permission to view link please Anmelden or Registrieren

, auch ohne Video