|
: bottom_row3_1 Curiousity - SOLVED : MurrayG February 26, 2015, 03:28:41 AM I get a strange line break in the email address.
Code: <ul> <li><i class="ion-ios7-location"> 139 Hamurana Rd, Omokoroa, 3114, NZ</li> <li><i class="ion-ios7-telephone"> (7) 548 2525</li> <li><i class="ion-ios7-email"> [email protected]</li> </ul> <p><a href="https://www.facebook.com/omokoroachurch" target="_blank" title="Follow us on Facebook" class="social_icon ion-social-facebook">[/url]</p> <!--<a class="social_icon ion-social-twitter">[/url] <a class="social_icon ion-social-googleplus">[/url] <a class="social_icon ion-social-rss">[/url] <a class="social_icon ion-social-pinterest">[/url]--> ---- Without the two . in the address the line looks fine on screen, the way it should. See Screen1 As soon as a . is typed in that line the email address drops down one line. See Screen2 Clearly, from the length of the physical address line it is not a case of running out of width in the module. Why does this happen and how do I stop it? Thanks Murray : Re: bottom_row3_1 Curiousity : mikenicoll February 26, 2015, 09:00:16 PM Hello,
Can you post a URL illustrating this : Re: bottom_row3_1 Curiousity : MurrayG February 27, 2015, 03:32:40 AM http://www.theocc.org.nz/rh/index.php
Thanks Murray : Re: bottom_row3_1 Curiousity : mikenicoll February 28, 2015, 12:06:11 AM Hello,
You should be able to fix this by changing the display:block value below to display: inline-block; : com_content.css - line 177 : Re: bottom_row3_1 Curiousity - SOLVED : MurrayG March 04, 2015, 08:51:59 PM Many thanks, that worked.
Cheers Murray : Re: bottom_row3_1 Curiousity - SOLVED : mikenicoll March 05, 2015, 12:15:13 AM NP :)
|