Blogtitel verschieben

Sanji

Hallo Zusammen,

Ich würde gerne den Blogtitel von der Mitte in die rechte obere Ecke verschieben.
Hab es in der style.css versucht komme da jedoch nicht dahinter.
h1 {
font-size: 4em;
text-align: right;
}

Wie kann ich hier die Höhe und der abstand zum Rand bestimmen? geht das überhaupt?

Gruss Sanji

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

MaD

ja das geht ... allerdings weiß ich nicht, ob h1 dafür die richtige Wahl ist ... kenne deinen Blog nicht ... daher kann ich das nicht sagen ..

aber mit du kannst mit css die Position verändern ... das hier wäre ein Tipp in die Richtung ...
http://www.css4you.de/margin.html

aber gib mal bitte einen Link zu deinem Blog ... dann kann ich genaueres sagen ...

Sanji

hier mein Blog
ist das Kubrick Template

MaD

ok also für den Blogtitel ist es wirklich h1 und für die Beschreibung darunter ist es description ...

und du musst dann z.B fü h1

h1 {
font-size: 4em;
margin: a b c d;
}

für den Befehl magrin habe ich dir oben schon eine Beschreibung gegeben ... spiel mal etwas mit den Werten für a,b,c,d und du siehst in welche Richtung sich der Blogtitel verändert ...

Sanji

hab das getestet egal was für werte ich eingebe der titel ist links in der mitte.. hab es mit px und % versucht 1,2,3 und 4 werte aber ändert sich nichts.

Was mach ich da falsch?

h1 {
font-size: 4em;
margin: 20px 200px 200px 20px;
}

Jeriko

PHP

#header {
  text-align:right; // Rechts ausrichten
}


h1 {
  padding:10px 30px 0 0; // Titel von Rand wegbewegen
}


.description {
text-align:right; // Rechts ausrichten
padding-right:30px; // Bisschen von Rand weg
// Alle anderen Angaben weg
}

Alles anzeigen

Mitm Firefox wird so der gewünschte Effekt erzeugt. Wie immer, mitm IE hab ich keine Ahnung :D

Gruß Jeriko

Sanji

nein geht nicht der title bleibt links

hier ist meine style.css

was hab ich da falsch?

spickzettel

Weiter unten steht noch einmal

Code

/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }

Damit werden natürlich deine Einstellungen oben überschrieben. Nimm oben statt h1

Code

#header h1 ...

MI(|-|A3L

Ich hab das jetzt so geregelt, dass oben hatte bei mir nicht funktioniert!

PHP

#header h1 {
                        font-size: 2em;
                        margin-left: 28px;
                        margin-top: 68px;
                        }
                    h1 {
                        font-size: 7em;
                        }
.description {
                        margin-left: 28px;
                        }

Alles anzeigen

Knutzi

einfach in der CSS Datei:

#header h1 {
font-size:1.0em;
[COLOR="Red"]float:right;[/COLOR]}

float:right ist die einfachste Lösung, nicht text-algin right.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blogtitel verschieben

Jetzt mitmachen!