Post Formatting (Custom)

  • I have a simple problem but I’m not sure where to look. When left to formatting JUST css and html I can do it no problem. But when it comes to something in the loop I get lost real easy. Haven’t done something like this one before.

    I want THIS to happen.

    But the most I can get right now is:
    THIS

    Not sure where to go from here. I feel like a NUB right now because of it.
    If some of you helpful folks could guide me in the right direction I’m sure I can handle the rest.
    (The blue on the left is fine. Just took a quick Screen Shot)
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter gbwriter

    (@gbwriter)

    HERE is the relevant code in case someone wants to have a peek.

    <head>
<div class="content">
     <div id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
    <div class="post-header">
        <div class="date">Aug 13 12</div>
        <h2><a href="https://localhost:8888/?p=1" rel="bookmark" title="Permanent Link to Hello world!">Hello world!</a></h2>
        <div class="author">gbwriter</div>
    </div><!--end post header-->
    <div class="entry clear">
                <p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
        <a class="post-edit-link" href="https://localhost:8888/wp-admin/post.php?post=1&action=edit" title="Edit Post">Edit This</a>            </div><!--end entry-->
    <div class="post-footer">
        <div class="comments"><a href="https://localhost:8888/?p=1#comments" title="Comment on Hello world!">1 Comment</a></div>
    </div><!--end post footer-->
  </div><!--end post-->
  <div class="navigation index">
    <div class="alignleft"></div>
    <div class="alignright"></div>
  </div><!--end navigation-->
    <!-- end .content --></div>
</head>
    Thread Starter gbwriter

    (@gbwriter)

    If someone can give me some help I’d appreciate it.

    I’ve scoured the internet for a video guide or something so I could see the process.

    I think the key is to find out what div’s I can control with style.css but I can’t really flesh out which ones to edit and what to do to get the style that I want.

    Thread Starter gbwriter

    (@gbwriter)

    I think I might have the right direction to go in on this one. (And my previous date question)

    I think the problem is that I started off with grabbing the header,footer, and sidebar from my html based them and created the php from that.

    But my mistake was that I grabbed an example loop and just stuck it in there forgoeing doing it dreamweaver first.

    SOLUTION:
    What I’m going to try is to just create it in html for the time being and then copy everything over. And just add pieces of the loop inside the div’s that I would have already created.

    What do you guys think?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Post Formatting (Custom)’ is closed to new replies.