mhuynh55

Mfields, thanks so much. Well the page I got going is good and I have set it to my Articles page. However, I am unsure what to put in the custom template php file. What I want to appear on the Articles page is basically all the posts I have posted in WordPress to appear under each other like a normal blog. How do I go about doing this? Do I need to also incorporate the existing div classes of my theme?

Hey Alex, just an update. I looked into more about the issue and I discovered that if I changed the display:block; to overflow: hidden;, it actually worked and fixed it. The resolution was that to clear a float within a div itself, use the overflow hidden. I hope this is a correct way to have solved my problem. I also it’s solved it although the below content is wayward. Might have to just fixed padding somewhere.

This section here:

<div class="clearfloat">
                  <h3><a href="https://www.culturesinbetween.net/NEWWEBSITE/category/second-left-column/">second left column</a></h3>
      <h2><a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/agagag/" rel="bookmark" class="title">agagag&raquo;</a></h2>

             <p>agagagagg</p>
          </div>
      </div>

Is the second module right under the first image of the left div column and from that, it is sitting inside the left div column with the class ‘frontcol’ so this is actually good.

The only problem is, is that it is infringing on top of the first image (from seeing the website). It needs sit right below it. Could it be that there needs some height defining?

<div class="frontcol">

    <div class="clearfloat">
                </div>
        <div class="clearfloat">
                  <h3><a href="https://www.culturesinbetween.net/NEWWEBSITE/category/leftcolumn/">leftcolumn</a></h3>
      <h2><a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/19/" rel="bookmark" class="title">Clémence Poésy&raquo;</a></h2>

                <a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/19/" rel="bookmark" title="Permanent Link to Clémence Poésy">
        <img src="https://www.culturesinbetween.net/NEWWEBSITE/wp-content/uploads/clemence-poesy1.jpg" alt="" width="200px"/></a>

               <p>The beautiful mademoiselle Clémence Poésy, photographed by Garance Doré.</p>
          </div>
        <div class="clearfloat">
                </div>
        <div class="clearfloat">
                  <h3><a href="https://www.culturesinbetween.net/NEWWEBSITE/category/second-left-column/">second left column</a></h3>
      <h2><a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/agagag/" rel="bookmark" class="title">agagag&raquo;</a></h2>

             <p>agagagagg</p>
          </div>
      </div>

  <div class="frontcol">
      <div class="clearfloat">
                  <h3><a href="https://www.culturesinbetween.net/NEWWEBSITE/category/rightcolumn/">rightcolumn</a></h3>
      <h2><a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/23/" rel="bookmark" class="title">Plié Shoe for Rittenhouse&raquo;</a></h2>

                <a href="https://www.culturesinbetween.net/NEWWEBSITE/2009/01/23/" rel="bookmark" title="Permanent Link to Plié Shoe for Rittenhouse">
        <img src="https://www.culturesinbetween.net/NEWWEBSITE/wp-content/uploads/plie2.jpg" alt="" width="100"/></a>

               <p>The ‘Gladiator’ styled flat sandals and enhanced ankle boots have become the on-trend for the summer season. Ballet flats became largely popular reworking a traditionally designed sandal and merging it with the ankle heeled shoe. The meticulous and original detailing on the Plié Shoe, designed by Industrial designer Stefan Lie and Tokuyama for Rittenhouse is differentiated by the approach to the purpose and form of a pair of sandals. Working naturally with the contour shape and mimicking the constant on-going movement of our feet, the ballet sandals is designed to have its origami front structure, overheading the toes, a soft leather base and black side ankle straps. The sandals are beautifully handmade in Japan.</p>
          </div>
        <div class="clearfloat">
                </div>
        <div class="clearfloat">

                </div>
      </div>

Because of the theme I am using, it places the div clear float in automatically. Just to be correct, it is two columns down. Both have the same div class of ‘frontcol’. Because of the theme I am using, it assigns the left div column with the category named ‘leftcolumn’ which I have assigned a category id. That’s also the same with the right div column.

With the theme also, it had this clearfloat css assigned also:

.clearfloat {
display:block;
padding:0 0 0 0;
margin-top:50px;
}

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

Is this something to do with the css of .clearfloat?