PHP Help

  • I’m using wordpress to create a website and a purchased theme. I can’t get the HTML down for a three column, responsive widget. I want the columns to work similar to how I can create a three column table in Word. I want a small image with text under it in each of the three columns. So far, this is as far as I’ve got:

    <!DOCTYPE html>
<html>
<head>
<style>
.newspaper {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
</style>
</head>
<body>

<p><b>Note:</b> Internet Explorer 9, and earlier versions, does not support the column-count property.</p>

<div class="newspaper">
Insert text.  Insert text.  Insert text.  Insert text.  Insert Text.
</div>

</body>
</html>

    1. The text bleeds over into the other columns. I need to find a way to delineate the columns into three distinct, vertical columns. I want the three columns to each be self contained.

    2. I need to find a way to add a picture (that’s saved in my media library for wordress) on top of the text. Does anyone know how to manually pull a picture from the media library and insert it into a wordpress widget?

    Thanks and any help would be much appreciated!

  • The topic ‘PHP Help’ is closed to new replies.

Tags