Forums

Give help. Get help.

  • # February 12, 2013 at 1:15 pm

    I really appreciate the help. How can I add a thin black border around IMG tag and also, how can I remove the margin that’s under a photo?

    Here’s HTML:

    <a style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" imageanchor="1" href="http://simeonhendrix.com/images/boogeyman-poster-movie.jpg"><img width="320" height="218" border="0" src="http://simeonhendrix.com/images/boogeyman-poster-movie.jpg"></a>Check out this Pen!

    Here’s CSS:

    element.style {
    clear: right;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    }
    Check out this Pen!

    THANK YOU SO MUCH!!!

    # February 12, 2013 at 1:16 pm

    I realize that all I need to do is remove the ‘MARGIN-BOTTOM’ from the CSS and that will remove the margin, HOWEVER, when I go into the HTML/CSS for my blogger, ‘ELEMENT.STYLE’ is not able to be found.

    # February 12, 2013 at 1:32 pm

    Awesome! Thank you @ChrisP I very much appreciate your explanation sir!!

    # February 12, 2013 at 1:36 pm

    @ChrisP , so if I wanted to remove a margin-bottom attribute

    element.style {
    clear: right;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    }
    Check out this Pen!

    # February 12, 2013 at 1:37 pm

    on only the IMG tags … then, I would write it like this:

    img {
    border: 1px solid black;
    margin-bottom: 0em;
    }
    Check out this Pen!

    # February 12, 2013 at 1:37 pm

    correct? THANK YOU SO MUCH!!

    # February 12, 2013 at 2:01 pm

    Okay, yes I think I understand. I’m trying it out right now sir.

    # February 12, 2013 at 2:17 pm

    @ChrisP , I’m doing something wrong. Here’s the HTML:

    <div class="separator" style="clear: both; text-align: center;">
    <a style="clear: right; float: right; margin-left: 1em; margin-bottom: 1em;" imageanchor="1" href="http://simeonhendrix.com/images/boogeyman-poster-movie.jpg">
    </div>
    Check out this Pen!

    And this is the CSS that blogger automatically is generating. You’ll also notice I tried to implement your instructions but it didn’t remove the margin-bottom.

    element.style {
    clear: right;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    }

    The above code is what blogger is automatically generating for me.

    I tried:

    .separator {
    margin-bottom: 0 !important;
    }

    But this doesn't remove the 'margin-bottom'
    Check out this Pen!

    # February 12, 2013 at 2:29 pm

    Furthermore, when I got into the HTML/CSS of the blogger, I can’t edit and modify ‘ELEMENT.STYLE’

    # February 12, 2013 at 4:21 pm

    AH!! Thanks so much dude!!

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag