Forum Replies Created

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

    (@okubow)

    Awesome! Thanks, pboosten.

    Thread Starter okubow

    (@okubow)

    Looks like I’m in over my head. It turns out I didn’t add a column at all. All I did was to narrow the content column by 120px.

    I did what you said and Added a </div> and then I added a second column, “column_c.” The problem is, when I finished the css for that column, both columns ended up squished together to the right of the main content.

    Here’s what my single.php file code looks like now:

    <?php get_header(); ?>
    
    <div id="column_a">
      </div>
    
    <div id="content">
    
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
      <div class="post" id="post-<?php the_ID(); ?>">
    
    <div id="column_c">
      </div>
    
        <h2>
    
          <?php the_title(); ?>
    
        </h2>

    And here’s what my css looks like now:

    /******************************************
    *   Content styles
    ******************************************/
    
    /* some structural styles for the content area */
    
    #column_a {/* First Column */
           width: 0px;
           float:left;
           border-right:1px solid #000000;
           }        
    
    #content {/* main content (left of sidebar) */
    	float:left;
    	width:940px;
    	}
    
    #column_c {/* First Column */
           width: 0px;
           float:left;
           border-right:1px solid #000000;
           }   
    
    #pagecontent { /* content area in static pages (without sidebar) */
    	width:600px;
    	float:left;
    	}

    I’m not sure what I’m doing wrong?

    Thread Starter okubow

    (@okubow)

    Hmm . . . I managed to add a column but it showed up on the wrong side of the content? I was trying to add Column A to the left, of the content, but it’s sitting on the right. Here is the code I used:

    Defined div in single.php:

    <?php get_header(); ?>
    
    <div id="column_a">
    
    <div id="content">
    
      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
      <div class="post" id="post-<?php the_ID(); ?>">

    Entered div into css:

    #column_a {/* First Column */
           width: 120px;
           float: left
           border-right:1px solid #000000;
           }        
    
    #content {/* main content (left of sidebar) */
    	width:820px;
    	float:left
    	}

    Good news – I got a column! Bad news – it’s on the wrong side. What did I do wrong?

    Here is that same post after the column:

    http://fretmd.com/sanding-down-an-acoustic-guitar-saddle/

    (Thanks again for the detailed instructions.)

Viewing 3 replies - 1 through 3 (of 3 total)