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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Starting graphic images on a new line

    Hi

    My first post and in truth, it's probably a pretty dumb one. Please bear with me - I'm not a coder/programmer and am just trying to help someone out.

    I'm working within a template site and everything's fine apart from one thing. If I want to break text into paragraphs, then that's fine - I just use a <br> tag, but what if I want to position pictures on new lines? CSS is not an option because it's within a template site structure.

    So, I've got four graphic images (jpegs) that all sit on one line, but I've then got anther image that needs to sit on a new line. If I put <br> tags in, they seem to have no effect and the fifth image sits alongside the other four. How can I make the fifth image start on a new line?

    I hope this makes sense and I'd be really grateful for any help.

    Many thanks.

  • #2
    New Coder
    Join Date
    Aug 2011
    Location
    The Universe
    Posts
    34
    Thanks
    0
    Thanked 11 Times in 11 Posts
    Can you use inline CSS, like <img style="display: block;" src="image.png" />?

  • #3
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    Or if you can't or don't want to use inline CSS, Why not start a new paragraph, which is in itself a block level element:
    Code:
    <p>
         <img src="image1.jpg" /><img src="image2.jpg" />
    </p>
    <p>
         <img src="image3.jpg" />

  • #4
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,724
    Thanks
    41
    Thanked 191 Times in 190 Posts
    Quote Originally Posted by HamptonCaught View Post
    Hi

    ..... thing. If I want to break text into paragraphs, then that's fine - I just use a <br> tag, but what ......

    on a similar notion to resdog; you should be making your "paragraphs" in <p> (paragraph) tag sets, not by using <br/> tags... Also you can then do inline images and float them left or right and they will move to the left|right and then the text will flow around it

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE


  •  

    Posting Permissions

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