• Hi,

    I cannot get my text and images on a new line as much as I try with enter and
    I still cannot get it to work. The thing I am telling you about is https://www.uberdirectors.com/movie and you can see where is says “Steven Paul” it is squashed up next to Avi Arid.

    How do I fix this?

    Thanks!
    Jack

Viewing 4 replies - 1 through 4 (of 4 total)
  • Instead of putting everything in it’s own p tag, you should take all the parts of that bio, image, text, the info button, and put it in it’s own div, float the image left in the div, and float the div left.

    Thread Starter peacekeeperjack

    (@peacekeeperjack)

    Ok, I don’t really understand what you are talking about! Could you put it in lay man terms? I’m quite new to this.

    If your page is going to repeat the “Image/Bio” format that you have on that page, then you should create yourself a Template.

    Something like this…

    <div .class="BioContainer" style="float:left;margin-bottom:20px">
    
      <Your Image code here aligned left from the insert image page> 
    
      <div class="BioContent" style="float:left">
    
        <ul style="list-style:none">
            <li><b>Name: </b>Peace Keeper Jack</li>
            <li><b>Bio: </b>Bla bla bla....</li>
        </ul>
    
    </div>
    </div>

    When you want to add another Producer/Author/Person and their Bio, you just insert this template into your post, then fill in the info.

    The whole thing will float left under the bio above it, and will add 20px(or whatever you set it to)of margin to the bottom to put some space between bios.

    You can clean it up a bit, by assigning a class to the elements that have in-line styles, and place the style info in the style.css, but either way will work.

    The nice thing about having the styling in your style.css is that once you have it styled the way you want you never have to edit the styling again, you just paste it where you want it, then insert the image where it goes and add the bio info in the unordered list items.

    A more correct version…

    <div .class="BioContainer" style="float:left;margin-bottom:20px">
    
      <Your Image code here aligned left from the insert image page> 
    
      <div class="BioContent" style="float:left">
    
        <ul style="list-style:none">
            <li><b>Name: </b>Steven Paul</li>
            <li><b>Age: </b>51</li>
            <li><b>Born: </b>May 16, 1959</li>
            <li><b>Occupations and Titles: </b>Director, Writer, Actor, Visual Effects Producer</li>
            <li><b>Filmography: </b></li>
            <li>code for info button</li>
        </ul>
    
    </div>
    </div>
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cannot Get Text on new line.’ is closed to new replies.