Hello,

There's something wrong with my teaser display at http://www.18wos.org/china-map-for-euro-truck-simulator
I'm sure it's caused by CSS problem, but could you tell me what I can do with it? Thank you.

The view css as follows:

.view-content-chinamapforetspage{clear:both;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #F3F3F3;}
.view-content-chinamapforetspage h2{margin:0 0 7px 0;padding:0 0 10px 0;border:0;}
.view-content-chinamapforetspage h2 a:hover{text-decoration:none;}
.view-content-chinamapforetspage h3{border-bottom:none;padding-bottom:0;}
.view-content-chinamapforetspage h3 a:hover{text-decoration:underline;}
.view-content-chinamapforetspage p{margin:0;padding:0;text-align:left;color:#595441;}
.view-content-chinamapforetspage p a{color:#595441;}
.view-content-chinamapforetspage a:hover{text-decoration:none;}
.view-content-chinamapforetspage a img{float:left;margin-right:7px;border:4px solid #E8EBE8;}
.view .view-content-chinamapforetspage,.panel-flexible 
.view-content-chinamapforetspage{float:left;}
.colb .view-content-chinamapforetspage{border-bottom:0px;padding-bottom:0px;}

Comments

nevets’s picture

It looks like you are listing node and your node.tpl.php has this line

<div class="content">

Changing it to the following should fix the problem

<div class="content  clear-block">
kingto’s picture

Thanks a lot! and a last question, I want to display the title at the right side of the image, you see now, it's above of it.
how can i do it? thank you very much!

kingto’s picture

yes, I chose teaser list in Views to display. are there anything else I can use for display the teaser?

kingto’s picture

I want to show like this: http://www.18wos.org/files/111111.PNG

thanks