HTML/CSS CSS - Textpositionierung

[cooltek]

Brauche mal eben eure Hilfe,

und zwar:

Spoiler

Der Text "2010" befindet sich im footer. Aber er liegt direkt in der mitte drauf, ich möchte ihn um ein par px nach unten verschieben sodass er unter der kante ist...

Wi emach ich das?

Danke

 

[theHacker]

Negatives Padding rausnehmen oder Positives Margin hinzufügen.
Kp, ob ich das richtig verstanden und ob das bei deinem Markup auch wirklich hilft.

In solchen Fällen ist es immer gut, wenn du einen Link auf die Seite hast, damit man live sich das mit Firebug etc. angucken und gleich testen kann.

 

[cooltek]

Negatives Padding rausnehmen oder Positives Margin hinzufügen.
Kp, ob ich das richtig verstanden und ob das bei deinem Markup auch wirklich hilft.

In solchen Fällen ist es immer gut, wenn du einen Link auf die Seite hast, damit man live sich das mit Firebug etc. angucken und gleich testen kann.

negatives padding rausnehmen geht nicht, wenn ich das nicht negativ lasse kommt irgendwie ein neuer footer hinzu...

ich habs mal geuppt: *klick*

 

[SerkanB]

also weiss zwar nich genau wie das firebug funzt, aber der zeigt "falsches" wohl erst garnicht an, da waren die negativen paddings nicht dabei.

Also, ich hab dem footer eine hintergrundsfarbe gegeben mit
background-color:#151515;
wobei den ganzen background-kram ich in eine zeile schreiben würde, also so
background: url("../images/foot_bg.png") #151515 no-repeat;

Weiss nicht wozu du "center top" drin hast... aber wenn das nötig ist, kannste das auch in die zeile rein knallen, oder so stehn lassen, is wurst.

Was du mit dem padding: -4px 0 4px 0; erreichen willst is mir auch nich so klar. um 4px nach oben ziehn und von unten auch 4px nach oben drücken?

hauste padding-top:10px; rein schauts ganz gut aus. Das mitm 2. Footer ist wohl wegen fehlender Hintergrundsfarbe gewesen.

Also der #footer schaut am ende so aus:

#footer {
width:1000px;
height:39px;
background:url(../images/foot_bg.png) #151515 no-repeat;
font-size:10px;
color:white;
text-align:center;
padding-top:10px;
}

Für den Code hafte ich nicht... aber Firebug un Firefox zeigens dann richtig an, das 2010 unter der kante.

 

[theHacker]

Korrigiere doch erstmal die Fehler, bevor du am CSS arbeitest.
Da is ein <center>-Tag (was du dir btw. abgewöhnen solltest), was in der falschen Reihenfolge geschlossen wird; das kann den Browser zusätzlich durcheinander bringen.

 

[cooltek]

also weiss zwar nich genau wie das firebug funzt, aber der zeigt "falsches" wohl erst garnicht an, da waren die negativen paddings nicht dabei.

Also, ich hab dem footer eine hintergrundsfarbe gegeben mit
background-color:#151515;
wobei den ganzen background-kram ich in eine zeile schreiben würde, also so
background: url("../images/foot_bg.png") #151515 no-repeat;

Weiss nicht wozu du "center top" drin hast... aber wenn das nötig ist, kannste das auch in die zeile rein knallen, oder so stehn lassen, is wurst.

Was du mit dem padding: -4px 0 4px 0; erreichen willst is mir auch nich so klar. um 4px nach oben ziehn und von unten auch 4px nach oben drücken?

hauste padding-top:10px; rein schauts ganz gut aus. Das mitm 2. Footer ist wohl wegen fehlender Hintergrundsfarbe gewesen.

Also der #footer schaut am ende so aus:

#footer {
width:1000px;
height:39px;
background:url(../images/foot_bg.png) #151515 no-repeat;
font-size:10px;
color:white;
text-align:center;
padding-top:10px;
}

Für den Code hafte ich nicht... aber Firebug un Firefox zeigens dann richtig an, das 2010 unter der kante.

Danke, damit hats geklappt

 

[liro9000]

Setzt mal die Farbe von "../images/bg.png" unter

#footer {
background-color: #xxxxxx;
}

ein

Dann füge beim Footer noch den padding-top hinzu:

#footer {
padding-top: 20px;
}

 

[baserider]

Danke, damit hats geklappt

... aber die Fehler im CSS und HTML sind trotzdem noch vorhanden. Das kann wiederrum dazu führen das nicht jeder Browser die richtige Ausgabe liefert.

 

[liro9000]

... aber die Fehler im CSS und HTML sind trotzdem noch vorhanden. Das kann wiederrum dazu führen das nicht jeder Browser die richtige Ausgabe liefert.

Gehe am besten die ganzen Meldungen hier durch. Das sind fast immer die gleiche Fehler, solltest sie schnell wegbekommen.

 

[yoursmilie]

Bitte mal Opera nutzen. Dann weißt Du, dass noch nicht alles so ist, wie es sein sollte.

 

[cooltek]

Nicht das ihr das falsch versteht, aber ich hab die aktuelle version noch nicht hochgeladen...
ich teste das erst immer alles intern.