- This topic is empty.
-
AuthorPosts
-
February 12, 2013 at 1:15 pm #42678hendrix940Participant
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 {
Check out this Pen!
clear: right;
float: right;
margin-bottom: 1em;
margin-left: 1em;
}THANK YOU SO MUCH!!!
February 12, 2013 at 1:16 pm #124253hendrix940ParticipantI 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:31 pm #124257hendrix940ParticipantI found the answer here:
http://www.southernspeakers.net/2011/02/adding-shadow-around-blogger-post.htmlFebruary 12, 2013 at 1:32 pm #124258hendrix940ParticipantAwesome! Thank you @chrisp I very much appreciate your explanation sir!!
February 12, 2013 at 1:36 pm #124259hendrix940Participant@chrisp , so if I wanted to remove a margin-bottom attribute
element.style {
Check out this Pen!
clear: right;
float: right;
margin-bottom: 1em;
margin-left: 1em;
}February 12, 2013 at 1:37 pm #124260hendrix940Participanton only the IMG tags … then, I would write it like this:
img {
Check out this Pen!
border: 1px solid black;
margin-bottom: 0em;
}February 12, 2013 at 1:37 pm #124261hendrix940Participantcorrect? THANK YOU SO MUCH!!
February 12, 2013 at 2:01 pm #124266hendrix940ParticipantOkay, yes I think I understand. I’m trying it out right now sir.
February 12, 2013 at 2:17 pm #124267hendrix940Participant@chrisp , I’m doing something wrong. Here’s the HTML:
<div class="separator" style="clear: both; text-align: center;">
Check out this Pen!
<a style="clear: right; float: right; margin-left: 1em; margin-bottom: 1em;" imageanchor="1" href="http://simeonhendrix.com/images/boogeyman-poster-movie.jpg">
</div>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 {
Check out this Pen!
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'February 12, 2013 at 2:29 pm #124268hendrix940ParticipantFurthermore, 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 #124292hendrix940ParticipantAH!! Thanks so much dude!!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.