Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

20.09.2013 14:25

Demi95
#1 Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Hallöchen :)

Also, ich habe folgendes Problem und hoffe jemand kann mir helfen. Ich stelle meine Überschriften generell immer als Bild dar, da es besser aussieht. Gab bislang auch nie ein Problem damit. Jetzt plötzlich zieht die Grafik aber unerwartet nach rechts und geht über den Rand da sie die exakt selbe Länge hat wie das Forum. Aber selbst wenn ich die Grafik verkleinere, zieht es nach rechts, es geht nur nicht mehr über den Rand hinaus.
Screen:

Im Header und Footer widerrum funktioniert das einwandfrei.
Screen:

Nun weiß ich nicht genau ob es an einer Template Änderung liegt oder der Code für die Grafik vielleicht fehlerhaft ist. Im Template wurden folgende Bereiche geändert: Obere Leiste (Für die Tabelle unter dem Header) und Untere Leiste (Für das Bild im Footer unter der Statistik).
Der Code für die Grafik sieht so aus:

1
 
<center><div style="display: none;" id="eins">take my hand</div><img src="http://i40.tinypic.com/a2eyv.jpg"/></center>

Im CSS habe ich noch folgendes stehen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.messagecont div{
     overflow: auto;
     position: relative;
}
 

.forumtitle {
font-weight: bold;
letter-spacing: 2px;
font-family: Arial;
}
 
body {
margin: -20px;
}
 
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400italic);
 

Dazu kommt noch das Problem, dass das gesamte Forum nach links zieht, wenn man ausgeloggt ist. Wäre schön, wenn man das gleich irgendwie mit beheben könnte.

Bei Bedarf könnte ich auch nochmal die beiden veränderten Templates posten.
Ich nutze das Gaia Template (vorletzte Design-Vorlage, falls das einen Unterschied macht).
Link zum Forum: Klick

Ich hoffe jemand weiß Rat und kann mir helfen, damit ich weiter machen kann. :)

Liebe Grüße

Antworten

Beitrag melden

#2

20.09.2013 16:54 (zuletzt bearbeitet: 20.09.2013 16:55)

Olaf
#2 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Ol

Olaf

Der Fehler liegt daran,das Dein Bild in ein h2-Element gesetzt wurde.Warum auch immer?
Laut Quelltext:

1
2
3
4
5
6
 
<h2>
<center>
<div id="eins" style="display: none;">take my hand</div>
<img src="http://i40.tinypic.com/a2eyv.jpg">
</center>
</h2>
 

Da in der CSS das h2-Element u.a. mit "padding-left: 5px !important;" definiert wurde,beginnt Dein Bild auch auf der linken Seite erst nach 5 Pixel.
Ich weiß auch nicht,wie das "h2" in Deinen Code kommt?Es wird eigentlich für Überschriften benutzt.
Du kannst das h2-Element in Deinen Code einfach löschen und das Problem wäre gelöst.
Ansonsten kann man noch einen CSS Eintrag machen,könnte sich aber auch auf andere Elemente negativ auswirken.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#3

20.09.2013 17:59 (zuletzt bearbeitet: 20.09.2013 17:59)

Demi95
#3 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Demi95

Huch!? Okay, das finde ich jetzt etwas verwirrend, denn weder in den veränderten Templates, noch in einem der anderen eingesetzten Codes ist ein h2-Element zu finden?
Ich schicke hier mal eben das Template für die Obere Leiste als Anhang mit, falls ich irgendetwas übersehen sollte.
Wie gesagt, ich habe lediglich diesen Code:

1
 
<center><div style="display: none;" id="eins">take my hand</div><img src="http://i40.tinypic.com/a2eyv.jpg"/></center>

drin unter Admin → Forum → Home → Kategorie → Titel. Da ist keine Spur von einem h2-Tag. Kann es sein, dass er das automatisch setzt, da die Kategorien ja als Überschriften gelten?

Liebe Grüße

Dateianh�nge

Gaia Template - Obere Leiste.txt

Antworten

Beitrag melden

#4

20.09.2013 18:06

Olaf
#4 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Ol

Olaf

Du kannst es ja mal testen:

1
2
3
 
h2 {
    padding-left: 0 !important;    
}
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#5

20.09.2013 18:14

Demi95
#5 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Demi95

jap, funktioniert! Ob sich das jetzt woanders negativ auswirkt müsste ich erst schauen, sieht auf den ersten Blick aber nicht danach aus. Falls doch würde ich mich nochmal melden. :) Vielen Dank erst mal.
Nun bleibt nur noch das Problem -das ich mir absolut nicht erklären kann-, dass das Forum, also der Inhalt, sobald man sich ausloggt, also Gast ist auf der linken Seite befindet, statt in der Mitte. Hab ich da eine Einstellung versäumt oder was ist los? Hättest du da vielleicht noch eine Idee woran das liegen könnte?

Liebe Grüße

Antworten

Beitrag melden

#6

20.09.2013 18:22

Olaf
#6 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Ol

Olaf

Zitat von Demi95 im Beitrag #5

Nun bleibt nur noch das Problem -das ich mir absolut nicht erklären kann-, dass das Forum, also der Inhalt, sobald man sich ausloggt, also Gast ist auf der linken Seite befindet, statt in der Mitte. Hab ich da eine Einstellung versäumt oder was ist los? Hättest du da vielleicht noch eine Idee woran das liegen könnte?

Da kann ich im Moment nichts zu sagen.Es kann an Deine Template Änderung liegen oder ein Tag nicht richtig geschlossen....,

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#7

20.09.2013 18:46

Demi95
#7 RE: Überschriften (Grafik) ziehen nach rechts, trotz Zentrierung.

Demi95

Schon okay, ich habe den Fehler auch gerade selbst entdeckt. Da das Testforum schon länger existiert, hatte ich nicht mehr an ein älteres Experiment anhand einer eigenen Seite das mehrere HTML Codes enthielt gedacht. Nachdem ich ihn rausgenommen habe, läuft alles wieder wie es soll. Also, nochmal vielen Dank für die schnelle Hilfe zwecks Überschriften. :)

Liebe Grüße