Linksbündig, und zwar sauber.

Hi ilzz,

bei mir ist es eindeutig linksbündig. F5 bzw. Browser aktualisieren kann hilfreich sein.

Ergänzung: Ein Hauch ist da jedoch noch Luft :roll:

Hi ilzz,

ich weis, wie toll sowas stört, wenn man es selbst weiss. Ich bin mir vollkommen sicher, es wird kaum einen Besucher deiner Seite auffallen.

Heutzutage ist die Geschwindigkeit der Umsetzung einer Idee entscheidend für den Erfolg. Und 100 Prozent perfekt gibt es nicht ;-)

Es liegt so ein bißchen an der Schriftgröße und Schriftart.

Wenn Du mal beim font für body "Helvetica Neue",Helvetica,Arial,sans-serif rausnimmst, wird wieder Times oder etwas Ähnliches verwendet. Dann sieht man, daß die linken Ränder der Serifen genau linksbündig sind.

Oder wenn Du die Überschrift auch die gleiche Schriftgröße wie den Text stellt, dann paßt es auch.

Wenn es so wie es jetzt ist, exakt untereinander stehen soll, mußt Du für die Überschrift mit einem negativen linken Randwert arbeiten. Ich habe mal versuchsweise margin-left:0.4%; für .singular .entry-title gesetzt. Dann sieht es optisch wie exakt untereinanderstehend aus.

Zudem hängt das alles auch noch vom Browser und Betriebssystem ab.

Gruß
Ingo

Und ich hielt den Titel für eine Grafik, die sich einfach beschneiden lassen sollte.
Oder blicke ich nicht durch?

"/wp-content/uploads/2014/02/memymacandi_title.jpg"

Zitat von ilzz

Schreibe ich wirklich so undeutlich? :-D

Könnte es sein, dass Du etwas undeutlich verstehst?
Der Titel ist keine Schrift, sondern eine Grafik, so wie ich das sehe.

Ich meine, ich bin mir nicht sicher und kann mich irren, mag sein, gebe ich zu, weil ja auch H1 als Verlinkung vorhanden ist und verdeckt nun die Grafik die H1 oder H1 die Grafik? Wenn ich im Browser auf Titel klicke, will der mir jedenfalls Infos zur Grafik liefern.

<hgroup>
    <h1 id="site-title"><span><a href="http://me-my-mac-and-i.de/" title="Me, my Mac and I." rel="home">Me, my Mac and I.</a></span></h1>
    <h2 id="site-description"></h2>
</hgroup>


            <a href="http://me-my-mac-and-i.de/">
                        <img src="http://me-my-mac-and-i.de/wp-content/uploads/2014/02/memymacandi_title.jpg" width="1000" height="288" alt="" />
                </a>

Nur wenn es an der Grafik liegen sollte, dann brauchst Du ja von dieser nur etwas auf der linken Seite abschnippeln.

So, nun habe ich mir erst einmal selbst eine Linie gezogen und noch einmal gelesen, was Du so wolltest.

Zitat von ilzz

sauberen Linksbund von Seitentitel, Menü und Inhalt hin. (Um das Bild oben geht‘s nicht)

Zitat von ilzz

Schreibe ich wirklich so undeutlich?

Ja, denn der Seitentitel ist immer das was im Head innerhalb des Titel-Elementes steht:

<title>Me, my Mac and I.</title>

Nur Du meintest vermutlich den Beitragstitel, der aber auf dieser Seite nicht der Seitentitel ist, weil auf der Startseite der Blogtitel der Seitentitel ist. Auf den Beitragsseiten ist dann der Beitragstitel auch der Seitentitel, jedoch nicht auf der Startseite, die Du verlinkt hast.

<h1 class="entry-title">Lorem Ipsum</h1>

Mir hätte es aber auffallen müssen, dass Du nicht den Seitentitel gemeint haben kannst, somit bin ich eigentlich der dämliche, der zu flüchtig gelesen hat.

Jedenfalls was da was überlagert, ich hätte oben angefangen und wenn ein Bild verwendet werden soll, dann hätte ich das Bild und nicht H1 verlinkt. Zwei Zeilen darunter folgt ein leeres Form-Element, für was sollte das gut sein?

<form>


    </form>

Dann folgt der Home-Link, gehört zum Menü, der Abstand lässt sich bei mir mit einer zusätzlichen Angabe verringern. li steht aber für Liste, wobei die zusätzliche Zeile margin-left: 30px; einen geringeren Wert haben muss.

#access li {
    float: left;
    position: relative;
    margin-left: 30px;
}

Das andere schrieb Ingo bereits, mit beiden zusammen solltest Du alles hinbekommen.

Zu finden in der style.css:

/* ab Zeile 575 */


#access li {
    float: left;
    position: relative;
}


/* ab Zeile 1111 */


.singular .entry-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
}

Meinte mit Minuszeichen: margin-left: -30px;