CSS verrückt Schrift

[-=-Killha-=-]

Hallo, ich habe an meiner webseite die schrift ein wenig rücken wollen :

PHP Code:

padding:18px; 


PHP Code:

#js_is_user_profile .profile_info
{
    color:#808080;
    margin-top:4px;
padding:18px;<-- eingefügt

} 


PHP Code:

            <h1 style="width:400px;padding:18px; <-- eingefügt"><a href="{url link=$aUser.user_name}" title="{$aUser.full_name|clean}">{$aUser.full_name|clean|split:30|shorten:50:'...'}</a>{foreach from=$aBreadCrumbs key=sLink item=sCrumb name=link}{if $phpfox.iteration.link == 1}<span class="profile_breadcrumb">&#187;</span><a href="{$sLink}">{$sCrumb}</a>{/if}{/foreach}</h1> 


Ergebnis :


Ohne padding sieht es so aus :



Die Schrift ist zusammen nur eben verschoben über das bild und dies wolte ich ändern.

Mfg

[phlinther1]

Ich versteh zwar nicht genau, was du erreichen willst, aber nach dem, was ich herauslesen konnte willst du, dass "Marco" und "22 Jahre alt" weiterhin zusammen sind, aber eben weiter rüber verschoben. Ist es das, was du willst? xD

Wenn ja, dann ist die Lösung so einfach, dass ich mir ein wenig blöd vorkomme: "padding-left" statt "padding"

Ich kann mir zwar nicht vorstellen, dass du danach gefragt hast, aber mehr kann ich leider nicht aus deinem Post rauslesen ^^

[-=-Killha-=-]

Naja, wenn ich padding nehme verrückt es das um 18px so wie ich das will das es NEBEN dem bild ist so wie es auch sein solte. Nur verschiebt sich der text in der höhe und geht auseinander und ich kann mir nicht erklären warum.

Denkfehler von mir ....

margin: 0 0 0 20px;

[.Melonpan]

weil nur "padding" für alle seiten die 18 px nimmt, du musst entweder padding: xpx xpx xpx xpx oder padding-left etc

[-=-Killha-=-]

Und darin lag mein Denkfehler (: mit margin ging es viel besser^^

[3lue]

Padding verschiebt innerhalb des Containers, margin den kompletten Container

[NoVision]

Eine kleine Hilfe von mir für dich, damit du den Unterschied zwischen Padding und Margin verstehst...

... kommt gleich im Edit

€dit:

HTML:

PHP Code:

<div>test</div> 


CSS:
[PHP]
div
{
width: 100px;
height: 100px;
background: red;
padding-left: 50px;
margin-left: 200px;
}