- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m working with a CMS and am trying to position the Meta Date absolutely, however, if you look at xxx you will see the problem I’m having with the green roundels.
Here is theHTML
sorry, not xxx but
http://www.hhhconsulting.co.uk/dev/bootstrap/
you have :
.block {
overflow: hidden;
margin-bottom: 10px;
}
Change it to overflow:visible and add line-height:36px to “entry-date published”-span element
Sedana,
That worked a treat, thanks. Could you explain it so I understand more for the future.
Regards
Pete
Howdy,
If you put overflow hidden on a parent-element all child-elements inside it will get cut outside of its box.
By changing the value to overflow visible you are allowing the child-elements to be visible even if they are positioned outside of its parent.
For the line-height: If you have an element that is not a ‘td’ (or is displayed as a ‘td’ width css) you can’t use the style:vertical-align:middle. To achieve the same effect in this case you tell the text it is 36px high = the same as the circle. This will place the text in the middle of 36px’s.
/Sedana
Thanks, I understand a lot more now.
Regards
Pete