Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9

Thread: Padding Issues

  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Padding Issues

    Hey guys my names Ben I'm new here.. I need some help with coding in tumblr.. i'm a photoraphy and videographer not a coding genius! haha

    so here is my issue i put the padding in the html in the picture coding and it shows on the edit page but once i hit preview it doesn't show. Any ideas would be great! thanks

    Ben

    [CODE]<img style="padding: 5px;" src="http://i176.photobucket.com/albums/w190/Bensley101/Darwinsparents.jpg" boarder="5" align="left" height="168" width="285" />[CODE]

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,474
    Thanks
    6
    Thanked 980 Times in 953 Posts
    Would you be so kind to show us the page in question? In that snippet everything is correct but there’s no way to know if anything else is having any influence without seeing the “anything else”.

  • #3
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ya no problem!
    here is the blog itself.

    http://explorationfilms.tumblr.com/

    It's the first post I'm working on right now if you need more code or anything just let me know!

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello what'scode,
    You probably want a margin around that image to move text away from it. Padding is inside, margin is outside.
    Try adding this to your CSS to put 5px margin on all images in your posts - #content div.post p img {margin: 5px;}

    Not sure why your edit would not show up in preview, not sure what your previewing with either...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh i see! Yes that's what im trying to do.

    Sorry but I'm not sure where to place the new coding you gave me..

    Isn't CSS and HTML different coding all together or are they both in one?

  • #6
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh I'm previewing what it will look like because in the tumblr edit you can
    click preview and it will show you what your post is suppose to look like.

    Which isn't working.

  • #7
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here is what else I've tried.

    [CODE]<img style="float:left; margin:5px;" src="http://i176.photobucket.com/albums/w190/Bensley101/Darwinsparents.jpg" boarder="5" align="left" height="168" width="285" />[CODE]


    [CODE]<img style="float:left; margin:5px;" src="http://i176.photobucket.com/albums/w190/Bensley101/Darwinsparents.jpg" boarder="5" height="168" width="285" />[CODE]


    [CODE]<img style="float:left; margin-right: 5px; display:inline;" src="http://i176.photobucket.com/albums/w190/Bensley101/Darwinsparents.jpg" height="168" width="285" />[CODE]

  • #8
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    If that is how you are spelling border, it will not work.

  • #9
    New Coder
    Join Date
    Jan 2011
    Posts
    90
    Thanks
    4
    Thanked 5 Times in 5 Posts
    change boarder="5" to border="5"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •