2 Replies - 633 Views - Last Post: 08 April 2013 - 08:17 PM

#1 mattrmclaren  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 109
  • Joined: 10-September 11

Trying to place an image

Posted 08 April 2013 - 02:57 PM

The following code should have an image nested to the left with the text to the right. I've tried placing the image everywhere and can't find the solution. Any help would be greatly appreciated.


 <div class="media">
      <a class="pull-left" href="">
      <img class="media-object" data-src="holder.js/64x64">
      </a>
      <div class="media-body">
      <h4 class="media-heading">Collaborate with students at other Universities</h4>
      <p>Join your classes and work with other students on studying without having to meet up.</p
      </div>
      </div>


It should look like what you see if you click on Media Object tab:
http://twitter.githu...ents.html#media

This post has been edited by mattrmclaren: 08 April 2013 - 02:58 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Trying to place an image

#2 Atli  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3719
  • View blog
  • Posts: 5,991
  • Joined: 08-June 10

Re: Trying to place an image

Posted 08 April 2013 - 05:24 PM

We can't really help you without seeing the CSS behind those classes.

One thing I see there that could be causing problem is that the <p> element's closing tag is missing the end > char. I doubt it will fix the problem, but it should be fixed nonetheless.
Was This Post Helpful? 0
  • +
  • -

#3 mattrmclaren  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 109
  • Joined: 10-September 11

Re: Trying to place an image

Posted 08 April 2013 - 08:17 PM

Here is the CSS. I apologize for not including in my original post:

<link href="../assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 10px;
        padding-bottom: 20px;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 700px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 30px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 15px;
        padding: 10px 20px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 5px 0;
      }
      .marketing p + h4 {
        margin-top: 14px;
      }
    </style>
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1