CSS verrückt Schrift

12/25/2013 14:58 -=-Killha-=-#1
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 :
[Only registered and activated users can see links. Click Here To Register...]

Ohne padding sieht es so aus :

[Only registered and activated users can see links. Click Here To Register...]

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

Mfg
12/25/2013 21:57 phlinther1#2
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 ^^
12/25/2013 22:33 -=-Killha-=-#3
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 ....

Quote:
margin: 0 0 0 20px;
12/25/2013 23:35 .Melonpan#4
weil nur "padding" für alle seiten die 18 px nimmt, du musst entweder padding: xpx xpx xpx xpx oder padding-left etc
12/26/2013 00:48 -=-Killha-=-#5
Und darin lag mein Denkfehler (: mit margin ging es viel besser^^
12/26/2013 13:27 3lue#6
Padding verschiebt innerhalb des Containers, margin den kompletten Container ;)
12/26/2013 21:26 NoVision#7
Eine kleine Hilfe von mir für dich, damit du den Unterschied zwischen Padding und Margin verstehst...

... kommt gleich im Edit :p

€dit:

HTML:
PHP Code:
<div>test</div> 
CSS:
[PHP]
div
{
width: 100px;
height: 100px;
background: red;
padding-left: 50px;
margin-left: 200px;
}