Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Feedback and Assistance _ Issue with the Column 2 HTML code

Posted by: biru Aug 25 2013, 02:52 AM

Hey Guys,

I am having issue with the column 2 HTML code due to which the posts in Column 2 are coming one upon each other.Below is the HTML code for the column.

QUOTE

/* Column2 */
#column2 {
display: inline;
float: left;
margin-left: 20px;
width: 250px;
}

#column2 li {
float:left;
margin-bottom: 15px;
padding-top: 15px;
border-top: 1px solid #e9e9e9;
}

#column2 .entry-cat {
display: inline;
float: left;
font-size: 10px;
height: 16px;
line-height: 17px;
margin-right: 5px;
padding: 0 5px;
text-decoration:none;
margin-top: 1px;
box-shadow: 0px 1px 3px #15A5CF;
-moz-box-shadow: 0px 1px 1px #15A5CF;
-webkit-box-shadow: 0px 1px 1px #15A5CF;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-top-left-radius: 1px;
border-bottom-right-radius: 1px;
}

#column2 .entry-cat a {
color: #000;

}

#column2 .entry-cat a:hover {
text-decoration: none;
}

#column2 .entry-thumb {
margin-bottom: 10px;
}

#column2 .featured-1 {
padding-top: 0 !important;
border-top: none !important;
}

/* Column2 */

Here is the screenshot of the Column 2 in the website.

IPB Image

Link To the Web Page - "http://www.photokatha.in/"

Cheers
Biru

Posted by: pandy Aug 25 2013, 03:14 AM

Please link to a sample page.

Posted by: biru Aug 25 2013, 03:24 AM

QUOTE(pandy @ Aug 25 2013, 01:44 PM)

Please link to a sample page.

Hi Pandy,

Here is the link to web page http://www.photokatha.in/

Posted by: pandy Aug 25 2013, 10:11 AM

Actually, that doesn't happen in the browsers I tried. In a recent gecko version and in Iron (same as Chrome) it looks just find. In an older only the first post in that column displays, the others are all gone, but no overlapping.

What browser do you see the overlapping in?